DUDAS LECCION 2 AQUI

**kierosaber** · 08/01/2011, 15:42

Buenas otra vez!!....esta vez me andaba preguntando que para empezar siempre una pagina web debemos de poner esto siempre?

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

imaginaros que cuando acabo el curso quiero hacerlo mediante el notepad el cual no te ayuda como el html-hit,debo empezar siempre con esa cabecera?...y seguidamente poner html abrir head,body etcetera....

se que parece un poco estupido preguntar esto,pero es para recalcarlo......y si me podeis explicar que significa un poco esa cabecera del DOCTYPE........

saludos y gracias una vez mas.

**kierosaber** · 08/01/2011, 15:51

Perdon he utilizado este espacio para responder una pregunta que no pertenece a esta sala...xxdd.

**kierosaber** · 08/01/2011, 15:58

Acabo de hablar sobre si usar DW o el html-kit y la verdad que por pura logica todos aconsejan aprender con el html-kit,

Y luego pasate al programa que tu quieras por que si no te pasa esto te pierdes por no saber el manejo del programa....

hazme caso hazte todo el curso con el html-kit...si no te volvera a pasar y por esa misma razon no me cambiado y asi no tengo problemas,...saludos,.

**kierosaber** · 08/01/2011, 16:07

#contenido {background-color: orange ; width: 800px ; float:left}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}

Bien,la duda que yo tengo en este ejemplo y creo que no lo explica en el curso es la "p" que hay en el 2o contenido...para que yo lo tenga mas claro,alguien me puede decir que hace esa "p".

**Yaneth** · 08/01/2011, 17:02

#contenido {background-color: orange ; width: 800px ; float:left}
#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}

aqui le estás dando propiedades al div como tal, tamaño, margen, pading, color de fondo, etc etc, ok???

aqui le estás dando propiedades al texto "p" (pero solamente el que esté dentro del div contenido,) es decir todo lo que esté entre las etiquietas

