Image de fond pour une liste

Image de fond pour une liste - HTML/CSS - Programmation

Marsh Posté le 25-09-2014 à 20:31:32    

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 :

 
Spoiler :


http://www.toopix.eu/userfiles/2b17454a237728c2d4c1aff49214a789.jpg

 

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
Reply

Marsh Posté le 25-09-2014 à 20:31:32   

Reply

Marsh Posté le 26-09-2014 à 02:48:07    

J'ai finalement trouver après des heures de recherche :)
 
Poste à fermer :)


---------------
Topic Achats/Ventes
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed