blaster99 Seguir
Alfa
Verificación en dos pasos desactivada
¡Usuario con pocos negocios! ¡Utiliza siempre saldo de Forobeta!
- Desde
- 25 Abr 2022
- Mensajes
- 15
no se ve mi imagen de portada con codigo css aqui les doy el codigo background-image: url(images/portada.jpg); puse bien la direccion pero aun asi no se ve la imagen que sera?
css
body {
}
#principal {
width: auto;
height: auto;
border: 1px solid #000000;
margin: 20px auto;
}
#cabecera {
height: 100px;
border: 1px solid #000000;
margin: 10px;
background-image: url(images/portada.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
}
#menu {
height: 30px;
border: 1px solid #000000;
margin: 10px;
}
#columnaizq{
width: 200px;
border: 1px solid #000000;
margin: 10px;
float: left;
}
#columnader {
width: 605px;
border: 1px solid #000000;
margin: 10px;
float: left;
}
.clear {
clear: both;
}
#pie {
height: 50px;
border: 1px solid #000000;
margin: 10px;
}
HTML
<html>
<head>
<link href="css/estilos.css" rel="stylesheet" type="text/css">
<title>el rincon de resident evil </title>
</head>
<body>
<div id="principal">
<div id="cabecera">
Cabecera
</div>
<div id="menu">
Menu
</div>
<div id="columnaizq">Columna izquierda Columna izquierda izquierda Columna izquierda Columna izquierda
Columna izquierda
</div>
<div id="columnader">
columna derecha columna derecha columna derecha
columna derecha columna derecha columna derecha columna derecha columna derecha columna derecha columna
</div>
<div class="clear">
</div>
<div id="pie">
Pie de pagina
</div>
</div>
</body>
</html>
css
body {
}
#principal {
width: auto;
height: auto;
border: 1px solid #000000;
margin: 20px auto;
}
#cabecera {
height: 100px;
border: 1px solid #000000;
margin: 10px;
background-image: url(images/portada.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
}
#menu {
height: 30px;
border: 1px solid #000000;
margin: 10px;
}
#columnaizq{
width: 200px;
border: 1px solid #000000;
margin: 10px;
float: left;
}
#columnader {
width: 605px;
border: 1px solid #000000;
margin: 10px;
float: left;
}
.clear {
clear: both;
}
#pie {
height: 50px;
border: 1px solid #000000;
margin: 10px;
}
HTML
<html>
<head>
<link href="css/estilos.css" rel="stylesheet" type="text/css">
<title>el rincon de resident evil </title>
</head>
<body>
<div id="principal">
<div id="cabecera">
Cabecera
</div>
<div id="menu">
Menu
</div>
<div id="columnaizq">Columna izquierda Columna izquierda izquierda Columna izquierda Columna izquierda
Columna izquierda
</div>
<div id="columnader">
columna derecha columna derecha columna derecha
columna derecha columna derecha columna derecha columna derecha columna derecha columna derecha columna
</div>
<div class="clear">
</div>
<div id="pie">
Pie de pagina
</div>
</div>
</body>
</html>