[Résolu] Z-index et bordure ?!

Bonjour,

Une image parlant toujours plus que des mots, voilà un menu de types "ul", "li" , contenu dans un joli cadre :

http://img48.imageshack.us/img48/7831/piupiu9ly.jpg

Dans les "li" a été spécifié un "border-top". J'aimerai, mais ne trouve pas le moyen, faire en sorte que le background du chapeau du cadre passe au dessus du border, faisant par là même disparaître ce trait perdu au milieu de nulle part, seul, et vraisemblablement malheureux

J'ai tenté, en vain, de mettre des z-index, mais rien n'y fait

XHTML simplifié :

	echo '<div class="boite">';
		echo '<div class="hautboite"></div>';
		echo '<ul>';
			echo '<li><a href="who.php?lang='.$_GET["lang"].'">'.$link[5].'</a></li>';
			echo '<li><a href="goals.php?lang='.$_GET["lang"].'">'.$link[6].'</a></li>';
			echo '<li><a href="team.php?lang='.$_GET["lang"].'">'.$link[7].'</a></li>';
		echo '</ul>';
	echo '</div>';

CSS simplifié :

.boite .hautboite {
	background: url('img/haut.png') center top no-repeat;
}

li a{
	display: block;
	border-top:  1px solid #AC5757;
}

Modifié par Jedi (20 Sep 2006 - 17:17)

Salut,

Si tes z-index ne marche pas, il faut que tu les positionne, comme le précise les spécifications.
Je sais, c'est rageant, j'ai jamais réussi à me servir du z-index

Tu n'as qu'a creer une class speciale pour ta 1ere li et tu supprimes le border.
Sinon pour travailler avec les z-index il faut specifier position:absolute si ce te convient mieux
Modifié par jp94 (28 Jun 2006 - 14:44)

jp94 a écrit :
Tu n'as qu'a creer une class speciale pour ta 1ere li et tu supprimes le border.

Un simple

ul > li:first-child{border-top:none;}

devrait le faire, si tu n'a que cette liste là d'encadrée parmis tes pages