CSS - Que los botones del menú se vayan achicando.

   
Vista:

Que los botones del menú se vayan achicando.

Publicado por Dante (2 intervenciones) el 03/03/2015 23:15:12
BUenas, tengo esa duda, como hacer que cuando el usuario de la página, achique orizontalmente la misma, los botones del menú se vayan achicando hasta ciertos pxs.

ejemplo de como hice el menú. Son 4 botones

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
<nav class="menu" id="menu">
		<ul class="menu">
		<li class="menu">
			<div class="contenedor" id="inicio">
				<a href="inicio.php">
				<div class="normal">
					<p class="normal"><span class="icon-house"></span>Inicio</p>
				</div>
				<div class="hover">
					<p class="hover"><span class="icon-house"></span>Inicio</p>
				</div>
				</a>
			</div>
		</li>
                <li class="2">
			<div class="contenedor" id="inicio">
				<a href="inicio.php">
				<div class="normal">
					<p class="normal"><span class="icon-house"></span>Inicio</p>
				</div>
				<div class="hover">
					<p class="hover"><span class="icon-house"></span>Inicio</p>
				</div>
				</a>
			</div>
		</li>
                </ul>
</nav>
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de xve

Que los botones del menú se vayan achicando.

Publicado por xve (349 intervenciones) el 04/03/2015 08:26:52
Hola Dante, entiendo que lo que intentas hacer es una web responsive...

Revisa este ejemplo, hace exactamente lo que buscas:
http://www.lawebdelprogramador.com/codigo/CSS/2694-Ejemplo-de-una-web-responsive.html

Coméntanos, si te sirve, ok?
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
1
Comentar

Que los botones del menú se vayan achicando.

Publicado por Dante (2 intervenciones) el 07/03/2015 01:13:22
EXCELENTE!!!
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar