DUDAS LECCION 2 AQUI

**cesar_ed** · 02/05/2010, 19:52

Posiblemente no hayas dado la direccion correcta de los estilos o no los haz puesto en la misma carpeta. revisa y nos dices que pasa vale?

**rosadesal** · 02/05/2010, 20:03

que boba!
en la plantilla en vez de poner estiloS, puse estilo (sin la S). Lo cambie y esta solucionado.

parece que hay que prestar demasiada atencion y estar bien concentrado en esto para hacerlo..

Gracias!!!

**cesar_ed** · 02/05/2010, 20:13

Iniciado por rosadesal

que boba!
en la plantilla en vez de poner estiloS, puse estilo (sin la S). Lo cambie y esta solucionado.

parece que hay que prestar demasiada atencion y estar bien concentrado en esto para hacerlo..

Gracias!!!

No te precocupes son errores muy comunes a la hora de crear una pagina web

saludos y suerte con tu web :D

**novatisima** · 06/05/2010, 09:22

Con que veais mi nick ya lo digo todo.

Estoy siguiendo el curso paso a paso y ya tengo problemas:

1º Al visualizar la plantilla el color del texto de los párrafos no es negro sino marrón, como el de los enlaces.
Eso no creo que tenga mayor importancia pero cuando veo la plantilla en la web en el servidor me pasa esto:

- si es en firefox al pasar el cursor por los párrafos se colorean y subrayan como si fuesen enlaces
- se es en explorer eso no pasa, pero la letra es de color brown

Esta es mi "hoja de estilos":
* {text-indent:0px ; margin:0px ; padding:0x ; 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:white ; border-left:black 1px solid ; border-right:black 1px solid}
#navegacion {background-color: gray ; border: black 1px solid}
#contenidos {background-color: orange ; border-left:black 1px solid ; border-right: black 1px solid}
#contenidos p {padding:5px 10px 5px 10px ; text-indent:15px}
#menu {background-color: yellow ; width:150px ; float:left ; text-align:left ; margin:3px 10px 3px 3px }
#menu li {list-style:none ; margin:4px 0px 4px 6px}

#pie {background-color: white ; border-left:black 1px solid ; border-top:black 1px solid ; border-right:black 1px solid}
#curva-inferior { background-image: url(objetos/curva-inferior.gif) ; background-repeat: no-repeat ; width:800px ; height:12px ; overflow:hidden}
a {color:brown ; text-decoration:none ; display:block}
a:link {}
a:visited {}
a:hover {color:red ; text-decoration:underline ; background: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 }

Y esta la plantilla:
<!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="contenidos">

<div id="menu">
<ul>[*]Enlace 1[*]Enlace 2[*]<a href="#">Enlace 3<a>[/list] </div>

Esta sera la zona principal de la web</p>

Este es mi segundo párrafo. Acabo de poner un punto y en cambio sigue siendo un párrafo pues no le he colocado aún la etiqueta de cierre. Voy a ponersela justo aquí.</p>

Y este es el tercer párrafo. 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>

Anda, fijate! Salen todos centrados, que cosa. Espero que Jorgens nos enseñe a ponerlos alineados a la izquierda, o justificados. Así esto parece una poesia! je je je.</p>

</div>

¿En que me estoy equivocando, please???
Gracias.
<div id="pie">Este es el pié de página</div>
<div id="curva-inferior"></div>
</div>
</body>
</html>

**ROCAVA23** · 01/07/2010, 02:40

por favor ayudenme cerre html kit y cuando lo volvi a abrir ya no me aparecen los estilos que habia creado, ni tampoco la carpeta de objetos, por favor ayudenme que ya tenia mi pagina avanzada...saludos.

**topoyiyo** · 28/07/2010, 18:27

Vaya, la ultima consulta del dia 1 y sin solucion.

Aun asi intentare ver si podeis solucionar mi problema

No se si el problema ha salido ya pero a la hora de realizar el menu de los enlaces me lo ha creado todo bien solo que no me sale todo centrado. He realizado los pasos que se mencionan en la guia y lo mio no se parece en nada a lo de la guia.

Codigo del curso:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>Page title</title>
<link rel="stylesheet" href="estilo-general-10.css" type="text/css" media="all">
</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">
<ul>[*]Enlace 1[*]Enlace 2[*]Enlace 3[/list] </div>
Esta será la zona principal de la web
</div>
<div id="pie">Este es el pié de página</div>
</div>
</body>
</html>

Mi codigo del programa:

<!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 navegacion</div>
<div id="contenido">
<div id="menu">
<ul>[*]Elemento de lista 1[*]Elemento de lista 2[*]Elemento de lista 3[*]Elemento de lista 4[/list]
</div>
esta sera la zona principal de la web
</div>
<div id="pie">Este es el pie de la pagina</div>
</div>
</body>
</html>

Y aqui el de estilos:

* {margin:0px ; padding:0px ; border: 0px}
#cabecera {background-color: pink } ;
#navegacion {background-color: grey };
#contenido {background-color: orange ; width:800 ; float:left};
#pie {background-color: brown ; width=800 ; float:left} ;
#global {width:800px ; margin: 4px auto}
body {text-align: center}
#menu{background-color: yellow ; width=200px ; float: left; text-align:left}
#menu li {list-style:none}
a {color:green ; font-size:1.3em ; text-decoration:none ; display:blocks}
a:link {}
a:visited{}
a:hover{color:red ; text-decoration:underline ; background-color:silver}
a:active{}
.centrado {text-align:center}

