Un scrolling horisontal pour site photo ??

Un scrolling horisontal pour site photo ?? - HTML/CSS - Programmation

Marsh Posté le 13-01-2005 à 20:46:33    

Bonsoir a tous,
 
Je suis entrein de refaire un peu mon site photo, voici a peut pret le final d'une de mes page : http://arnaudpoilleux.free.fr/portrait.php .
 
Comme vous pouvais le voir en bas sur la ligne des vignettes, je suis quasiment limite en largeur, alors ma question est de savoir comment je pourrai fair pour avoir des tite flech sur le cote et faire défiler les vignettes on en voit bdp sur les site photo  ??  
 
Merci


Message édité par Lekouti le 14-01-2005 à 11:45:20
Reply

Marsh Posté le 13-01-2005 à 20:46:33   

Reply

Marsh Posté le 14-01-2005 à 09:37:29    

En donnant une taille fixe au <ul> dans laquelle les miniatures se situent, et en mettant un overflow auto;
 
Donc assure-toi que ton code HTML (là où y'a les minitatures) ressemble vaguement à ça :

Code :
  1. <ul id="miniatures">
  2.   <li><a href="portrait.php?i=114"><img src=" vignette2/114.jpg" alt="Image n°114" /></a></li>
  3.   <li><a href="portrait.php?i=114"><img src=" vignette2/116.jpg" alt="Image n°116" /></a></li>
  4.   <li><a href="portrait.php?i=114"><img src=" vignette2/117.jpg" alt="Image n°117" /></a></li>
  5. </ul>


 
Et dans ton fichier CSS :

Code :
  1. #miniatures {
  2.   width: 600px; /* La largeur de ta liste */
  3.   overflow: auto; /* Ici, ça rajoute une barre de défilement s'il y a trop de miniatures */
  4.   list-style-type: none; /* pas de puces dans la listes */
  5.   margin: 0px; padding: 0px; /* aucune marge interne ou externe */
  6. }
  7. #miniatures li {
  8.   width: 25px;
  9.   height: 25px;
  10.   float: left;
  11.   margin: 5px;
  12. }


 
Essaye une fois ça...


Message édité par FlorentG le 14-01-2005 à 09:38:05
Reply

Marsh Posté le 14-01-2005 à 10:01:38    

Okaiiiiiii, c'est un tres tres bon debut.... mais pence tu qu'il est possible d'avoir un defilement horisontal plutot que vertical ??
 
Merci bcp

Reply

Marsh Posté le 14-01-2005 à 10:56:46    

Avec la solution que je t'ai donné, ça devrait mettre un défilement horizontal uniquement, non ?

Reply

Marsh Posté le 14-01-2005 à 11:09:41    

non, j'ai du mettre egalement height: 30px; pour avoir le defilement vertical

Reply

Marsh Posté le 14-01-2005 à 11:34:28    

Ah oui, oups ;) Fallait effectivement spécifier une hauteur pour le <ul> :)

Reply

Marsh Posté le 14-01-2005 à 11:44:37    

lol, donc tu à une idée de comman je pourrai mettre le defilement horizontal ??
 
De tt façon, j'aurai la barre de defilement sur tte la largeur  ?

Reply

Marsh Posté le 14-01-2005 à 11:46:06    

Ben si t'as une height et une width définie, et que y'a trop d'élément dedans (ici plein de miniatures), il devrait la mettre tout seul, non ?

Reply

Marsh Posté le 14-01-2005 à 11:57:37    

non regarde http://arnaudpoilleux.free.fr/urbain.php elle ce met en vertical


Message édité par Lekouti le 14-01-2005 à 11:57:54
Reply

Sujets relatifs:

Leave a Replay

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