Forum |  HardWare.fr | News | Articles | PC | S'identifier | S'inscrire | Shop Recherche
963 connectés 

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Image de fond pour une liste

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Image de fond pour une liste

n°2238914
Smokeweed
SMOKE WEED EVERYDAY
Posté le 25-09-2014 à 20:31:32  profilanswer
 

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
mood
Publicité
Posté le 25-09-2014 à 20:31:32  profilanswer
 

n°2238929
Smokeweed
SMOKE WEED EVERYDAY
Posté le 26-09-2014 à 02:48:07  profilanswer
 

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


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

Aller à :
Ajouter une réponse
  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Image de fond pour une liste

 

Sujets relatifs
Récupérer une liste de ville avec PHP/CurlImage dans les balises option sous Chrome
Parcourir une liste avec iteratorCharger une image ou fichier dans excel via macro
Excel : Résumé / Liste déroulantecréer une image à partir d'une matrice
librairie CImg : créer une image à partir d'une matriceAfficher la ligne d'une table après avoir choisi son ID dans une liste
Chaner le résultat d'une valeur dans array par une image[Résolu] Centrage CSS et liste à image de fond
Plus de sujets relatifs à : Image de fond pour une liste


Copyright © 1997-2022 Hardware.fr SARL (Signaler un contenu illicite / Données personnelles) / Groupe LDLC / Shop HFR