Foros del Web » Creando para Internet » CSS »

como hacer la plantilla en css

Estas en el tema de como hacer la plantilla en css en el foro de CSS en Foros del Web. soy nueva en css no se mucho pero tengo lo siguiente #header { background-image:url(imagenes/header.jpg); background-repeat:no-repeat; width:1000px; } #body { background-image:url(imagenes/home.jpg); background-repeat:no-repeat; width:1000px; } #foot { ...
  #1 (permalink)  
Antiguo 12/08/2011, 03:42
 
Fecha de Ingreso: junio-2011
Mensajes: 36
Antigüedad: 5 años, 7 meses
Puntos: 0
como hacer la plantilla en css

soy nueva en css no se mucho pero tengo lo siguiente

#header
{
background-image:url(imagenes/header.jpg);
background-repeat:no-repeat;
width:1000px;

}

#body
{
background-image:url(imagenes/home.jpg);
background-repeat:no-repeat;
width:1000px;
}
#foot
{
background-image:url(imagenes/footer.jpg);
background-repeat:no-repeat;
width:1000px;
}

es donde inserto lo que quiero q vaya en mi plantilla ahora como hago que en el encabezado pueda meter un sprymenubarhorizontal y despues como hago que la plantilla trabaje en mi archivo html, me refiero como colocar ya el encabezado el cuerpo y el pie de pagina
  #2 (permalink)  
Antiguo 12/08/2011, 04:19
Avatar de Batan  
Fecha de Ingreso: septiembre-2010
Ubicación: Madrid
Mensajes: 408
Antigüedad: 6 años, 4 meses
Puntos: 63
Respuesta: como hacer la plantilla en css

Buenas.

Para el menu horizontal puede crear una lista y fijarle las propiedades adecuadas para diseñarla.

Código CSS:
Ver original
  1. ul{
  2. overflow:hidden;
  3. }
  4.  
  5. ul li{
  6. float: left;/*para flotarlas a la izquierda y no queden una debajo de otra*/
  7. list-style-type: none /*para que no definan ningun tipo de lista, los circulitos esos de al lado.*/
  8. }


Para maquetarlo, por ejemplo podrias crear tres div. Uno para el header, otro para el body y otro para el foot.
Código HTML:
Ver original
  1. <div id="header">
  2. Aqui quieres poner tu sprymenubarhorizontal
  3. </div>
  4. <div id="body">Contenido body</div>
  5. <div id="footer">Contenido footer</div>


Saludos

Etiquetas: html, plantilla, fondo
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 17:10.