cambiar el color de fondo en una parte de la pagina

carlosital · #1 (**permalink**) 09/07/2009, 15:12

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;
}

hades87 · #2 (**permalink**) 09/07/2009, 15:47

pues a h1 definele un background-color, no?

kseso? · #3 (**permalink**) 09/07/2009, 16:04

Cita:

Iniciado por hades87

pues a h1 definele un background-color, no?

Y si le añade un padding seguro que queda mejor:

Código css:

Ver originalh1 {
background: #f60;
padding: 5px;
}

Pero ya lo bordarás, carlosital, si cierras todo lo que abres (por las corrientes

)

Cita:

la lectura nos hace autosufiente xD
<hr />
<ul class="navbar">
<li><a href="blog.html">~~~~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~~~~</a></li>
</ul>

el 'hr' defínelo también en el css
¿qué significan las ~~~~ que te he tachado? Si es para mostrarlo en negrita utiliza css:

Cita:

ul.navbar li a {font-weigh: bolder}

Un saludo

carlosital · #4 (**permalink**) 09/07/2009, 20:24

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

daPhyre · #5 (**permalink**) 09/07/2009, 23:52

Prueba poner esto al comienzo de tu CSS:

html, body{margin:0;padding:0}

carlosital · #6 (**permalink**) 11/07/2009, 10:12

muchas gracias amigo daphyre !!! ;)