lecció 2 Problemas con Divs

arteana · 11 Ene 2010, 02:06 · Solicitar retirada

He leido las 4 páginas y no encuentro lo que me ocurre, por lo que me atrevo a ponerlo como tema nuevo.
Según el curso tiene que salir algo (div?) en rosa, pero solo se repite el texto. No soy capaz de ver el error. Estoy siguiendo el curso paso a paso, de verdad no se que pasa.
Aquí va lo hecho hasta ahora. Muchas gracias a quien pueda ayudarme.

index.html

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

<html>
<head>

<title>Pagina principal del ejemplo CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">

</head>

<body>
<div>Bienvenidos a mi Web</div>
<div id="cabecera">Bienvenidos a mi Web</div>

<p class="centrado">Bienvenidos a mi página Web. Pronto estará lista.</p>

Página creada gracias a <a href="http://www.comocreartuweb.com
"target=_blank">CCTW</a></p>

[correo eliminado]</p>

Para enviar un E-Mail, Pulse aquí.</p>

[contenido no disponible]

</body>
</html>

estilo-general.css

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

<html>
<head>

<title>Page title</title>
#cabecera{background-color:pink }
</head>
<body>

</body>
</html>

PrincessSakura · 11 Ene 2010, 03:28 · Solicitar retirada

Hola yo soy nueva aqui, pero me ocurria lo mismo.. no me aparecia la línea en rosadito...y buenoo... y vi lo siguiente en tu código, en tu archivo .css, hay varias partes, no tiene poque tener head y body, porque es un archivo para modificar los estilos no más..
Entonces te recomiendo lo siguiente:
:D
*Primero que pongas en tu archivo .css lo siguiente y sólo eso:
#cabecera{background-color:pink}
ya después agregaras las demás líneas de las lecciones que vienen...Quizás como estabas colocándole las partes de title y body, te estaba generando el problema y sólo veias el texto que habías escrito...

*Tu archivo plantilla.html, no tiene errores al paracer....

Prueba y me dices...
:)

Cuidate

:D « Yura » :D

arteana · 11 Ene 2010, 11:13 · Solicitar retirada

Hola yura, no sabes cuanto te agradezco tu ayuda. Efectivamente era eso. Pero yo no lo puse, es normal que aparezca por defecto? Bueno de nuevo muchas gracias y me pongo a trabajar ya, a ver con que piedra me encuentro. Es que es casi imposible que alguien que no conoce el tema no tenga complicaciones.

Kamael · 11 Ene 2010, 16:24 · Solicitar retirada

Hola arteana

Bueno si aparecio automaticamente puede deberse q a estilo-general le pusiste extencion .html o no lo creaste en la pestaña estyle sheets generalmente a las hojas .html se aumenta automaticamente esas lineas de codigo.

en tu html veo q no creaste otra le metiste de plano los codigos al index.html o copiaste y pegaste los codigos del index.html bueno esto no hay problema pero deberias poner solo una hoja de estilos y no 2
<link rel="stylesheet" href="estilos.css" type="text/css" media="all">
<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">
elije 1 solo uno asi si pones un codigo en una no se contrarestara con la otra hoja. y tambien tienes una linea demas <div>Bienvenidos a mi Web</div>

PD. Recuerda los codigos de css no llevan

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

<html> 
<head> 

<title>Page title</title> 

</head> 
<body> 



</body> 
</html>

arteana · 11 Ene 2010, 17:28 · Solicitar retirada

Hola Kamael, como verás estoy un poco perdida. Te aseguro que sigo el curso paso a paso, ni siquiera lo he leído completo. A medida que voy leyedo hago lo que pone Jorgens. Bien, la línea de más la he quitado, pero respecto a las hojas de estilo, el tutorial te lleva a crear primero (estilos.css) que son para algunas acciones y luego (estilo-general.css) que son para otras. Mas una (plantilla.html), está en la segunda lección y se utilizan las 3. Ahora estoy en el menú de la web y llevo 3 horas cotejando pero no hay caso la capa (div) del menú no sale.
Muchas gracias por tu tiempo, eres muy generoso.

Kamael · 11 Ene 2010, 19:32 · Solicitar retirada

esta linea va en la plantilla no en la hoja de index

<link rel="stylesheet" href="estilo-general.css" type="text/css" media="all">

arteana · 12 Ene 2010, 10:56 · Solicitar retirada

Muchas gracias Kamael, borré todos los pasos para crear el menú y lo hice de nuevo, estaba liada con las plantillas, ahora tengo el menú y estoy tratando de hacer la lista. Ahora voy a cambiar la línea que me indicas a la plantilla.
Gracias por tu tiempo.