2 replies [Last post]
akenantor2
akenantor2's picture
Offline
newbie
Rome
Last seen: 5 years 47 weeks ago
Rome
Timezone: GMT+1
Joined: 2013-11-21
Posts: 2
Points: 3

I had problem, I need to insert 4 images in a div that works like horizontal scrollbox, images are same height, the size if scrollbox are fixed.
Why my images didn't stay near on the same line and wrap down?
This is a part of codes that i use:

part of css:
.boximg{
height: 220px;
width: 660px;
overflow: auto;
/* overflow-x:scroll ; */
/* overflow-y: hidden; */
white-space: nowrap;
margin-top: 15px;
margin-bottom: 10px;
}

.affiancaimg{
float:left;
/* margin-right: 10px;*/
}

part of web Sad(

page:

immagine1
immagine2
immagine3
immagine4

akenantor2
akenantor2's picture
Offline
newbie
Rome
Last seen: 5 years 47 weeks ago
Rome
Timezone: GMT+1
Joined: 2013-11-21
Posts: 2
Points: 3

sorry this is the second part

<div class="boximg">
<div class="affiancaimg"><img src="immagine1.jpg" height="200" alt="immagine1"></div>	
<div class="affiancaimg"><img src="immagine4.jpg" height="200" alt="immagine2"></div>	
<div class="affiancaimg"><img src="immagine4.jpg" height="200" alt="immagine3"></div>	
<div class="affiancaimg"><img src="immagine4.jpg" height="200" alt="immagine4"></div>	
</div>

Tony
Tony's picture
Offline
Moderator
Brisbane
Last seen: 3 days 22 hours ago
Brisbane
Timezone: GMT+10
Joined: 2003-03-12
Posts: 5342
Points: 2963

Hi akenantor2, Looks like it

Hi akenantor2,
Looks like it should work are there other styles affecting the outcome?