Entrar

PROBLEMA: Reparando el fallo del menú.

Novoselic · · Solicitar retirada
SOLUCIONADO!!... era por un simple "div" mal cerrado, gracias a todos los que quisieron colaborar!

Siguiendo el tutorial de cctw, tuve un problema que no logro entender, es con la siguiente seccion:
Reparando el fallo del menú.
Si ya hiciste vista previa de la plantilla habrás visto que al poner varios enlaces dentro ha crecido y se sale por debajo de la página web. Vamos a reparar esto desde la Hoja de Estilo. Abre tu Html-Kit y abre estilo-general.css

Esto, después de muuuchas pruebas lo he conseguido arreglar de este modo, colocando un width:800px y un float:left a la capa contenido. No me preguntes mucho porqué, pero es la única combinación que logra que en todos los navegadores se corrija ese fallo. Realmente le estamos indicando a la capa contenido que ha de tener un ancho de 800 pixeles, igual que el ancho de la página. En realidad parece que ocupara menos, pero ten en cuenta que el menú está dentro de él, luego lo amarillo del menú es parte de la capa contenido. Ves ahora como sí ha de tener 800px de ancho? El colocarle el float:left evita que en algún navegador se descuadre todo. No se explicarte porqué ahora mismo, y verás como a veces, a pesar de que cumplas todas las buenas prácticas que se pueden leer por la red, hay que hacer alguna "pirula" para que se vea correctamente la página web con cualquier navegador. Es todo un reto, pero por ahora lo estamos consiguiendo.

Sin más rollo, abre la Hoja de Estilo y deja la línea del estilo contenido de este modo:
# contenido {background-color:orange; width:800px; float:left;}

y luego guardas la Hoja de Estilo y haces vista previa de la plantilla.html para ver cómo ahora todo se ha solucionado... o no? Si ves algún fallo no dudes en decírmelo en el Foro CCTW, plis!
Alguien que me pueda ayudar porfavor? lo que me pasa a mi es que sigue estando el menu en la misma forma de antes (centrado) pero ademas, se le va el color naranja y queda en blanco.

Tampoco puedo hacer desaparecer los puntos de la lista <li>
Que es lo que pasa!!

Imagen:

[contenido no disponible]
Rabs · · Solicitar retirada
Hmmm... Seguramnte será una tonteria, y alguien lo resuelva antes que yo.. hehe, pero ¿nos puedes dar el codigo funete? Por que creo que ya tengo tu problema, pero es para no decir tonterias que luego dince que hago spam hehe

PD: Bienvenid@ (Cada vez la gente se pone nicks mas raros y me cuesta averiguer si son hombres o mujeres) XD
Novoselic · · Solicitar retirada
Novoselic (Apellido de Krist Novoselic, bajista de nirvana)

Intente sacandole ese espacio, pero lo unico que hace es que ande el color naranja.. pero lo demas no se cambia.

HTML Fuente:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
<title>Page title</title>
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">menu</div>
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Contactanos</a></li>
<li><a href="#">Comentarios</a></li>
<li><a href="#">Quiénes Somos</a></li>
<li><a href="#">Web Tour</a></li>
</ul>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>

Hoja de estilos:

body {text-align:center;}
* {margin:0px; padding:0px; border:0px;}
#cabecera {background-color:pink;}
#navegacion {background-color:gray;}
#contenido {background-color:orange; width:800px; float:left;}
#menu {background-color:yellow; width:150px; float:left; text-align:left;}
#contenido li {list-style:none; margin:4px 0px 4px 6px;}
#pie {background-color:brown;}
#global {width:800px; margin:4px auto;}
Novoselic · · Solicitar retirada
Creo que tiene algo que ver en la parte de #contenido {background-color:orange; width:800px; float:left;} , donde dice width:800px;... puede ser?