Entrar

Duda sobre clase de estilos y estilo único

evining · · Solicitar retirada
Buenas.Estoy atascada en este paso de la lección dos.No logro que la frase "Bienvenidos a mi web" se vea con fondo rosa,tal como pone el ejemplo del curso.

Lo que tengo hasta ahora es:

En estilo-general.css

#cabecera{background-color:#FFCOCB;}


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="cabecera">Bienvenidos a mi Web</div>
</body>
</html>

¿Puede ocurrir que esté mal relacionada la hoja de estilo con la plantilla? He revisado todo paso por paso y no veo dónde está el error.

Muchas gracias.
Yaneth · · Solicitar retirada
asegurate de guardar css antes de hacer vista previa en html
asegurate que el documento se llama tal y como lo indicas en el html
mayusculas y minusculas hacen la diferencia

saludos
evining · · Solicitar retirada
He revisado lo que me dices pero sigue igual.
No entiendo dónde puede estar el error. :(
Yaneth · · Solicitar retirada
muestranos una captura de pantalla con ambos documentos abiertos,
en el indice de preguntas frecuentes te dice como hacerla

:wink:
evining · · Solicitar retirada
Aquí va la captura de pantalla:

http://xs.to/share-8049_4BE9BD19.html

Aclaro que antes de ver la vista previa de la plantilla cerré la hoja de estilo-general.css para guardar los cambios.Aquí en la captura de pantalla las he abierto las dos a la vez para que fuera más fácil verlo todo en una sola captura.

Gracias
Yaneth · · Solicitar retirada
mmm
el unico error que me detecta el dream es el codigo del color

intenta cambiandole el color

saludos
evining · · Solicitar retirada
Acabo de hacer lo que me dices. Ahora he puesto esto en la hoja de estilo-general.css:

#cabecera{background-color:#EE82EE;}

Cerré la hoja de estilo para guardar cambios.Abrí la plantilla y, en la vista previa, la frase Bienvenidos a mi web sigue sin tener color de fondo.
evining · · Solicitar retirada
:( No quiero continuar hasta que haya resuelto ésto.
En alguna respuesta a otras preguntas leí que para previsualizar la plantilla era mejor hacerlo desde el navegador.Yo la previsualizo pinchando en una pestaña que está en la plantilla abajo del todo que pone " Preview".
¿Cómo hago para previsualizar desde el navegador?

Gracias
Yaneth · · Solicitar retirada
hola
para dar vista previa en navegador presiona f12
volvi a pasar tus codigos a mi pc, y no veo ningun fallo

intenta agregarle esto

#cabecera {background-color:#EE82EE; height:80px; color:#00FF00}

si te fijas, dejè un espacio antes de abrir el corchete
las letras las puse azules y le di altura a la capa
checa si se reflejan esos cambios
evining · · Solicitar retirada
Hola Yaneth.
he pulsado f12 y me sigue saliendo la frase en negro,sin fondo de color.

Tras esto he cambiado el código por el que me pones en el mensaje anterior,guardo los cambios,voy a plantilla,doy a f12 y no se produce ningún cambio.

Estoy desilusionada.Al hacer el index de la lección 1 me ha salido todo perfecto,pero en la plantilla no hay manera. :(
Yaneth · · Solicitar retirada
mmmm

lo unico que se me ocurre es que no estèn dentro de la misma carpeta
ya que no veo el error!!

muestrame una captura de pantalla con la ventana del workspace abierta
donde se vean ambos documentos

saludos
josesd · · Solicitar retirada
me parece que yo si vi el error.

fijate que en http://xs.to/share-20CB_4BEBFCDB.html en el archivo estilo-general.css hay un espacio delante. Sino comparalo con estilos.css y enseguida te daras cuenta del error.

Dale boton derecho - Rename y elimina ese espacio, entonces debe funcionar

Saludos.
Yaneth · · Solicitar retirada
siiiiiiiiii
por mas que miraba. no daba con el errorr

gracias compañero!!!!
evining · · Solicitar retirada
Funciona !!!! Mil gracias chicos !
Está claro que un pequeño error que puede pasar desapercibido influye mucho.Ahora ya puedo continuar.Prometo fijarme más.

Genial !!!! :wink: