Buenas , estoy haciendo el menú de mi página web y cuando re dimensiono la ventana del explorador web , me mueve los elementos del menú , las imágenes.
Lo que quiero hacer es que aún re dimensionando la ventana del explorador, que los botones del menú no se posicionen uno debajo de otro sino que se corte el menú.
Aquí os dejo el código, espero que me podáis ayudar.
Código HTML:
Ver original
#header{
margin-top:45px;
-webkit-box-shadow: 7px 8px 15px #012;
-moz-box-shadow: 7px 8px 15px #012;
}
<CENTER><IMG id="header" src="header.png"/><BR><BR><BR>
<A href="index.html"><IMG src="images/menu_01.png" onmouseOver="this.src='images/menuhover_01.png'" onmouseOut="this.src='images/menu_01.png'"></A> <A href="fotos.html"><IMG src="images/menu_02.png" onmouseOver="this.src='images/menuhover_02.png'" onmouseOut="this.src='images/menu_02.png'"></A> <A href="trabajos.html"><IMG src="images/menu_03.png" onmouseOver="this.src='images/menuhover_03.png'" onmouseOut="this.src='images/menu_03.png'"></A> <A href="equipo.html"><IMG src="images/menu_04.png" onmouseOver="this.src='images/menuhover_04.png'" onmouseOut="this.src='images/menu_04.png'"></A> <A href="info.html"><IMG src="images/menu_05.png" onmouseOver="this.src='images/menuhover_05.png'" onmouseOut="this.src='images/menu_05.png'"></A> <A href="contacto.html"><IMG src="images/menu_06.png" onmouseOver="this.src='images/menuhover_06.png'" onmouseOut="this.src='images/menu_06.png'"></A>
</CENTER>
Gracias.