probleme balise div
Hors ligneTrepied Le 31/05/2005 à 17:25 Profil de Trepied Configuration de Trepied

Dr_Chacalux
Voilà, j'aimerai que la balise div ou est ecrit XXXXXXX

s'affiche à droite de mon menu (mn) et pas en dessous
<body> <div id="boite"> <p id="haut">Laboratoire de Chimie de Coordination Organique</p> <p id="descrip"> Accueil du site internet du LCCO </p> <p id="menu"> <a href="/accueil">Accueil</a> <a href="/equipe">Equipe</a> <a href="presentation">Présentation</a> <a href="forum">Forum</a> <a href="recherche">Recherche</a></p> <div id="lateral">   <div id="mn">    <h2>Add On</h2>    <ul>     <li><a href="publi">Publications</a></li>     <li><a href="cours">Cours en ligne</a></li>    </ul>   <h2>Membre</h2>      <?php      include("membre.php");      ?>       </div>    <div>XXXXXXXXXXXXXXX</div> </div> </div> </body> </html>
--
Computers are like air conditioners, they are useless when you open Windows.
Hors ligneAnthony Le 31/05/2005 à 17:32 Profil de Anthony Configuration de Anthony

Fou du volant
Re (conversation menée sur le chat)

<body> <div id="boite">      <p id="haut">Laboratoire de Chimie de Coordination Organique</p>      <p id="descrip"> Accueil du site internet du LCCO </p>      <p id="menu"> <a href="/accueil">Accueil</a> <a href="/equipe">Equipe</a> <a href="presentation">Présentation</a> <a href="forum">Forum</a> <a href="recherche">Recherche</a></p>      <div id="lateral" style="width:770px">           <div id="mn" style="width:150px;float:left">                   <h2>Add On</h2>                <ul>                     <li><a href="publi">Publications</a></li>                     <li><a href="cours">Cours en ligne</a></li>                </ul>                <h2>Membre</h2>           </div>           <div style="width:500px;float:left">XXXXXXXXXXXXXXX</div>      </div> </div> </body> </html>

Je t'ai mis les styles "width:xxx" et "float:xx" direct dans la balise mais vaut mieux que tu mettes tout ça dans une CSS (bref là c'est pour que ça marche que j'ai fait ça, sans plus)

:-)

EDIT :

merci pour la CSS, donc voici ce que j'ai modifié pour ta CSS :

body,#boite,#dedans{ font-family:Verdana,Arial,Helvetica; font-size:7.5pt; } body,#dedans{ background-color:#FFFFFF; } body,#boite{ margin-left:auto; margin-right:auto; } body,#haut,#descrip,#menu{ font-family:Verdana,Arial,Helvetica; text-align:center; } body{ width:100%; } #boite{ width:900px; text-align:left; } #haut{ margin-top:-1px; height:60px; vertical-align:center; font-size:20pt; background-color:#003399; color:#FFFFFF; } #descrip{ margin-top:-20px; height:25px; font-style:italic; font-size:10pt; color:#000000; } #menu{ margin-top:-10px; height:30px; font-size:16pt; background-color:#003399; } #menu a{ color:#FFFFFF } #menu a:hover{ color:#C0C0C0 } a:link,a:hover,a:visited{ color:#000000; } #lateral{ margin-top:-34px; font-size:12pt; } #mn{ background-color:#003399; color:#FFFFFF; width:200px; text-align:left; float:left; } h2{ font-size:12pt; color:#FFFFFF; text-decoration:underline; width:170px; } #lateral a{ color:#FFFFFF } #lateral a:hover{ color:#C0C0C0 } #contenu{ width:700px; float:left; margin-top:20px; background-color:#C0C0C0; }

attention, j'ai modifié les unités de taille de deux polices, vu que tu les avait pas mises (il faut mettre "pt", "px" ou autre... bref sinon c'est pas valide et ça peut faire foirer certains navigateurs en terme de rendu).

Ensuite pour le code XHTML ça donne ça :

<div id="boite">      <p id="haut">Laboratoire de Chimie de Coordination Organique</p>      <p id="descrip"> Accueil du site internet du LCCO </p>      <p id="menu"> <a href="/accueil">Accueil</a> <a href="/equipe">Equipe</a> <a href="presentation">Présentation</a> <a href="forum">Forum</a> <a href="recherche">Recherche</a></p>      <div id="lateral">           <div id="mn">                   <h2>Add On</h2>                <ul>                     <li><a href="publi">Publications</a></li>                     <li><a href="cours">Cours en ligne</a></li>                </ul>                <h2>Membre</h2>           </div>           <div id="contenu">XXXXXXXXXXXXXXX</div>      </div> </div>

Voilà :-)
--

Vous avez résolu votre problème avec VIC ? Faites-le savoir sur les réseaux sociaux !
Vulgarisation-informatique.com
Cours en informatique & tutoriels