28220 sujets

CSS et mise en forme, CSS3

[résolu]Longueur des lien dans les blocs <ul>

Bonjour,

Voilà mon code :



.liste_news_ul a:hover {color: white;text-decoration: none;width:150px;background-color:blue}
.liste_news_ul a:link {color: yellow;text-decoration: none;border-top:1px solid gray;width:150px;}


la longueur width:150px; n’est pas prise en compte sur FF mais est bien prise en compte sur IE…


Pour une fois que c’est FF qui ne fonctionne pas…


Savez-vous comment je peux y remédier ?
Modifié par samb01 (09 Jan 2007 - 16:55)
Salut.

Les liens sont des éléments de type inline, ils ne sont pas censés avoir une largeur définie. Tu peux utiliser "display: block ;" pour les transformer en bloc et leur imposer une largeur, mais ça entraînera des conséquences sur ta mise en page!

Qu'est-ce que tu souhaites faire avec ces liens ? Un menu de navigation horizontal, vertical ?
un menu de navigation vertical

voici mon code html :



<div class="liste_news">
	<ul class="liste_news_ul">
		<li>	
			<a href="http://www.lldiffusion.com/detail.php?ident=7">EOS 400 D</a>
		</li>
		<li>	
			<a href="http://www.lldiffusion.com/detail.php?ident=7">EOS 400 D</a>
		</li>

		<li>	
			<a href="http://www.lldiffusion.com/detail.php?ident=7">EOS 400 D</a>
		</li>

		<li>	
			<a href="http://www.lldiffusion.com/detail.php?ident=7">EOS 400 D</a>
		</li>

		<li>	
			<a href="http://www.lldiffusion.com/detail.php?ident=7">EOS 400 D</a>
		</li>

		<li>	
			<a href="http://www.lldiffusion.com/detail.php?ident=7">EOS 400 D</a>
		</li>
		<li>	
			<a href="http://www.lldiffusion.com/detail.php?ident=7">EOS 400 D</a>
		</li>
		<li>	
			<a href="http://www.lldiffusion.com/detail.php?ident=7">EOS 400 D</a>
		</li>
		<li>	
			<a href="http://www.lldiffusion.com/detail.php?ident=7">EOS 400 D</a>
		</li>
		<li>	
			<a href="http://www.lldiffusion.com/detail.php?ident=7">EOS 400 D</a>
		</li>
	</ul>
</div>


et mon css :



.liste_news_ul
{
margin-left:5px;
height:150px;
width:198px;
text-decoration: none;
background-color: rgb(185,185,145);
border-left:1px solid blue;
/*border-left:1px solid white;
border-right:1px solid white;*/
}

.liste_news_ul a:hover {color: white;text-decoration: none;width:150px;background-color:blue}
.liste_news_ul a:link {color: yellow;text-decoration: none;border-top:1px solid gray;width:150px;}


j'aimerais que la longeur de mes line soit celle du bloc c'est à dire : 198px
Sujet clos
Aller à