Autor Tema: CSS hacer que se muestre un color de fondo si falla la carga de imagen CU01030D (Leído 2861 veces)

freddychpo · « **en:** 11 de Septiembre 2015, 03:32 »

html:

<html>
	<head> 
		<title> Ejercicio 30 - CSS </title>
		<link rel="stylesheet" style="text/css" href="estiloejer30.css">
		<body>
			<div id="div1">
				BOX 1
			</div>
			
			<div id="div2">
				BOX 2
			</div>
			
			<div id="div3">
				BOX 3
			</div>
			
			<div id="div4">
				BOX 4
			</div>
		</body>
	</head>
</html>

CSS

Código: [Seleccionar]

div{
		width:250px;
		height:250px;
		margin: 30px;
		padding: 30px;
}
 #div1{background-image:url("hotcreations.jpg");
	   background-color:blue;}
 #div2{background-image:url("crosstownrebels.jpg");
	   background-color:green;}
 #div3{background-image:url("philweeks_logo.jpg")
	   background-color:yellow;}
 #div4{background-image:url("phil-weeks-jack-to-my-groove-ep.jpg")
	   background-color:gray;}

Ogramar · « **Respuesta #1 en:** 11 de Septiembre 2015, 08:41 »

Hola Freddy recomendamos pegar el código como se explica en https://www.aprenderaprogramar.com/foros/index.php?topic=1460.0

También recomendamos que para postear la respuesta a un ejercicio se abra un nuevo tema del foro (y no hacerlo en un tema ya abierto). El título del nuevo tema debe llevar el código del ejercicio por ejemplo CU01029D.

Para seguir estas recomendaciones procederé a crear un nuevo tema con tu código y seguir la conversación en el nuevo tema.

Salu2

César Krall · « **Respuesta #2 en:** 12 de Septiembre 2015, 20:39 »

Hola freddychpo!

El ejercicio bien!

A tener en cuenta: Faltan algunos puntos y coma como ejemplo en

background-image:url("philweeks_logo.jpg")

Terminándolo con un ; sería background-image:url("philweeks_logo.jpg");

Si no pones el ; cuando no se carga la imagen no se verá el color de fondo

Saludos!

Foros aprenderaprogramar.com
Didáctica y divulgación de la programación

Noticias: