Global
Argentina
Chile
Colombia
España
México
Perú
Uruguay
Venezuela
Comunidad oficial de diseñadores web, web developers y Webmasters. Aqui podemos tratar temas actuales sobre diseño y tecnología. Podemos compartir y actualizarnos. Photoshop, Flash, PHP, ASP, Java, HTML, CSS, MySQL, CMS, etc. Unite YA y lee los Sticky
Ver más- 13,065 Miembros
- 9,531 Temas
- 3,449 Seguidores
problema con menú horizontal
Así debería verse en el navegador:
Esa es una captura del dreamweaver
En el mozilla se ve así:
El problema es que no puedo bajar el menú, como se ve en dreamweaver, en IE, ni siquiera se ve. Y en el navegador el contenedor, se baja el margin que le doy al menú.
Este es el html:
[/code]
<body>
<div id="contenedor">
<div id="header">
<div id="dmografika_logo">
</div><!--logo-->
<div id="menu">
<ul>
<li><a href="#">home</a></li>
<li><a href="#">conocenos</a></li>
<li><a href="#">portfolio</a></li>
<li><a href="#">servicios</a></li>
<li><a href="#">contacto</a></li>
</ul>
</div><!--menu-->
</div><!--header-->
[/code]
Y este es el CSS:
[/code]
#contenedor {
background-color: #999;
height: 1320px;
width: 950px;
margin-right: auto;
margin-left: auto;
}
#contenedor #header {
background-color: #063;
height: 100px;
width: 950px;
background-image: url(../imagenes/fnd_header.jpg);
background-repeat: repeat-x;
clear:both;
}
#contenedor #header #dmografika_logo {
background-image: url(../imagenes/logo_demografika.jpg);
background-repeat: no-repeat;
float: left;
height: 32px;
width: 271px;
margin-top: 33px;
margin-left: 43px;
}
#contenedor #header #menu ul {
list-style-type: none;
margin:0px;
padding:0px;
}
#contenedor #header #menu ul li {
display: inline;
}
#contenedor #header #menu ul li a {
font-family: Arial, Helvetica, sans-serif;
color: #333;
text-decoration: none;
background-color: #F0F0F0;
text-align: center;
height: 21px;
width: 110px;
margin-bottom: 5px;
padding-top: 5px;
display:block;
float: left;
}
[/code]
Espero ayudas, desde ya muchas gracias.
- 0Calificación
- 1Seguidores
- 233Visitas
- 0Favoritos
12 respuestas
fucking IE !!!
bueno las fotos son muy chicas y estaría bueno un link para firebuguear (?
pero de una te digo: no te bases en lo que veas en cualquier editor wysiwyg, nunca! solo programá vía código, lo mejor es usar firebug para ir armando y luego aplicando al archivo. pero diseñar basándote en lo que ves en un programa como dreamweaver es estar haciendo mal las cosas, tenés que diseñar "pensando" en un navegador posta (lo que decía, utilizar firebug etc)
tendrías que hacer el código "limpio", y no tendrías por qué tener problemas
#menu tendria que tener un margin-top de 20/40px
Por otro lado tenes un css muy ineficiente, osea, esto
#contenedor #header #menu ul li aTarda mucho en cargar. En su lugar esto:
#menu aes mejor
Gracias zapata, voy a cambiar lo del css, le dí, un margin-top, en uno de los cambios, pasa que me tira el contenedor hacia abajo, tendré que ponerle un margin-top negativo al contenedor?
En el Explorer, con el margin-top negativo, me sube el contenedor y se pierde en el top, en el Mozilla se ve bien. Ya no se que hacer, bueno a seguir, probando ja ja, no queda otra.
http://www.taringa.net/posts/hazlo-tu-mismo/10700790/_Tutoria_-Menu-Horizontal-Utilizando-Listas-Desordenadas.html
Gracias wpdesigns, estoy yendo al post, saludos.
Bueno no te fíes nunca de la vista diseño de DW, es lo peor que puedes hacer... ¿has probado con margenes y cambiando position a absolute?
Tus reglas en CSS están muy redundantes ¿para que seleccionar un ID por medio de otro ID?
#ID1 #ID2 #ID3 es completamente equivalente a #ID3 por que en principio si estas siguiendo las reglas del uso de un identificador entonces los estas usando para elementos únicos.
Agregale al header 1px de padding en el top si vas a usar margenes para colocar tu menú (te va a hacer falta)
gracias syneto, voy a probar y posteo.
Tu problema es que usas la vista previa del dreamweaver. Bah, mas especifico, porque usas el dreamweaver.
Hola chicos, que editor de html usan, yo uso el dreamweaver, por que es el que use cuando hice el curso, uno que empecé a usar, es el notepad++, pero no me acostumbro, cual usan ustedes?