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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  marge auto entre plusieurs images

 



 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

marge auto entre plusieurs images

n°2145924
Sp@ds
Posté le 15-06-2012 à 11:32:22  profilanswer
 

Bonjour,
 
Mon objectif est de réaliser ceci => http://jquerytools.org/demos/scrollable/gallery.htm.
Je n'ai pas eu de problème pour que cela fonctionne.
cependant mon problème ce trouve sur le positionnement css des vignettes (carré rouge "illustration") dans la scrollbar.
Je souhaiterai leur donner des marges "left-right" automatique selon la taille du div (cadre noir "illustration").
 
Puisque j'ai des largeurs d'images aléatoire comment faire en sorte quelles prennent tjs toutes la largeur du div.
Pour le moment j'ai mis une marge gauche de 4% qui fonctionne si les quatres images on une largeur de 200px.
Si l'une des images est plus petite j'ai un espace vide a droite.
 
Mon résultat actuelle:
 
illustration
http://img4.hostingpics.net/thumbs/mini_46010476ex.jpg
 
 

Code :
  1. <div class="scrollable" id="navigator">
  2.    <div class="items">
  3.          <div>
  4.             <img src='' />
  5.             <img src='' />
  6.             <img src='' />
  7.             <img src='' />
  8.          </div>
  9.           <div>
  10.              <img src='' />
  11.              <img src='' />
  12.              <img src='' />
  13.              <img src='' />
  14.          </div>
  15.     </div>
  16. </div>


 

Code :
  1. .scrollable .items {
  2.     width:20000em;
  3.     position:absolute;
  4.     clear:both;
  5.    
  6. }
  7. .items div {
  8.     float:left;
  9.     display:block;
  10.     width:845px;
  11. }
  12. .items img{
  13. max-width:200px;
  14. height:90px;
  15. margin: 0 0 0 4%;
  16. border:2px solid #666;
  17. }


 
Merci pour votre aide.

mood
Publicité
Posté le 15-06-2012 à 11:32:22  profilanswer
 


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

  marge auto entre plusieurs images

 

Sujets relatifs
utilisation d'une SUM de plusieurs COUNTCombox qui influence plusieurs autres frames
Fusionner plusieurs fichiers CVS un seul fichier excelGalerie d'images pour Dreamweaver
Affichage d'images en douceur[Résolu] [KSH] Executer plusieurs commandes dans une variable
[VB.NET] Instancier un formulaire plusieurs fois [Résolu]hack css pour redimensionner les images
Exécuter plusieurs macros Excel[ORACLE] Fragmenter une journée sur plusieurs lignes
Plus de sujets relatifs à : marge auto entre plusieurs images


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