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

  FORUM HardWare.fr
  Programmation
  HTML/CSS

  Un scrolling horisontal pour site photo ??

 


 Mot :   Pseudo :  
 
Bas de page
Auteur Sujet :

Un scrolling horisontal pour site photo ??

n°952658
Lekouti
Posté le 13-01-2005 à 20:46:33  profilanswer
 

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
mood
Publicité
Posté le 13-01-2005 à 20:46:33  profilanswer
 

n°952908
FlorentG
Unité de Masse
Posté le 14-01-2005 à 09:37:29  profilanswer
 

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
n°952932
Lekouti
Posté le 14-01-2005 à 10:01:38  profilanswer
 

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

n°952957
FlorentG
Unité de Masse
Posté le 14-01-2005 à 10:56:46  profilanswer
 

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

n°952969
Lekouti
Posté le 14-01-2005 à 11:09:41  profilanswer
 

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

n°952995
FlorentG
Unité de Masse
Posté le 14-01-2005 à 11:34:28  profilanswer
 

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

n°953013
Lekouti
Posté le 14-01-2005 à 11:44:37  profilanswer
 

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  ?

n°953017
FlorentG
Unité de Masse
Posté le 14-01-2005 à 11:46:06  profilanswer
 

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 ?

n°953031
Lekouti
Posté le 14-01-2005 à 11:57:37  profilanswer
 

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


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

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

  Un scrolling horisontal pour site photo ??

 

Sujets relatifs
[SCRIPT] Installer une zone upload sur son site.Site de tablatures
FABRIQUER UN FORUM DS MON SITE?FOND ECRAN SITE WEB
cherche site de sourcesCalculs sur un site
Variables dynamiques + site multilingue[conseil]Comment créez-vous votre site web?
Test d'un site avec Internet Explorer 5problème redirection site web
Plus de sujets relatifs à : Un scrolling horisontal pour site photo ??


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