Bonjour à tous
Voila je suis entrain de faire un site web et mes compétences en html/css sont très faible. Pour le moment j'arrive à me débrouiller.
Le problème que je rencontre est le suivant:
J'ai une liste sur le haut de ma page :
Et je voulais pouvoir mettre une image différente sur chaque bouton.
J'arrive à mettre une image, mais impossible d'en mettre plusieurs.
Si besoin du code html :
Spoiler :
<div id="header"> <ul class="site-nav"> <li><a href="index.html"><br />Accueil</a></li> <li><a href="swedtech.html"><br />SWEDTECH</a></li> <li><a href="prestations.html"><br />Prestations</a></li> <li><a href="modding.html"><br />Modding</a></li> <li><a href="contact.html"><br />Contact</a></li> </ul> </div>
|
Et le css:
Spoiler :
.site-nav { width:1000px; overflow:hidden; border-right:1px solid #000000; border-top:1px solid #000000; border-bottom:1px solid #000000; vertical-align:central;background:url(images/bouton1.jpg);background-size: 20% 100%;background-repeat: no-repeat;} .site-nav li {float: left;font-weight: bold; border-left: 1px solid #000000; padding: 0px 73px 5px 73px; height: 50px; width: 53px; text-align: center; } .site-nav li a:hover {} .site-nav li a { color: #C0C0C0;} .site-nav li a.act {position: fixed;top: 20px;text-align: center;vertical-align: middle;} .site-nav li.last { border:0;}
|
Pour le moment l'image est en 20%x100% car c’était pour essayer un truc. Mais la je ne trouve pas comment pouvoir mettre plusieur image sur cette liste.
Quelqu'un aurais une solution afin de m'aider ? SVP
Merci d'avance à tous
Message édité par Smokeweed le 25-09-2014 à 20:32:06
---------------
Topic Achats/Ventes