Foros del Web » Creando para Internet » CSS »

cambiar el color de fondo en una parte de la pagina

Estas en el tema de cambiar el color de fondo en una parte de la pagina en el foro de CSS en Foros del Web. buenas llevo dias echando cabeza de como establecer un color de fondo en una parte de la pagina, lo tengo que hacer con CSS, solo ...
  #1 (permalink)  
Antiguo 09/07/2009, 16:12
 
Fecha de Ingreso: noviembre-2008
Mensajes: 49
Antigüedad: 9 años
Puntos: 0
Información cambiar el color de fondo en una parte de la pagina

buenas llevo dias echando cabeza de como establecer un color de fondo en una parte de la pagina, lo tengo que hacer con CSS, solo quiero cambiarle el fondo a la parte donde dice blog de ital, se hace con una tabla?? alguien me ayuda? estoy trancado! aqui esta el code

Código HTML:
<html>
<head>
<title>Blog de ItaL</title>
</head>

<body>

<h1>Blog de ItaL</h1>

<p>la lectura nos hace autosufiente xD

<hr color="#A8CDE9">
<ul class="navbar">
  <li><a href="blog.html"><b>Inicio</a>
  <li><a href="login.html">Login</a>
  <li><a href="ciudad.html">Registro</a>
  <li><a href="enlaces.html">Enlaces</b></a>
</ul>

<h2>Bienvenidos a mi blog</h2> 
[/HTML]

CSS

body { background-color:#2762A5;
background-image:url("italy.jpg");
background-repeat:no-repeat;
background-position:22% 03%; }

h1 {color:#EAE4E4;
font-family:georgia,"times new roman",times,serif;
}

h2{text-align:center;
}

p{color:#A8CDE9;
font-family:courier,courier new,andele mono;
font-size:10px;
}

ul.navbar{list-style-type:none;
position:absolute;
padding:0em;
top:6em;
left:1em;

}

ul.navbar li{background:#EAE4E4;
margin:0.6em;
padding:0.2em;
width:6em;
border-right:1em solid black;

}

ul.navbar a{text-decoration:none;
font-family:arial,helvetica,sans-serif;
color:#2762A5;
}
  #2 (permalink)  
Antiguo 09/07/2009, 16:47
Avatar de hades87  
Fecha de Ingreso: diciembre-2007
Ubicación: Barcelona - España
Mensajes: 3.194
Antigüedad: 10 años
Puntos: 68
Respuesta: cambiar el color de fondo en una parte de la pagina

pues a h1 definele un background-color, no?
__________________
No diseñes usando tablas.
  #3 (permalink)  
Antiguo 09/07/2009, 17:04
Colaborador
 
Fecha de Ingreso: junio-2007
Mensajes: 5.798
Antigüedad: 10 años, 6 meses
Puntos: 538
Respuesta: cambiar el color de fondo en una parte de la pagina

Cita:
Iniciado por hades87 Ver Mensaje
pues a h1 definele un background-color, no?
Y si le añade un padding seguro que queda mejor:
Código css:
Ver original
  1. h1 {
  2. background: #f60;
  3. padding: 5px;
  4. }

Pero ya lo bordarás, carlosital, si cierras todo lo que abres (por las corrientes )
Cita:
<p>la lectura nos hace autosufiente xD</p>
<hr />
<ul class="navbar">
<li><a href="blog.html"><b>Inicio</a></li>
<li><a href="login.html">Login</a></li>
<li><a href="ciudad.html">Registro</a></li>
<li><a href="enlaces.html">Enlaces</b></a></li>
</ul>
el 'hr' defínelo también en el css
¿qué significan las <b> que te he tachado? Si es para mostrarlo en negrita utiliza css:
Cita:
ul.navbar li a {font-weigh: bolder}
Un saludo
__________________
Por una web con mucho estilo
+++ CUENTA ABANDONADA. ¿la quieres? +++
  #4 (permalink)  
Antiguo 09/07/2009, 21:24
 
Fecha de Ingreso: noviembre-2008
Mensajes: 49
Antigüedad: 9 años
Puntos: 0
Respuesta: cambiar el color de fondo en una parte de la pagina

gracias kseso pero otra pregunta, ya tengo claro que para darle el fondo se usa el background...
pero lo que noto es que no tapa bien el fondo, quedan bordes sin rellenar
  #5 (permalink)  
Antiguo 10/07/2009, 00:52
Avatar de daPhyre
Colaborador
 
Fecha de Ingreso: marzo-2008
Ubicación: [email protected] (Redirects to 127.0.0.1)
Mensajes: 2.404
Antigüedad: 9 años, 9 meses
Puntos: 142
Respuesta: cambiar el color de fondo en una parte de la pagina

Prueba poner esto al comienzo de tu CSS:

html, body{margin:0;padding:0}
__________________
<signs>daPhyre</signs>
Jugaa.me


Adios al dolor de cabeza de IE...
  #6 (permalink)  
Antiguo 11/07/2009, 11:12
 
Fecha de Ingreso: noviembre-2008
Mensajes: 49
Antigüedad: 9 años
Puntos: 0
Respuesta: cambiar el color de fondo en una parte de la pagina

muchas gracias amigo daphyre !!! ;)
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 04:45.