[Résolu] Probleme cadre xhtml/css par Mister Crazy - page 1

Bonjours a vous tous nobles Zer0

Bon voila je debute dans ce monde fantastique qu'est le Xhtml / le CSS et du PHP

Voila a cette page
<lien url="http://www.musculation.mistercrazy.info/abdominaux.html"></lien>

J'ai un probleme avec le Bloc central !
si vous regarder la page avec Mozilla firefox (comme moi) pas de probleme mais si vous la regarder avec IE ben le carde deborde a droite !

si sa se trouve c'est moi qui ai oublier un detail sa fait que 2 mois que j'ai decouver tout ce monde merveilleux ! et 1semaine le site du Zer0 qui ma fait enormement progresser!

donc voila le code Html de la page :

<HTML>
   <head>
<title>Bienvenue sur Crazy Musculation</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
   <link rel="stylesheet" media="screen" type="text/css" title="design de musculation" href="musculation2.css" />
   </head>
   <body>
<div id="en_tete"> 
</div>

<div id="menu"> 
<div class="elements_menu">
<h3>Le Menu</h3>
<ul>
<li><a href="index2.htm">Accueil</a></li>
<li><a href="guide.htm">Guide</a></li>
</ul>
</div>

<div class="elements_menu">
<h3><a href="musculation.htm">Musculation</a></h3>
<ul>
<li><a href="abdominaux.htm">Abdominaux</a></li>
<li><a href="bras.htm">Bras</a></li>
<li><a href="dorsaux.htm">Dorsaux</a></li>
   <li><a href="epaules.htm">Epaules </a></li>
   <li><a href="jambes.htm">Jambes</a></li>
   <li><a href="pectoraux.htm">Pectoraux</a></li>
</ul>
</div>
</div>

<div id="corps"> 

<td align="left"> <div id="min-height">
<h1>Abdominaux</h1>
<p>Les illustrations Suivantes décrivent quelques uns des exercices les plus efficaces et les plus communément réalisés pour l'accroissement de la force, du volume musculaire et pour l'amincissement de la région abdominale et de la taille. <br>
Chaque exercice doit être accompli avec le maximum de corrections pour avoir un maximum de résultats sans risque de blessures, le nombre des exercices, des séries et des répétitions à réaliser dépendent de votre état de santé, de votre force et de votre niveau d'entraînement. Si vous débutez la musculation commencez patiemment puis augmentez-en l'intensité et le niveau à mesure que votre puissance s'accroît.</p>
<br>

<img src="logoabdo.gif" class="logo"> </td>
<br>
<br>
<ul type="circle">
<b>Choisissez un exercice : </b>
<br><br>

<li><a href="#001">Abdominaux : rotation du buste</a> </li>
<li><a href="#002">Abdominaux : relevé de buste assis </a></li>
<li><a href="#003">Abdominaux : relevé de buste sur plan incliné </a></li>
<li><a href="#004">Abdominaux : relevé partiel de buste </a></li>
<li><a href="#005">Abdominaux : rotation du buste penché </a></li>
<li><a href="#006">Abdominaux : élévation groupée des genoux</a></li>
<li><a href="#007">Abdominaux : pédalage coude-genou </a></li>
<li><a href="#008">Abdominaux : flexion latérale du buste </a></li>
</ul></td>
</tr>
</table>
<br><br>
<balise id="001"><hr></balise>
<br><br>

<td align="left">
<h1>Abdominaux - Rotation du buste</h1>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%"><img src="../galerie/rotation.gif"></td>
<td border="0" cellspacing="0" cellpadding="0" valign="top">
<p>Avec les pieds écartés à la largeur des épaules, les bras tendus sur les côtés ou en utilisant un bâton posé sur les
épaules et les trapezes, tournez vous d'un côté et de l'autre. Vous sentirez les muscles obliques s'étirer et se contracter pendant que
vous effectuerez les rotations. Réalisez l'exercice d'un mouvement mesuré et bien contrôlé, et tournez tant
que vous ne sentirez pas de gêne. </p></td>
</tr>
</table>

<br><br>
<balise id="002"><hr></balise>
<br><br>