Muchas gracias por la ayuda y por el foro y la web. Mientras tanto seguire con el curso.

P.D: El tamaño en el pie lo puse yo pero aun asi no queda bien.

P.P.D: Utilizo Firefox por si resulta interesante.

**Yaneth** · 28/07/2010, 19:23

hola
en rojo lo que falta
<div id="global">

debe ser
width:800px
#pie {background-color: brown ; width=800 ; float:left} ;

#menu{background-color: yellow ; width=200px ;
float: left; text-align:left}

debe ser block
a {color:green ; font-size:1.3em ; text-decoration:none ; display:blocks}

yy debes ordenar el css
asi claro con sus debidas correciones

* {margin:0px ; padding:0px ; border: 0px}
.centrado {text-align:center}

body {text-align: center}
#global {width:800px ; margin: 4px auto}
#cabecera {background-color: pink } ;
#navegacion {background-color: grey };
#contenido {background-color: orange ; width:800 ; float:left};
#menu{background-color: yellow ; width=200px ; float: left; text-align:left}
#menu li {list-style:none}
#pie {background-color: brown ; width=800 ; float:left} ;

a {color:green ; font-size:1.3em ; text-decoration:none ; display:blocks}
a:link {}
a:visited{}
a:hover{color:red ; text-decoration:underline ; background-color:silver}
a:active{}

**topoyiyo** · 28/07/2010, 21:47

Ups, que fallos.

Voy a probar a ver.

Muchas gracias,

**topoyiyo** · 28/07/2010, 21:51

Ya se muestra correctamente.

Lo dicho, gracias y perdon por semejante fallo ^_^

Saludos,

**vitme21** · 31/08/2010, 19:30

la verdad como estoy en el paso 2 yo no he publicado aun esto en ningun hosting, esta en mi equipo.

**Yaneth** · 31/08/2010, 19:32

algunos efectos de los enlaces solo funcionan en la red

sigue el curso, y cuando lo hayas subido nos lo muestras

saludos

**LOBITA76** · 06/09/2010, 09:24

Hola, aqui esta la preguntona,
no se que pasa que lo entiendo, parece que lo hago bien, pero cuando doy a viata previa no me queda como deveria.
tengo puesto esto en plantilla:

<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>
[*]<a href= "#">Elemento de lista, 1
[*]<a href= "#">Elemento de lista, 2
[*]<a href= "#">Elemento de lista, 3
[/list] </div>
Esta sera la zona principal de la web</div>
<div id="pie"> Este es el pie de la pagina</div>

</body>
</html>

Y en estilos esto otro

* {margin:0px ; padding:0px ; border: 0px}
body{text-align:center}
#global{width:800;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;text-align:left}

#menu li{list-style:note;margin:4px 0px 4px 6px}
a{color:brown;text-decoration:none}
a:link {}
a:visited{}
a:hover{color:red;text-decoration:underline}
a:active{}
#pie{background-color:brown}

Os cuento, con todo esto tendria que cambiar el color solo del menu, pues tambien se me cambia el color del pie y a parte no solo cuando me pongo encima de las letras del pie sino en la barra, se cambia la ultima fila del menu y el pie.
Espero que lo entendais y me podais ayudar haber si he puesto algo mal.
Gracias

**Yoni_046** · 08/09/2010, 10:00

Hola, estoy intentando eliminar los puntos del menu li, pero no me funciona
He revisado varias veces la hoja de estilo y no encuentro el fallo
Haber si podeis ayudarme

PLANTILLA
<!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">Pagina Web Prueba</div>
<div id="navegacion">Barra de navegacion</div>
<div id="contenido">Esta será la zona principal de la web</div>
<div id="menu">menu</div>
<ul>[*]Enlace 1[*]Enlace 2[*]Enlace 3[/list]<div id="pie">Este es el pié de página</div>
</div>

</body>
</html>

HOJA ESTILOS

* {margin:0px ; padding:0px ; border: 0px}
body {text-align: center}
#global {width:800px ; margin: 4px auto }
#cabecera {background-color: red }
#navegacion {background-color: gray }
#contenido {background-color: orange ; width: 800px ; float:left}
#menu {background-color: yellow; width: 150px ; float:left; text-align:left}
#pie {background-color: brown}
#menu li{list-style: none; margin: 4px 0px 4px 6px}

Espero vuestra ayuda
Muchas gracias por adelantado

**moimuá** · 08/09/2010, 14:47

Yony_046, pienso que has debido de crear un tema nuevo.

No es así:

<div id="menu">menu</div>
<ul>[*]Enlace 1[*]Enlace 2[*]Enlace 3[/list]
Es así:

<div id="menu">
<ul>[*]Enlace 1[*]Enlace 2[*]Enlace 3[/list] </div>

Saludos.

**LOBITA76** · 09/09/2010, 15:01

Muchas gracias por contestar e interesarte por mi avance en el curso.
Ya encontre el fallo a base de probar y probar cosas.
Si es como tu me ponias, que lastima no haberlo visto antes, me hubiese ahorrado un par de ratos largos que estuve hasta encontrar la solucion.
A veces soy muy cabezona y hasta que no logro saber como se hace una cosa no avanzo, asiq me quede estancada en eso.
Gracias de nuevo