Bonjour,
j'ai fait une recherche mais je ne trouve pas la réponse à mon problème (énervant)
j'utilise la propriété bloc pour afficher un fond au lien qui est survolé...
Sous IE pas de problème (quand c'est pas l'un, c'est l'autre) :
et sous Firefox :
le bloc double de taille pour aller se coller sous le titre de la rubrique...
je vois pas vraiment ce qui merdouille dans mon code, y aurait-il une propriété CSS magique ?
HTML
CSS
Un peu de lumière pour la cave qui me sert de cerveau ?
Modifié par Sirob V (08 Mar 2007 - 16:23)
j'ai fait une recherche mais je ne trouve pas la réponse à mon problème (énervant)
j'utilise la propriété bloc pour afficher un fond au lien qui est survolé...
Sous IE pas de problème (quand c'est pas l'un, c'est l'autre) :
et sous Firefox :
le bloc double de taille pour aller se coller sous le titre de la rubrique...
je vois pas vraiment ce qui merdouille dans mon code, y aurait-il une propriété CSS magique ?
HTML
<div id="AgJour">
<h1 class="TitreAgJour">Agenda du jour</h1>
<div class="CorpsAgJour">
<ul>
<li><a href="#">Spanouch au T Rock Coco</a></li>
<li><a href="#">Expos Bis à Chemillé</a></li>
</ul>
</div>
</div>
CSS
li { list-style: none; margin:0; padding:0; line-height:1.3em;}
#Menu li {clear:both; display: inline; }
ul {margin:0; padding:0; }
a {color:#333399; background-color:transparent; text-decoration:none; display:block; padding: 0px 5px 0px 5px;}
a:hover {color:#000066; text-decoration:none; background-color:#CCCCFF; }
#AgJour {
float:right;
width:195px;
height:150px;
background-image: url(public/gif/frag-ag.gif);
background-position: left top;
background-repeat:repeat-x;
border-right: 1px solid #7C99C9;
border-bottom: 1px solid #7C99C9;
border-left: 1px solid #7C99C9;
}
.TitreAgJour {
float:right;
width:195px;
height:20px;
font-size: 13px;
text-align: center;
font-weight: bold;
color:#3f4083;
}
.CorpsAgJour {
font-size: 11px;
color:#3f4083;
}
Un peu de lumière pour la cave qui me sert de cerveau ?
Modifié par Sirob V (08 Mar 2007 - 16:23)