<td align="left">
<h1>Abdominaux - Relevé du buste assis</h1>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="50%"><img src="../galerie/releve_assis.gif"></td>
<td border="0" cellspacing="0" cellpadding="0" valign="top">
<p>Genoux fléchis et pieds fixés, avec les mains derrière la nuque (ou bras croisés sur la poitrine), se relever lentement
jusqu'à la position de flexion totale. Revenir à la position de départ en contrôlant le mouvement. Le relevé de buste
assis, genoux fléchis est un exercice très efficace et bénéfique si la technique adoptée est correcte. La bonne technique
est d'obliger les muscles abdominaux et obliques à se contracter pour amener vers le haut la partie supérieure du torse
jusqu'à la position de flexion complète. Les balancements et les secousses réduisent l'efficacité de l'exercice. </p>
</td>
</tr>
</table>

<br><br>
<balise id="003"><hr></balise>
<br><br>

<td align="left">
<h1>Abdominaux - Relevé de buste sur plan incliné</h1>
<table width="100%" border="0" cellspacing="0" cellpadding="0" valign="top">
<td width="40%"><img src="../galerie/releve_incline.gif"></td>
<td border="0" cellspacing="0" cellpadding="0" valign="top">
<p>Allongé sur un plan incliné, les genoux fléchis, les mains bien placées derrière la nuque (ou les bras croisés sur la
poitrine). Fléchissez le buste lentement jusqu'à la position assise, en se concentrant sur la contraction des muscles
abdominaux. Revenez à la position de départ dans un mouvement également mesuré. Essayez d'éviter le balancement exagéré
de la partie supérieure du corps car ceci ne fait que réduire l'efficacité de l'exercice. Du fait de l'utilisation d'un
plan réglable incliné, souvenezvous qu'une plus grande puissance est demandée aux muscles abdominaux et obliques, pour
relever le buste, que sur un plan horizontal. </p>
</td>
</tr>
</table>

<br><br>
<balise id="004"><hr></balise>
<br><br>

<td align="left">
<h1>Abdominaux - Relevé partiel de buste</h1>
<table width="100%" border="0" cellspacing="0" cellpadding="0" valign="top">
<td width="40%"><img src="../galerie/releve_partiel.gif"></td>
<td border="0" cellspacing="0" cellpadding="0" valign="top">
<p>S'allonger sur une surface souple, genoux fléchis, les jambes posées sur un banc, une chaise ou un lit (les pieds
peuvent aussi être posés à plat sur le sol, sans l'utilisation d'aucun support), les mains derrière la nuque. Ramenez
lentement les coudes en direction des genoux dans un mouvement de flexion en contractant les muscles abdominaux.
N'effectuez la flexion qu'autant que votre niveau de puissance le permet. A cause de la position genoux fléchis,
les muscles abdominaux sont précisément sollicités et la hauteur que vous atteignez ne compte pas autant que la
correction avec laquelle est fait l'exercice. Évitez les mouvements de saccades et de balancements qui tendent à léser
la région lombaire et font perdre du temps! </p>
</td>
</tr>
</table>

<br><br>
<balise id="005"><hr></balise>
<br><br>

<td align="left">
<h1>Abdominaux - Rotation du buste penché</h1>
<table width="100%" border="0" cellspacing="0" cellpadding="0" valign="top">
<td width="40%"><img src="../galerie/rotation_penche.gif"></td>
<td border="0" cellspacing="0" cellpadding="0" valign="top">
<p>Les pieds légèrement plus écartés que la largeur des épaules, les genoux légèrement fléchis, le tronc parallèle au sol,
les bras légèrement fléchis. Commencez en amenant, dans un mouvement de rotation du tronc, les deux bras vers le côté
gauche. Au début du mouvement, contractez les muscles obliques du côté droit, ce qui vous aidera à propulser les bras
latéralement. Renvoyez les bras du côté droit en contractant les muscles obliques du côté gauche, et recommencez. Évitez
le balancement rapide des bras car l'élan tend à réduire l'intensité du travail des obliques. </p>
</td>
</tr>
</table>

<br><br>
<balise id="006"><hr></balise>
<br><br>

