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

freddychpo

  • Sin experiencia
  • *
  • APR2.COM
  • Mensajes: 10
    • Ver Perfil
html:

Código: [Seleccionar]
<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;}

« Última modificación: 24 de Septiembre 2017, 19:05 por Alex Rodríguez »

Ogramar

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2662
    • Ver Perfil
Re:CU01030D
« 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

  • Moderador Global
  • Experto
  • *******
  • Mensajes: 2078
  • No vales por lo que dices, sino por lo que haces
    • Ver Perfil
    • aprenderaprogramar.com
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!
Responsable de departamento de producción aprenderaprogramar.com

 

Sobre la educación, sólo puedo decir que es el tema más importante en el que nosotros, como pueblo, debemos involucrarnos.

Abraham Lincoln (1808-1865) Presidente estadounidense.

aprenderaprogramar.com: Desde 2006 comprometidos con la didáctica y divulgación de la programación

Preguntas y respuestas

¿Cómo establecer o cambiar la imagen asociada (avatar) de usuario?
  1. Inicia sesión con tu nombre de usuario y contraseña.
  2. Pulsa en perfil --> perfil del foro
  3. Elige la imagen personalizada que quieras usar. Puedes escogerla de una galería de imágenes o subirla desde tu ordenador.
  4. En la parte final de la página pulsa el botón "cambiar perfil".