Barre horizontalement en html
Résolu
Utilisateur anonyme
-
Utilisateur anonyme -
Utilisateur anonyme -
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 !
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
-
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.-
-
-
-
<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> -
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 ?
-