<td align="left">
<h1>Abdominaux - Elévation groupée des genoux</h1>
<table width="100%" border="0" cellspacing="0" cellpadding="0" valign="top">
<td width="40%"><img src="../galerie/elevation_o.gif"></td>
<td border="0" cellspacing="0" cellpadding="0" valign="top">
<p>En appui aux barres parallèles ce qui permet la flexion au niveau des hanches, les jambes pendantes, les coudes et les
avant-bras bien posés sur les accoudoirs, le dos appuyé contre le dossier, remonter lentement les genoux vers la poitrine;
étendre les membres inférieurs jusqu'à la position de départ et recommencez. Évitez le mouvement rapide. Le mouvement
exécuté lentement est plus difficile mais plus efficace. Les muscles fléchisseurs de la hanche "psoas-iliaque" qui
s'attachent sur la colonne vertébrale et sur la cuisse aident grandement les muscles abdominaux à ramener les genoux
vers le haut, (cet exercice peut aussi être exécuté, les membres tendus, à la barre fixe, ou assis sur un banc en groupant
les genoux). </p>
</td>
</tr>
</table>

<br><br>
<balise id="007"><hr></balise>
<br><br>

<td align="left">
<h1>Abdominaux - Pédalage coude-genou</h1>
<table width="100%" border="0" cellspacing="0" cellpadding="0" valign="top">
<td width="40%"><img src="../galerie/pedalage.gif"></td>
<td border="0" cellspacing="0" cellpadding="0" valign="top">
<p>Couché sur une surface souple, les mains placées derrière la nuque, les membres inférieurs tendus. Dans un enchaînement
de type pédalage alterné, ramenez un coude en direction du genou opposé. Revenez à la position de départ, remontez l'autre
coude et l'autre genou ensembles et continuez. Si vous ne pouvez pas faire toucher le coude et le genou, allez aussi loin
que possible; avec un entraînement assidu et un niveau de force croissant, cela deviendra possible. </p>
</td>
</tr>
</table>

<br><br>
<balise id="008"><hr></balise>

<td align="left">
<h1>Abdominaux - Flexion latérale du buste</h1>
<table width="100%" border="0" cellspacing="0" cellpadding="0" valign="top">
<td width="40%"><img src="../galerie/flexion_laterale_o.gif"></td>
<td border="0" cellspacing="0" cellpadding="0" valign="top">
<p>Debout, les pieds écartés à la largeur des épaules, les genoux légèrement fléchis (ce qui permet un plus grand
étirement sur le côté), un haltère léger dans une main, l'autre main derrière la tête (peut-être réalisé sans poids,
bras relâchés sur les côtés). Penchez vous latéralement et revenez à la position de départ en contractant les muscles
obliques du côté opposé à la flexion. Si votre but est l'amincissement de la taille, évitez l'utilisation de charges
lourdes qui tendraient à développer votre tour de ceinture. </p>
</td></tr></table></div>

<div id="pied"> 
<p>Copyright "Mister Crazy" 2006, tous droits réservés</p>
</div>

</body></html>

/*Corps*/
body
{
width: 95%;
margin: 30px;
margin-top: 20px; /* Pour pas coller le haut de la fenêtre. */
margin-bottom: 20px;
background-image: url("fondmenu.jpg"); /* image de fond */
}
/* L'en-tête */
#en_tete
{
width: 750px;
height: 75px;
background-image: url("http://www.websitecenter.org/creaban/banniere/fond02.gif");
background-repeat: no-repeat;
margin-bottom: 10px;
border: 2px
}

/* Le menu */
#menu
{
float: left; /* Le menu flottera à gauche */
width: 120px; /* taille du menu */
}

.elements_menu
{
background-color: #e7e7e7;
border: 2px solid black;
margin-bottom: 10px; /* Pour éviter que les éléments du menu ne soient trop collés */
}

/* Les EFFETS POUR LES MENUS */
.elements_menu h3 /* Tous les titres de menus */
{
color: #B3B3B3;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-align: center;
}

