salve a tutti, ho il seguente probblema: ho delle immagini disposte in un div che si può scrollare, queste immagini sono tantissime e vanno a capo nel div senza nessun tag
. quello che vorrei ottenere, è disporle tutte in orizzontale, senza che vadano a capo.
Luca Pennisi - Web Marketing Specialist
m' beh?
Luca Pennisi - Web Marketing Specialist
siete senza parole???
Luca Pennisi - Web Marketing Specialist
css
per quel che si capiscecodice:#tuo_div_che_scrolla img {float:left;}
ciao
Il codice deve avere questa forma
<div style="position: absolute; width: 308px; height: 55px; z-index: 1; left: 7px; top: 14px" id="livello1">
[img]Indirizzo/442.gif[/img]
[img]indirizzo/nome_file.jpg[/img]
[img]indirizzo/445.jpg[/img]
</div>
la dimensione dello style deve essere tale da poter contenere tutte le immagini,
se le immagini vanno a capo il div è troppo piccolo!
Alla scoperta del javascript
ecco il codice:
<html>
<head>
<title>Untitled</title>
<style type="text/css">
.immag{width: 187px; height: 140px; margin-right: 30px; border: 1px solid black;}
.immag:hover{width: 187px; height: 140px; margin-right: 30px; border: 1px solid orange; cursor: pointer;}
.divo{width: 400px; height: 166px; overflow: scroll;}
</style>
</head>
<body>
<div class="divo">
[img]foto/img1.jpg[/img]
[img]foto/img2.jpg[/img]
[img]foto/img3.jpg[/img]
</div>
</body>
</html>
fatemi sapere
Luca Pennisi - Web Marketing Specialist
siete di nuovo senza parole? beh, leggete sotto :quote:
Luca Pennisi - Web Marketing Specialist
usa il float sulle immagini.
ci ho già provato e non ci sono riuscito, devo semplicemente fare in modo che le immagini non vadano mai a capo
Luca Pennisi - Web Marketing Specialist
Te l'ho già spiegato, il div deve essere più grande della dimensione che occupano le immagini
se modifichi
.divo{width: 400px; height: 166px; overflow: scroll;}
in
.divo{width: 700px; height: 166px; overflow: scroll;}
ottieni tutte le immagini in orizzontale, lo scroll è solo verticale....
Alla scoperta del javascript
Permessi di invio
Rispondi quotando