salut à tous !
voilà je débute et je suis bloqué.
en fait je veux faire un menu en haut de page avec une image à gauche qui crée l'arrondi de ce menu et une image à droite qui termine également l'arrondi dans l'autre sens.
presque comme le menu principal de ce forum par exemple
le truc c'est que j'ai essayé de coller les images et le texte dans un unique div ça marche pour l'image de gauche, elle est collée au texte, mais l'image de droite fait un retour à la ligne et se retrouve sous le menu en fait.
meme chose en créant 2 blocs : 1 bloc image de gauche et menu et un bloc à droite, le bloc de droite apparait dessous, genre retour à la ligne.
meme chose en faisant 3 blocs.
j'en suis là à fouiller le 2 blocs, c'est une histoire de positionnement mais je comprends pas tout je pense.
voici le code.
html :
le CSS :
si vous voyez le binz.. ça fait quelques heures que je me triture les méninges pour un bete morceau d'image
Modifié par zepokpok (22 Oct 2007 - 15:10)
voilà je débute et je suis bloqué.
en fait je veux faire un menu en haut de page avec une image à gauche qui crée l'arrondi de ce menu et une image à droite qui termine également l'arrondi dans l'autre sens.
presque comme le menu principal de ce forum par exemple
le truc c'est que j'ai essayé de coller les images et le texte dans un unique div ça marche pour l'image de gauche, elle est collée au texte, mais l'image de droite fait un retour à la ligne et se retrouve sous le menu en fait.
meme chose en créant 2 blocs : 1 bloc image de gauche et menu et un bloc à droite, le bloc de droite apparait dessous, genre retour à la ligne.
meme chose en faisant 3 blocs.
j'en suis là à fouiller le 2 blocs, c'est une histoire de positionnement mais je comprends pas tout je pense.
voici le code.
html :
<div id="globalNav"><img src="images/fonglobalnavg.jpg"
alt="habillage" width="9" height="29" align="left" />
<a href="#">Actualités</a> | <a href="#">Vie locale </a> |
<a href="#">Tourisme</a> | <a href="#">Vie économique</a> |
<a href="#">Santé Social </a> | <a href="#">Education</a> |
<a href="#">Environnement</a></div>
<div id="globalnavd"></div>le CSS :
#globalNav{
color: #000000;
padding: 0px 0px 0px 0px;
white-space: nowrap;
width: 680px ;
height: 29 ;
line-height: 1.8;
text-align: center ;
background-image:url(images/fonglobalnav.jpg);
position: relative;
}
#globalNav img{
display: block;
}
#globalNav a {
font: bold 80% "Trebuchet MS", sans-serif;
color: #82A5CA;
padding: 0px 4px 0px 0px;
}
#globalNav a:hover {
color: #FEA63F;
}
#globalnavd{
float: left;
position: relative;
margin: 0px;
padding: 0px;
width: 11px;
height: 29px;
background: url(images/fonglobalnavd.jpg) left top no-repeat;
}
si vous voyez le binz.. ça fait quelques heures que je me triture les méninges pour un bete morceau d'image
Modifié par zepokpok (22 Oct 2007 - 15:10)
