28172 sujets

CSS et mise en forme, CSS3

bonjour, je voudrais réaliser un trait qui parcourait mon site en haut de gauche à droite, et qui passerais sous mes blocs de menu.

Pour ce faire j'ai réaliser le schéma suivant :


<body>
<div classe= "ligne">
</div>
<div id="haut">
    <div id="logo">
          <img>
     </div>
     <div classe="menu">
          <img>
     </div>
     <div classe="menu">
          <img>
     </div>
</div>

ma ligne est afficher à l'aide de background image pour qu'elle puisse se répeter sur l'axe x, et est en position absolute.
mes menus sont des images importer à l'aide de la balise image dans les div classe menu.

Mon soucis, c'est que ma ligne apparait au dessus des menu, j'ai essayé de jouer sur les z-index mais ça ne change rien.

Merci d'avance
Bonjour,

pour que ta ligne passe dessous, un z-index:-1; ferait ptet l'affaire.

Mais je me permets de remettre en question la structure. Tu pourrais avoir le résultat que tu cherche en utilisant une liste (ul,li) et en mettant ton image répétée en x sur le ul.
Modifié par keyraw (15 Sep 2010 - 16:08)