Menu con imagenes

[dastiven]

Hola a todos, estoy apenas metiendo en el mundo de la programacion y estoy desarrollando un sitio con las cosas que aprendo.

Mi problema es que tengo un menu con imagenes diseñado en una plantilla de 900px, ya que no se trabajar con proporciones, pense que este tamaño esta bien pero cuando abri el sitio en un pc con una resolucion baja o incluso cuando reduzco el tamaño de la ventana del navegador me envia los botones hacia abajo y destroza mi menu.

Quiero saber si es posible que esto no suceda.

Muchas gracias

[WyLY]

Sería bueno que nos expliques un poco más lo que te sucede o en su defecto mostrarnos un screenshot o en su defecto el código.
Se me vienen varias cosas a la cabeza no sabría por dónde comenzar a apoyarte.
Explica ¿cómo que se bajan las imágenes?

[enaguimar]

Buenas dastiven.
Creo que quieres algo así.

Código HTML:

<div class="header">
  <div class="menu">
    <a href="#"><img src="imagen1.jpg" alt="img1" width="225" /></a>
    <a href="#"><img src="imagen2.jpg" alt="img2" width="225" /></a>
    <a href="#"><img src="imagen3.jpg" alt="img3" width="225" /></a>
    <a href="#"><img src="imagen4.jpg" alt="img4" width="225" /></a>
  </div>
</div>
 

Código CSS:

.header{margin:0 auto;}
.menu{width:900px}
.menu a img {float:left}
 

[dastiven]

Este es el HTML del menu.

Código HTML:

<img class="img-menu" src="Menu3/Menu3_02.png">
<img class="img-menu" src="Menu3/Menu3_03.png">
<img class="img-menu" src="Menu3/Menu3_04.png">
<img class="img-menu" src="Menu3/Menu3_05.png">
<img class="img-menu" src="Menu3/Menu3_06.png">
<img class="img-menu" src="Menu3/Menu3_07.png">
<img class="img-menu" src="Menu3/Menu3_08.png">
<img class="img-menu" src="Menu3/Menu3_09.png">
<img class="img-menu" src="Menu3/Menu3_10.png">
<img class="img-menu" src="Menu3/Menu3_11.png">
<img class="img-menu" src="Menu3/Menu3_12.png">
<img class="img-menu" src="Menu3/Menu3_13.png">
<img class="img-menu" src="Menu3/Menu3_14.png">
<img class="img-menu" src="Menu3/Menu3_15.png">
<img class="img-menu" src="Menu3/Menu3_16.png">
<img class="img-menu" src="Menu3/Menu3_17.png">
<img class="img-menu" src="Menu3/Menu3_18.png"> 

Entonces cuando abro el documento se ve perfectamente pero si redimenciono la ventana el ultimo boton me lo envia a la parte de abajo