Lección 2 - Estilos para listas

zumbasolo · 24 Abr 2010, 00:40 · Solicitar retirada

Bueno, creía que no tendría problemas tan pronto. Lo siento por tener que molestar ya. Pero me pasa esto y no se si es así como se tiene que ver o tengo algún error que no se ver.
Tengo esto en Plantilla.html:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general.css" type="text/css"media="all">
</head>
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web </div>
<div id="navegacion">Barra de Navegacion </div>
<div id="contenido"><div id="menu"><ul>

Elemento de lista, 1

Elemento de lista, 2

Elemento de lista, 3
</div>Esta sera la zona principal de la web </div>
<div id="pie">Este es el pie de pagina</div>
</div>

</body>
</html>

y tengo esto en: estilo-general.css

body{text-align: center}
#global {width:800px ; margin:4px auto}
#cabecera {background-color:pink}
#navegacion {background-color:gray}
#contenido {background-color: orange ; width 800px ; float: left}
#menu {background-color:yellow ; width 150px ; float:left}
#pie {background-color: brown}

con este resultado:
En la vista previa, se me queda el espacio de "Esta es la zona principal de la web" de igual altura que "Elemento de lista 1, 2 y 3" y de ancho menos de la mitad que ocupaba antes.¿Qué ocurre?

Gracias por perder el tiempo con este pobre ignorante.

fernando mendoza · 24 Abr 2010, 01:29 · Solicitar retirada

hola en esta parte le debe quedar asi como le muestro.
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web </div>
<div id="navegacion">Barra de Navegacion </div>
<div id="contenido"><div id="menu"><ul>

Elemento de lista, 1

Elemento de lista, 2

<a href="#"></div>
<div id>Elemento de lista, 3</a></div>
Esta sera la zona principal de la web
</div>
saludos.

zumbasolo · 24 Abr 2010, 01:52 · Solicitar retirada

fernando mendoza escribió:hola en esta parte le debe quedar asi como le muestro.
<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web </div>
<div id="navegacion">Barra de Navegacion </div>
<div id="contenido"><div id="menu"><ul>
Elemento de lista, 1
Elemento de lista, 2
<a href="#"></div>
<div id>Elemento de lista, 3</a></div>
Esta sera la zona principal de la web
</div>
saludos.

Si modifico con </div><div id> intercalandolo justo antes de Elemento de lista 3 el resultado en la Vista previa es que me pasa a la zona de Esta sera la zona principal de la web el enlace Elemento de lista 3

No se si me he explicado bien, pero al rectificar, siguiendo tus instrucciones, me ha pasado lo que te acabo de indicar.

Raulyure · 24 Abr 2010, 22:02 · Solicitar retirada

zumbasolo escribió:.

Hola:

Creo que los códigos en su págiba plantilla debieran de ser de esta manera:

<body>
<div id="global">
<div id="cabecera">Bienvenidos a mi Web </div>
<div id="navegacion">Barra de Navegacion </div>
<div id="contenido">
<div id="menu"><ul>

Elemento de lista, 1

Elemento de lista, 2

Elemento de lista, 3</div>
Esta sera la zona principal de la web
</div>
</div>
</body>

Le sugiero que la lista la ponga en una sola línea y cierre la capa menu al final de esa línea
Ejemplo:

<div id="menu><ul>

<a href= etc.etc.etc............... </div>

Saludos

zumbasolo · 25 Abr 2010, 19:26 · Solicitar retirada

Estoy siguiendo vuestras instrucciones, pero no se me queda la Vista Previa igual que en el curso. Es decir, el espacio destinado a "Esta sera la zona principal de la web" se me queda mas estrecha que las demas y ahora que he avanzado en las lecciones un poco mas, observo que los "enlaces" no cambian de color como nos explican en la Lección 2 -"enlaces con fondo".
A ver si soy capaz de mostraroslo,

[contenido no disponible]
[contenido no disponible]
[contenido no disponible]
Confio en que lo podais ver y asi saber por donde voy mal.
Gracias a todos -como siempre- y por favor no me trateis de Vd. que me haceis ... un año o dos mayor. :?