.elements_menu ul /* Toutes les listes à puces se trouvant dans un menu */
{
list-style: circle; /* apparence des puces */
padding: 0px;
padding-left: 20px;
margin: 0px;
margin-bottom: 5px;
}

.elements_menu a /* Tous les liens se trouvant dans un menu */
{
color: #B3B3B3;
}

.elements_menu a:hover /* Quand on pointe sur un lien du menu */
{
background-color: #B3B3B3;
color: black;
}

#corps
{
margin-left: 130px;
margin-bottom: 10px;
padding: 7px;
background-color: #ffffff; /* couleur de fond pour le corps */
border: 2px solid black; /* bordure du corps */
}
}

#corps h1 /* Tous les titres h1 du corps */
{
color: CC66FF; /* couler pluto violet mauve pour les titres h1*/
font-size: 30px;
text-align: center;
font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
text-decoration: underline;
}

#corps h2 /* Tous les titres h2 du corps */
{
color: CC0033;
height: 30px;
padding-left: 30px;
text-align: left;
}

#corps p
{
color: navy;
margin-left: 20px;

}

#corps a:hover /* Quand le visiteur pointe sur le lien */
{
text-decoration: underline; /* souligner */
color: red; /* couleur rouge quant il passe au dessus du lien*/
}

#corps a
{
text-decoration: none; /* Les liens ne seront plus soulignés */
color: Black; /* Les liens sont en rouge au lieu de bleu sa tue */
font-style: italic; /* Les liens en italique */
}

.logo
{
float: left;
margin-right: 40px;
margin-left: 20px;
margin-bottom:1px
}

/* Le pied de page (avec un faux copyrights) */
#pied
{
padding: 5px;
text-align: center;
background-color: #e7e7e7;
border: 2px dashed green;
}

#pied p
{
color: blue
}

Voila j'ai un autre proble plus mineur celui ci c'est que la les titre h1 aparaissent en noir sur Mozilla et en violet roze sur IE la couleur dans le code est bien sur celle de IE

Voila si je me suis mal exprimer quelque par signaler le moi je me corigerer

Cordialement Mister Crazy

Ben, soit tu remplaces tes <td> par des <p> ou des <div>, ce qui me semblerait mieux.

Ou alors tu les mets dans des <table>, n'oublies pas les <tr>

Allez, tiens je te mets toutes les erreurs :