</p> tendran esas propiedades... si tu ahi le pones
background-color:pink
verás como el div contenido es color naranja, pero el texto (lo que esté en "p" tendrá color de fondo rosa...

si por ejemplo en el div pie, tienes tambien texto encerrado en

ese no sufrirá cambios, ya que por eso indicamos #contenido p (parrafo dentro de contenido)

me explique?????

**kierosaber** · 08/01/2011, 19:03

Si si esta mas clarito gracias,entonces esa "p" no tiene nada que ver con padding,ok es por la orden de el parrafo..ok.....pues muchas gracias....y seguro que preguntare mucho mas...jejeej...muy amable Yaneth.

**kierosaber** · 08/01/2011, 19:11

Resulta que ahora estoy subiendo los archivos a la carpeta azul,lo tengo todo,

No me da la opcion de crear una nueva carpeta en la carpeta azul,para poner la de objetos......entendeis?......y en el ejemplo no pone nada de que me vaya a dar problemas.

nada ya lo tengo solucionao...llevo to el dia aqui metio...y creo que el cerebro me da vueltas a la derecha y la cabeza a la izquierda,asi que voy a descansar por hoy....jajajaj....

saludos y gracias por vuestra valiosisima atencion y lo mejor nuestro gran Jorgens.....larga vida!!!...a los justos!!!....xxdd.

**Yaneth** · 08/01/2011, 19:14

mmm

a veces el programa se aloca
y se resuelve reiniciandolo

intentalo y si no, vuelves a postear sale???

**analia_428** · 18/01/2011, 19:12

hola quería saber si alguien puede decirme por que estoy en la lecion II y cuando quiero ver como va quedando no me aparece los colores solo el texto

esto es lo que tengo hasta el momento en el htm

!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet"herf="estilo-general.css"type="text/css" media="all">
</head>
<body>

<div id="global">
<div id="cabecera">Bienvenidos a mi página web!</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">Esta será la zona principal de la web</div>
<div id="pie">Este es el pié de página</div>
</div id>

</body>
</html>
y esto en estilos.css
#cabecera {background-color: pink }
#navegacion {background-color: gray }
#contenido {background-color: Aquamarine }
#pie {background-color: DeepPink1 }
#global {width:800px ; margin: 4px auto }
body {text-align: center}

**Yaneth** · 18/01/2011, 19:50

en el css

debes acomodar todo por orden del html

body
cabecera
navegacion

etc etc

y si no ves los colores, es porque no están bien relacionadas el html y el css
checa exactamente como se llama tu hoja de estilos
y aqui
<link rel="stylesheet"herf="estilo-general.css"type="text/css" media="all">

debe ser
href

saludos

**liza** · 22/02/2011, 11:52

Hola,

Es mi primera vez (en el foro) y no estoy muy segura de que esto vaya aquí...

Estoy siguiendo el curso y tengo una sugerencia.

En la Lección 2 -- Estilos para Listas -- Reparando el fallo del menú

Donde pone:

#contenido {background-color: orange ; width: 800px ; float:left}

Funciona igual si pones:

#contenido {background-color: orange ; width: 100% ; float:left}

De esta manera el contenido ocupa del 100% del espacio en el que está alojado (en este caso el div "general") y si cambias el tamaño de este, no es necesario retocar el tamaño de "contenido"

**Yaneth** · 23/02/2011, 16:26

poco a poco irás haciendo tus pruebas
y verás como hay varios caminos para un solo objetivo

saludos

**aportodasya2** · 05/04/2011, 18:45

Antes de nada mi gratitud por el excelente trabajo que estais haciendo.
Mi duda es algo extraña, almenos para mi que no domino el tema.
Estoy en la lección 2, y tengo problemas con la primera instruccion escrita en el "body" despues del <div id="global>, y digo la primera instruccion, porque depende de cual sea falla una cosa u otra.
Al principio me fallaba el color rosa de la "cabecera", pero ahora al añadirle el redondeo de esquinas superiores, por encima de la linea de la "cabecera", el color rosa ha vuelto, y lo que no se ve es el redondeado superior.
todo empezo a fallar al hacer click con el raton sobre el numero de la linea por error, aparecio una chincheta, y clicke de nuevo para quitarla sin cambiar nada, o eso pensaba yo.

Esta es la 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="curva-superior"></div>
<div id="cabecera">Bienvenidos a mi Web</div>
<div id="navegacion">Barra de Navegación</div>
<div id="contenido">
<div id="menu">
<ul><li><a href="#">Enlace 1</a></li><li><a href="#">Enlace 2</a></li><li><a href="#">Enlace 3</a></li></ul>
</div>
<h1>Esta será la zona principal de la web</h1>
<p>El segundo parrafo de esta web resulta ser muy largo y se ve de un modo extraño si no lo retoco un poco, porque esta alineado el texto el la hoja de estilo body alineado al centro, asi que ahora lo vamos a alinear concretamente hacia la izquierda, esperemos que quede bien, aunque tengo que alargarlo bastantemas, por no decir mucho mas, para ver el resultado junto al menu y debajo de él, e ir corrigiendo los errores sobre la marcha</p>
<h2>Y este es el tercer párrafo.</h2>
<p>En pocas lecciones aprenderé a darle margenes para separarlos unos de otros, e incluso hacerles sanguias por la izquierda a la primera línea, que queda mucho mejor.</p>
</div>
<div id="pie"> Este es el pié de página</div>
</div>
</body>
</html>

Y esta es la hoja de estilo-general.css:

* {margin:0px ; padding:0px ; border: 0px}

body {text-align: center }

#global {width:800px ; margin: 4px auto }

#curva-superior { background-image: url(objetos/curva-superior.gif) ; background-repeat: no-repeat ;width:800px ; height: 12px ;overflow : hidden}}

#cabecera {background-color: pink ; border-left: black 1px solid ; border-right: black 1px solid ; border-top: black 1px solid }

#navegacion {background-color: gray ; border: black 1px solid}

#contenido {background-color: orange ; border-left: black 1px solid ; border-right: black 1px solid}

#contenido p {padding: 5px 10px 5px 10px ; text-indent: 15px}

#menu {background-color: yellow; width: 150px ; float:left ; text-align:left ; margin-right: 3px 10px 3px 3px}

#menu li { list-style:none ; margin: 4px 0px 4px 6px}

#pie {background-color: brown ; border: black 1px solid}

a {color: brown; text-decoration: none ; display: block }
a:link {}
a:visited {color: pink; text-decoration: none}
a:hover {color: red ; text-decoration:underline ; background-color: silver}
a:active {}

p {text-align: justify}

h1 {font-size: 1.2em; color:blue ; font-weight: bold ; text-decoration: underline ; text-align: center}

h2 {font.size: 1.1em; color:blue ; font-weight: bold ; text-decoration: none ; text-align: center}

Espero que me podais solucionar el problema. Yo he probado a añadir una linea antes tanto poniendo un titulo sin texto h1, sin exito, como doblar la instruccion de la curbatura de las esquinas, cosa que funciono a medias, ya que se veia mas pequeña que la pagina pese a estar definido el tamaño en estilo-general, algo que tambien me pasa al poner la curva inferior, me sale mas pequeña.
Esta es la web colgada, por si la quereis ver: http://ironkick.onlinewebshop.net/plantilla.html

**Yaneth** · 05/04/2011, 18:57

hola

en efecto el problema está en esta linea

<div id="global>

ves por que???????
te falta cerrar las comillas de global asi

"global"

saludos y no olvides votar por cctw