HTML - Fijar botones barra navegación

   
Vista:

Fijar botones barra navegación

Publicado por Tomas (34 intervenciones) el 12/09/2015 18:06:14
Hola, los botones(<li>) de mi barra de navegación se mueven uno bajo el otro cuando redimensiono la ventana a menos ,¿ qué atributos tengo que ponerle al "li" para que queden fijos?
mi css:
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
nav{
width:100%;
height:60px;
background-color:#F6E3CE;
padding-top:10px;
display:inline-block;
 }
 
nav ul li {
display:inline-block;
letter-spacing: 0.09em;
text-transform: uppercase;
padding-left:2em;
 
}
 
nav ul{
margin-left:100px;
 
 }
nav ul li a {
text-decoration:none;
color:black; }
 
li {font-family:'Questrial','Arial';
}
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

Fijar botones barra navegación

Publicado por xve (1178 intervenciones) el 12/09/2015 21:00:28
Hola Tomas, no se como lo tienes, pero tendrías que indicar una anchura mínima a su contenedor (ya sea un ul, un div, etc...) para que no se pongan uno debajo del otro...
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

Fijar botones barra navegación

Publicado por walter (28 intervenciones) el 14/09/2015 15:29:27
tal vez con media queries puedas especificar anchos y otras variables dependiendo del ancho de la pantalla.
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

Fijar botones barra navegación

Publicado por Tomas (34 intervenciones) el 15/09/2015 19:31:03
Me refiero a esto:
http://jseditor.proyectosbds.com/welcome/33518/edit

si redimensionan la columna "resultado", los botones pasa uno bajo el otro, yo necesitaría que tengan margin-left/right: auto (para que quando se redimensionara la ventana se redujeran los margenes de los <li> entre ellos y el contenedor) , pero (aun poniendolo) no funciona.

Con el logo (una imagen dentro de un div) funciona, le puse margin-left/right:auto, y los margenes se adaptan cuando redimensiono el navegador. Pero no pasa lo mismo con <li>.
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

Fijar botones barra navegación

Publicado por Tomas (34 intervenciones) el 18/09/2015 19:52:11
Lo solucioné, use una tabla <tr> <td> envez de <ul>.<li>
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