Salut,
Je fais un site en ce moment du genre portail, donc avec un menu à gauche et un autre à droite. Et biensûr, le texte au centre.
Le problème, c'est que mon menu de droite se met "sous" mon menu de gauche. Il est bien à droite, mais il est décalé vers le bas.
C'est pas très clair, donc allez voir : http://www.le-coin-de-sandwich.com/T&J/
Voila le html :
Et le CSS :
Voila, donc si quelqu'un a une idée...
Me hurlez pas dessus pour la laideur de ma CSS, ça fait bien longtemps que j'y ai pas touchée, et j'étais pas très bon au départ
Sinon, j'ai un autre problème avec IE : j'ai fait en sorte que mes boutons s'"allument" quand le curseur vient dessus :
C'est mal ? En tout cas, Internet Explorer (version 6 si je ne m'abuse) n'en veut pas.
Merci, bonne journée.
Modifié par ZeSandwich (01 Jul 2006 - 01:06)
Je fais un site en ce moment du genre portail, donc avec un menu à gauche et un autre à droite. Et biensûr, le texte au centre.
Le problème, c'est que mon menu de droite se met "sous" mon menu de gauche. Il est bien à droite, mais il est décalé vers le bas.
C'est pas très clair, donc allez voir : http://www.le-coin-de-sandwich.com/T&J/
Voila le html :
<div align="center">
<div id="main">
<!-- en haut -->
<div id="header"></div>
<!-- à gauche -->
[...]
<div align="left">
<div class="rubrique">
<img src="images/sur-la-route.gif" />
<div class="bouton">:: Inititatives rencontrées</div>
<div class="bouton">:: Carnet de route</div>
<div class="bouton">:: Album photos</div>
</div>
</div>
<!-- à droite -->
<div align="right">
<div class="rubrique">
<img src="images/sur-la-route.gif" />
<div class="bouton">:: Inititatives rencontrées</div>
<div class="bouton">:: Carnet de route</div>
<div class="bouton">:: Album photos</div>
</div>
</div>
</div>
</div>
Et le CSS :
.rubrique {
background-color: #FFF2D9;
border: 1px solid #EE9863;
width: 178px;
padding: 2px;
margin:8px 0 8px 8px;
}
.bouton {
background: #FFF;
border: 1px solid #D16814;
width: 171px;
color: #D16814;
margin-top:2px;
padding:1px 0 1px 5px;
}
Voila, donc si quelqu'un a une idée...
Me hurlez pas dessus pour la laideur de ma CSS, ça fait bien longtemps que j'y ai pas touchée, et j'étais pas très bon au départ

Sinon, j'ai un autre problème avec IE : j'ai fait en sorte que mes boutons s'"allument" quand le curseur vient dessus :
.bouton:hover {
background: #D16814;
color: #FFF;
}
C'est mal ? En tout cas, Internet Explorer (version 6 si je ne m'abuse) n'en veut pas.
Merci, bonne journée.
Modifié par ZeSandwich (01 Jul 2006 - 01:06)