Relative to browser window?

[ElineOpje]

Hello!

I’m a real newbie when it comes to css (and HTML) and I’ve got a small problem. I made a list out of images and I got them lined up horizontally, looks perfect! But when I minimalize my browser screen the images ‘go below’ each other, as if they’re stacked. I really do not want this, because it looks awful. How do I change that? So that when I minimalize my browser the images stay in the same position?

This is a piece of the CSS code I wrote:

.menu {
top: 14em;
position: absolute;
margin-left: 25%;

}

.menu li {
display: inline-flex;
margin-left: 20px;
}

Could anybody help me?

[Soren]

Do you want the images to resize with the window or to stay the same width creating horizontal scroll? How many images, out of curiosity?

Mock up your HTML and CSS. Something to play with.

[ElineOpje]

I want to create a horiontal scroll :)
The list consists out of 4 images

[burr]

maybe try somthing like

.menu {
top: 14em;
position: absolute;
margin-left: 25%;
white-space: nowrap;
}

.menu li {
display: inline-block;
margin-left: 20px;
}

[Author]

Posts