Entrar

Color y fondo de página

paco lopez · · Solicitar retirada
He empezado la primera lección del tutorial y no sé por qué no me sale el color y fondo de página. ¿Cómo puedo salir de aquí? Gracias
victor5atodogas · · Solicitar retirada
Necesitamos que nos pongas el codigo HTML y CSS que tienes colocado o la URL de tu web para poder saber que es lo que esta fallando.

Un saludo.
paco lopez · · Solicitar retirada
os dejo lo que tengo escrito en CSS:
<html>
<body> {background-color: #E6E6FA ;
background-image: url(objetos/fondo.png);
background-repeat: no-repeat ;
background-position: center center }
img {border-style:none}
.centrado{text-align:center}
</body>
</html>
y en INDEX:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>PÁGINA PRINCIPAL DEL EJEMPLO CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css"media="all">
</head>
<body>
<p class="centrado">BIENVENIDO A MI PÁGINA WEB. PRONTO ESTARÁ LISTA</p>
<p><img alt="alegrame el día" src="objetos/sonrisa.gif"
height="60" width="60" /></p>
<p>Página creada gracias a <a href="http://www.comocreartuweb.com"
target="_blank">CCTW</a></p>
<p><a href="mailto:[correo eliminado]"><img alt="pulsa para escribirme un
E-Mail" src="objetos/buzon.gif" height="50px" width="50px" /></a></p>
</body>
</html>
Un saludo. y gracias
lantiga · · Solicitar retirada
haber amigo paco con cariño pero estas mezclando judías y peras ; lo que has posteado el código html no css y ademas esta mal puesto.




Código CSS:

body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png); }

/* Generalmente para usar las hojas de estilo necesitamos escoger un selector al que queremos darle una propiedades especificas; es selector escogido en este caso es una etiqueta madre de html <body> y le decimos que su fondo va a ser de color grisáceo y que va a contener un imagen. (y ahí acabaría todo) */



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

<html>

<head>

<title>PÁGINA PRINCIPAL DEL EJEMPLO CCTW</title>

<link rel="stylesheet" href="estilos.css" type="text/css"media="all">

</head>

<body>

<p class="centrado">BIENVENIDO A MI PÁGINA WEB. PRONTO ESTARÁ LISTA</p>

<p><img alt="alegrame el día" src="objetos/sonrisa.gif" 
height="60" width="60" /></p>

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

<p><a href="mailto:[correo eliminado]"><img alt="pulsa para escribirme un 
E-Mail" src="objetos/buzon.gif" height="50px" width="50px" /></a></p>

</body>

</html>
paco lopez · · Solicitar retirada
Siento mi torpeza, pero no me queda claro qué estoy haciendo mal. Tengo un archivo Index.html en el que está escrito en código html lo siguiente:
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title>PÁGINA PRINCIPAL DEL EJEMPLO CCTW</title>
<link rel="stylesheet" href="estilos.css" type="text/css"media="all">
</head>
<body>
<p class="centrado">BIENVENIDO A MI PÁGINA WEB. PRONTO ESTARÁ LISTA</p>
<p><img alt="alegrame el día" src="objetos/sonrisa.gif"
height="60" width="60" /></p>
<p>Página creada gracias a <a href="http://www.comocreartuweb.com"
target="_blank">CCTW</a></p>
<p><a href="mailto:[correo eliminado]"><img alt="pulsa para escribirme un
E-Mail" src="objetos/buzon.gif" height="50px" width="50px" /></a></p>
</body>
</html>



Luego una Hoja de estilo que escribo lo que me indica el curso:

<html>
<body> {background-color: #E6E6FA ;
background-image: url(objetos/fondo.png);
background-repeat: no-repeat ;
background-position: center center }
img {border-style:none}
.centrado{text-align:center}
</body>
</html>

Quizás sobre <html>
</html>
todo lo demás hace referencia a color, imagen (para que no se repita, el borde) y centrado. No veo dónde se está mezclando.
Os ruego, paciencia con este pobre alumno, prometo ser aplicado. Muchas gracias y enhorabuena por este trabajo. Ánimo.
lantiga · · Solicitar retirada
tu html esta bien. Lo que esta mal es el CSS o hojas de estilo en cascada.

Haber si me entiendes; tienes etiquetas de html en tu CSS ;

Tendría que estar así:

Código CSS:

body {background-color: #E6E6FA ; background-image: url(objetos/fondo.png); }

background-repeat: no-repeat ( este código es para que el fondo no se repita)

background-position: center center (y este código es para posicionar el fondo )

img {border-style:none} (este códigos realmente no es nada y lo único que consigues teniéndolo es crear un error en los navegadores)