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. |
Admin |
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à :-) -- 
|