28173 sujets

CSS et mise en forme, CSS3

Bonjour,

Je suis en train de façonner un menu horizontal en css avec des onglets formés de 2 images (un bout droit, un bout gauche).

j'ai un problème de rollover sous IE, j'ai soit le bout gauche (tab_left_hover.gif) qui s'affiche, soit le bout droit (tab_right_hover.gif).

Voici un morceau de code pour un onglet :

a écrit :
div#heading ul li#home_tab a span{
height: 16px;
display: block;
}

div#heading ul li#home_tab a:hover{
background: url(tab_left_hover.gif) no-repeat top left;
}

div#heading ul li#home_tab a:hover a{
background: url(tab_right_hover.gif) no-repeat top right;
}


Et le lien vers ces fameux onglets...Pourriez-vous me sortir de cet enfer ? Smiley lol
Modifié par OlivierD (03 Oct 2006 - 12:53)
Ca me fais penser à ce genre d'excercice:

tuto1
et
tuto2

Je pense que cela pourra t'aider et à mieux comprendre tes erreurs.

Bonne chance Smiley cligne
Bonsoir,
Merci beaucoup pour ce précieux tutoriel !

Une question me turlupine... est-il possible d'obtenir un écartement entre les onglets avec cette méthode ?

Merci pour vos conseils
Amicalement
Ca devrait être possible avec un margin-left ou right à la balise <li>

Il faut essayer Smiley cligne
Bonjour,
Merci pour cette réponse.
En jouant sur le rendu des gifs, on arrive aussi à ses fins.

Information utile et nécessaire: le javascript "Suckerfish dropdowns"
Lire: explicatif

Amicalement
Modifié par OlivierD (04 Oct 2006 - 16:10)