Sujet Précédent Sujet Suivant

Barre horizontalement en html

Résolu/Fermé
Utilisateur anonyme - Modifié par ilana555 le 25/12/2010 à 13:28
 Utilisateur anonyme - 27 déc. 2010 à 19:33
Bonjour,
savez vous comment faire un barre de navigation HORIZONTALEMENT
<https://imageshack.com/ >]
pour faire défiler les photos et qui eux mm l'orsque l'on passera la sourie vers tels photos s'agrandira ! (en html )

j'avais vus ça sur un site j'ai trouver ça super et j'aimerai le reproduire








quand c'est résolu ,merci de le signifier et d'expliquer grâce a quoi cela l'a été (voir 1er message)

>> Un +1 a coté d'une réponse qui vous a été utile peut permettre d'aider les autres...

svp répondez vite !

1 réponse

Réponse 1 / 1
avion-f16 Messages postés 19124 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 22 mars 2023 4 467
25 déc. 2010 à 14:06
Salut.

Mets tes photos dans un div.
En CSS, donne une hauteur (height) à ce div puis ajoute « overflow:auto; »
La barre de défilement apparaîtra automatiquement lorsque la hauteur sera dépassée.

Pour l'agrandissement, tu as plusieurs solutions : lightbox, info-bulle, agrandir les dimensions, etc.
0
Utilisateur anonyme
25 déc. 2010 à 14:17
chui pas très pro ,donc si ta le code jveut bien
0
avion-f16 Messages postés 19124 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 22 mars 2023 4 467
25 déc. 2010 à 14:19
Je n'ai pas de code déjà fait sous la main.
Je pourrais le faire mais je ne suis pas ici pour coder à la place des gens, mais pour les aider losqu'ils codent.
0
Utilisateur anonyme
25 déc. 2010 à 14:23
oui mais quand tu me dit :Mets tes photos dans un div. ,En CSS, donne une hauteur (height) à ce div puis ajoute « overflow:auto; »
La barre de défilement apparaîtra automatiquement lorsque la hauteur sera dépassée. je ne comprend pas
0
avion-f16 Messages postés 19124 Date d'inscription dimanche 17 février 2008 Statut Contributeur Dernière intervention 22 mars 2023 4 467
25 déc. 2010 à 14:35 
<div style="overflow:auto; height: 800px;">
    <img src="images/1.jpg" alt="Image 1" /><br />
    <img src="images/2.jpg" alt="Image 2" /><br />
    <img src="images/3.jpg" alt="Image 3" /><br />
    <img src="images/4.jpg" alt="Image 4" /><br />
    <img src="images/5.jpg" alt="Image 5" /><br />
    ...
</div>
0
Utilisateur anonyme
Modifié par ilana555 le 25/12/2010 à 15:31
par exemple avec une série d'image

<img src="http://static.blogstorage.hi-pi.com/photos/trinitydeco.designblog.fr/images/gd/1219760993/Canape-d-angle-cuir-noir-a-capitons-l-indispensable.jpg"
<table border="5" width="220" height="270" scrolling="yes"
</td>
<img src="http://www.canape-inn.com/images/products/charlotte-canape-angle-flash.jpg"
<table border="5" width="220" height="270" scrolling="yes"
</td>
<img src="http://static.letsbuyit.com/"
<table border="5" width="220" height="270" scrolling="yes"
</td>
<img src="http://static.letsbuyit.com/"
<table border="5" width="220" height="270" scrolling="yes"
</td>
<img src="file:///C:/Documents%20and%20Settings/Dan/Bureau/CLUB%20SALON%20SITE/AP0162_1_canape_artdeco_400.jpg"
<table border="5" width="220" height="270" scrolling="yes"
</td>
<img src="https://www.hellopro.fr/images/produit-2/3/8/0/fauteuil-de-direction-tissu-bleu-1401083.jpg"
<table border="5" width="230" height="270" scrolling="yes"
</td>

comment est ou mettre la barre défilante qui ce met de gauche a droite ,pas de haut en bas ?
0