Entrar

Complicando el tema un poquito "perico"

stevie · · Solicitar retirada
Hola,

Bueno, como dice todo el mundo creo que he seguido las lecciones correctamente hasta ahora pero al meter el tercer div "perico" me desaparecen todos los colores. Lo he revisado linea por linea y no veo ningun fallo por tanto mando mis codigos, aver si alguien me puede echar una mano.

body {background-color: yellow; text-align:center;}
#global {background-color:#ff9900; margin:0px auto 0px auto; padding: 2px 2px 2px 2px; width:800px; border:#000 1px solid;}
#bartolo {background-color:#00cc00; margin:0px 2px 0px 0px; width:80px; float:left; border:#000 1px solid; text-align:left;}
#catalina {background-color:#00ccff; margin: 0px 0px 0px 0px; width:712px; float:left; border:#000 1px solid; text-align:center;}
#perico {background-color:#00ccff; margin: 2px 0px 0px 0px; width:712px; float:left; border:#000 1px solid; text-align:justify;}
p {padding: 5px 10px 5px 10px}


<HTML>
<HEAD>
<TITLE>Mi Primera Web con DIVs</TITLE>
<LINK media=all href="estilo-a001.css" type=text/css rel=stylesheet>
</HEAD>
<BODY>
<DIV id=global DIV id=bartolo>


Este es mi primer DIV llamado bartolo</P>
</DIV>
<DIV id=catalina>


Este es mi segunda DIV llamado catalina</P>
</Div>
<DIV id=perico>


Este es mi tercer DIV llamado perico</p>
</DIV>
</DIV>
</BODY>
</HTML>

Gracias, Stevie.
JorGens · · Solicitar retirada
Aqui tienes algo raro:
<HTML>
<HEAD>
<TITLE>Mi Primera Web con DIVs</TITLE>
<LINK media=all href="estilo-a001.css" type=text/css rel=stylesheet>
</HEAD>
<BODY>
<DIV id=global DIV id=bartolo>


Este es mi primer DIV llamado bartolo</P>
</DIV>
<DIV id=catalina>


Este es mi segunda DIV llamado catalina</P>
</Div>
<DIV id=perico>


Este es mi tercer DIV llamado perico</p>
</DIV>
</DIV>
</BODY>
</HTML>

Mejor así:
<HTML>
<HEAD>
<TITLE>Mi Primera Web con DIVs</TITLE>
<LINK media=all href="estilo-a001.css" type=text/css rel=stylesheet>
</HEAD>
<BODY>
<DIV id=global>
<DIV id=bartolo>


Este es mi primer DIV llamado bartolo</P>
</DIV>
<DIV id=catalina>


Este es mi segunda DIV llamado catalina</P>
</Div>
<DIV id=perico>


Este es mi tercer DIV llamado perico</p>
</DIV>
</DIV>
</BODY>
</HTML>
stevie · · Solicitar retirada
jorgens escribió:Aqui tienes algo raro:
<HTML>
<HEAD>
<TITLE>Mi Primera Web con DIVs</TITLE>
<LINK media=all href="estilo-a001.css" type=text/css rel=stylesheet>
</HEAD>
<BODY>
<DIV id=global DIV id=bartolo>


Este es mi primer DIV llamado bartolo</P>
</DIV>
<DIV id=catalina>


Este es mi segunda DIV llamado catalina</P>
</Div>
<DIV id=perico>


Este es mi tercer DIV llamado perico</p>
</DIV>
</DIV>
</BODY>
</HTML>

Mejor así:
<HTML>
<HEAD>
<TITLE>Mi Primera Web con DIVs</TITLE>
<LINK media=all href="estilo-a001.css" type=text/css rel=stylesheet>
</HEAD>
<BODY>
<DIV id=global>
<DIV id=bartolo>


Este es mi primer DIV llamado bartolo</P>
</DIV>
<DIV id=catalina>


Este es mi segunda DIV llamado catalina</P>
</Div>
<DIV id=perico>


Este es mi tercer DIV llamado perico</p>
</DIV>
</DIV>
</BODY>
</HTML>

Acabo de corregir eso, me meto y sigo sin tener los colores????
Lo que tengo es esto con el resto de la página en blanco.

Este es mi primer DIV llamado bartolo

Este es mi segunda DIV llamado catalina

Este es mi tercer DIV llamado perico
stevie · · Solicitar retirada
jorgens escribió:Hey, recuerda que los nombres de las capas se ponen entre comillas en el html, así:

<DIV id="global">

:wink:

Gracias Jorgens.
stevie · · Solicitar retirada
jorgens escribió:Hey, recuerda que los nombres de las capas se ponen entre comillas en el html, así:

<DIV id="global">

:wink:

Bueno ya esta todo entre comillas (despiste infantil mio) pero sigo sin tener los colores.
Jugoncan · · Solicitar retirada
Yo lo pongo y se ve bien, asegúrate de que la hoja de estilos se llama estilo-a001.css y que esté junto al archivo html.
Saludos, Juanma
stevie · · Solicitar retirada
Jugoncan escribió:Yo lo pongo y se ve bien, asegúrate de que la hoja de estilos se llama estilo-a001.css y que esté junto al archivo html.
Saludos, Juanma

Bueno mi hoja de estilos se llama estilo.css tal como dice el curso (si no me equivoco). En todo caso todo iba de viento en popa hasta meter el div perico. Ya he mandado los codigos, he corrigido todo y sigue sin colores. con el nombre estilo.css iba bien, ¿por que hay que cambiar el nombre simplemente por meter el div de perico? No es que te discuta, simplemente busco la logica ya que no lo es. Jorgens siempre dice sigue el curso de pie a la letra, lo he hecho y me he quedado sin colores.

stevie.
Jugoncan · · Solicitar retirada
Tu no has puesto aqui estilos.css, fíjate:
<LINK media=all href="estilo-a001.css" type=text/css rel=stylesheet>
Cambia uno de los dos y te deberá funcionar.
Saludos, Juanma
stevie · · Solicitar retirada
stevie escribió:
Jugoncan escribió:Yo lo pongo y se ve bien, asegúrate de que la hoja de estilos se llama estilo-a001.css y que esté junto al archivo html.
Saludos, Juanma

Bueno mi hoja de estilos se llama estilo.css tal como dice el curso (si no me equivoco). En todo caso todo iba de viento en popa hasta meter el div perico. Ya he mandado los codigos, he corrigido todo y sigue sin colores. con el nombre estilo.css iba bien, ¿por que hay que cambiar el nombre simplemente por meter el div de perico? No es que te discuta, simplemente busco la logica ya que no lo es. Jorgens siempre dice sigue el curso de pie a la letra, lo he hecho y me he quedado sin colores.

stevie.

Hola Juanma,

Bueno, bueno, bueno. Acabo de cambiar el nombre y si ya tengo colores.
¿Vino este consejo en el curso y donde por curiosidad?

Gracias,

stevie.