28216 sujets

CSS et mise en forme, CSS3

Menu simple css

Salut!

J'ai un problème, j'ai fait un menu simple de changement d'image en me basant d'un script que l'on m'a donné.

Mais voilà, les images que j'ai sont de tailles différentes (par item, enfin je veux dire que [a] et [a:hover] sont de même taille), et le script est fait pour des images de même taille.

Enfin je vous montre;


#menu{ 
                list-style-type:none; 
                
                height:25px; 
                width:500px; 
                margin: 0 auto 0 auto; 
                padding:0 0 0 0; 
            } 
            #menu li{ 
                float:left; 
            } 
            #menu li a{ 
                display:block;
                 
                width:100px; 
                height:25px; 
            } 
            #item1 a{ 
                background-image:url('Menu/creations1.png'); 
            } 
            #item1 a:hover{ 
                background-image:url('Menu/creations2.png'); 
            } 
            #item2 a{ 
                background-image:url('Menu/communaute1.png'); 
            } 
            #item2 a:hover{ 
                background-image:url('Menu/communaute2.png'); 
            }


Alors, sauriez-vous comment je dois le modifier pour réussir à mes fins ? ou auriez-vous un autre script plus approprié ?

En tout cas, j'ai essayé assez longtemps, par maintes et maintes façon de le modifier, les résultat s'en approche mais ne convient jamais! Je sèche ..

Merci pour votre aide
Modifié par Docxell (12 Mar 2009 - 08:29)
salut,

ton code html se presente de cette façon ?


<ul id="menu">
   <li><a id="item1" href="#">item1</a></li>
   <li><a id="item2" href="#">item2</a></li>
</ul>


++
salut,

il faudrai peut etre supprimer la partie là

#menu li a{ 
                display:block;
                 
                width:100px; 
                height:25px; 
            }
Déjà essayé Smiley cligne
Si je comprends bien c'est la partie qui défini la cellule qui va contenir l'image.. Plus de cellule, plus d'image..

Du coup le menu disparait purement et simplement
salut,

va voir ICI

tu as un exemple de ce que tu veux faire. il suffit de clique droit pour la source et de l'adapter à tes besoins.


++
Merci beaucoup pour le script il fonctionne très bien Smiley cligne

Tu saurais comment mettre en place une sorte de current? Pour que le bouton cliqué ait une image différente ? Pour ne pas changer le menu sur chaque page...

Merci Smiley smile
Modifié par Docxell (13 Mar 2009 - 11:23)
salut,

l'image reste une fois cliqué aprés le chargement de la page ?

ou juste au clic de la sourie l'image apparait ?

++
Modifié par flattazor (16 Mar 2009 - 19:45)
Sujet clos
Aller à