Evitar re-posicionamiento imagenes

manuxdjent · #1 (**permalink**) 29/06/2012, 05:27

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<HTML>
<HEAD>
<STYLE type="text/css">
 
#header{
    
    margin-top:45px;
    -webkit-box-shadow: 7px 8px 15px #012;
    -moz-box-shadow: 7px 8px 15px #012;
}
 
 
</STYLE>
 
</HEAD>
 
<BODY>
    
    <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>
    
 
</BODY>
</HTML>

Gracias.

caricatos · #2 (**permalink**) 29/06/2012, 10:04

Hola:

La etiqueta center está desaconsejada porque se puede usar un div con margi:auto para centrar contenedores y text-align: center para centrar elementos inline (estilos)... y hablando de estilos, bastaría con poner en la capa contenedora el ancho necesario para lo que quieres (y tratar el desbordamiento.

Saludos

manuxdjent · #3 (**permalink**) 30/06/2012, 07:32

Gracias , me ha sido de gran ayuda.
Saludos =)