Found 6 errors 64 warnings
line 1 column 31 - Warning: missing <!DOCTYPE> declaration
line 35 column 1 - Warning: missing </div> before <td>
line 37 column 1 - Warning: inserting implicit <table>
line 37 column 1 - Warning: missing <tr>
line 37 column 19 - Warning: missing </div>
line 37 column 1 - Warning: <br> isn't allowed in <tr> elements
line 37 column 1 - Warning: <br> isn't allowed in <tr> elements
line 37 column 1 - Warning: <ul> isn't allowed in <tr> elements
line 47 column 1 - Warning: missing <li>
line 60 column 6 - Warning: discarding unexpected </td>
line 61 column 1 - Warning: discarding unexpected </tr>
line 62 column 1 - Warning: discarding unexpected </table>
line 37 column 1 - Warning: <br> isn't allowed in <table> elements
line 37 column 1 - Warning: <br> isn't allowed in <table> elements
line 64 column 1 - Error: <balise> is not recognized!
line 64 column 1 - Warning: discarding unexpected <balise>
line 37 column 1 - Warning: <hr> isn't allowed in <table> elements
line 64 column 22 - Warning: discarding unexpected </balise>
line 37 column 1 - Warning: <br> isn't allowed in <table> elements
line 37 column 1 - Warning: <br> isn't allowed in <table> elements
line 68 column 1 - Warning: missing <tr>
line 68 column 1 - Warning: discarding unexpected <table>
line 70 column 40 - Warning: discarding unexpected </table>
line 71 column 1 - Warning: missing <tr>
line 71 column 1 - Warning: discarding unexpected <table>
line 71 column 1 - Warning: <tr> isn't allowed in <tr> elements
line 80 column 1 - Warning: discarding unexpected </tr>
line 81 column 1 - Warning: discarding unexpected </table>
line 37 column 1 - Warning: <br> isn't allowed in <table> elements
line 37 column 1 - Warning: <br> isn't allowed in <table> elements
line 84 column 1 - Error: <balise> is not recognized!
line 84 column 1 - Warning: discarding unexpected <balise>
line 37 column 1 - Warning: <hr> isn't allowed in <table> elements
line 84 column 22 - Warning: discarding unexpected </balise>
line 37 column 1 - Warning: <br> isn't allowed in <table> elements
line 37 column 1 - Warning: <br> isn't allowed in <table> elements
line 86 column 1 - Warning: missing <tr>
line 86 column 1 - Warning: discarding unexpected <table>
line 87 column 18 - Warning: discarding unexpected </table>
line 37 column 1 - Warning: <h1> isn't allowed in <table> elements
line 89 column 1 - Warning: missing <tr>
line 89 column 1 - Warning: discarding unexpected <table>
line 89 column 1 - Warning: <tr> isn't allowed in <tr> elements
line 100 column 1 - Warning: discarding unexpected </tr>
line 101 column 1 - Warning: discarding unexpected </table>
line 37 column 1 - Warning: <br> isn't allowed in <table> elements
line 37 column 1 - Warning: <br> isn't allowed in <table> elements
line 104 column 1 - Error: <balise> is not recognized!
line 104 column 1 - Warning: discarding unexpected <balise>
line 37 column 1 - Warning: <hr> isn't allowed in <table> elements
line 104 column 22 - Warning: discarding unexpected </balise>
line 37 column 1 - Warning: <br> isn't allowed in <table> elements
line 37 column 1 - Warning: <br> isn't allowed in <table> elements
line 106 column 1 - Warning: missing <tr>
line 106 column 1 - Warning: discarding unexpected <table>
line 110 column 1 - Warning: missing <tr>
line 120 column 1 - Warning: discarding unexpected </tr>
line 124 column 1 - Error: <balise> is not recognized!
line 124 column 1 - Warning: discarding unexpected <balise>
line 124 column 22 - Warning: discarding unexpected </balise>
line 127 column 1 - Warning: missing <tr>
line 130 column 1 - Warning: missing <tr>
line 141 column 1 - Warning: discarding unexpected </tr>
line 145 column 1 - Error: <balise> is not recognized!
line 145 column 1 - Warning: discarding unexpected <balise>
line 145 column 22 - Warning: discarding unexpected </balise>
line 148 column 1 - Warning: missing <tr>
line 151 column 1 - Warning: missing <tr>
line 159 column 1 - Warning: discarding unexpected </tr>
line 164 column 1 - Error: <balise> is not recognized!

Mister Crazy

30 décembre 2005 à 15:04:54

strucky

30 décembre 2005 à 15:31:05

Salut !!

Corriges d'abord les erreurs dans ta page :

8 erreurs et 69 avertissements.

Il y a des <td> en dehors des <table>.

30 décembre 2005 à 15:39:36

Oki donc je doit suprimer ces Td là ?

Ou plutot les mettres a l'interieur de <table></table> ?

Je vais essailler de revoir sa desuite merci !

Edit:
il est vrai qu'il y avait beaucoup de TD en dehor des balises <tables>
Mais vola j'en ai coriger quelques une mais certaines sa aprovoquer des effets inatendu par exemple le texte n'etait plus a coter de l'image !

voila je v essailer de remedier a sa mais c'est surtout la difference entre IE et Mozilla qui me derange le plus

++

30 décembre 2005 à 16:01:11

30 décembre 2005 à 16:06:22

Merci beaucop sa fait un paquet d'erreur quant meme lool

Je croi que je vais obter pour la solution de remplacer par des <Div>

Du moin s pas tout desuite avant je vais gouter apres je re et je vais faire ce que tu ma dit

Encore Merci

Edit:
Bon voila mon probleme est regler !
Merci strucky merci pour l'idée des Div je n'ai pas fini de corriger toutesles erreurs mais je fait de mon mieux !
Voila

++

Probleme cadre xhtml/css

Probleme cadre xhtml/css

Supprimer

Modérer

Signaler le message aux modérateurs