Foros del Web » Creando para Internet » CSS »

maquetación cabecera con div´s

Estas en el tema de maquetación cabecera con div´s en el foro de CSS en Foros del Web. Hola, mi duda es un poco mezcla de xhtml y css. Estoy tratando de maquetar una cabecera con div pero no se si la manera ...
  #1 (permalink)  
Antiguo 08/06/2006, 03:37
 
Fecha de Ingreso: enero-2003
Mensajes: 330
Antigüedad: 14 años, 10 meses
Puntos: 0
maquetación cabecera con div´s

Hola, mi duda es un poco mezcla de xhtml y css. Estoy tratando de maquetar una cabecera con div pero no se si la manera en la que lo estoy haciendo es la más correcta y me gustaría saber si me podeis corregir.

Adjunto una imagen de cómo quiero que me quede la cabecera.



Código HTML:
<div id="cabecera">
	<div id="logo">
		<img src="logo.gif" />
	</div>
	<div id="fondo">
	</div>
	<div id="menuca">
		<ul>
                            <li>Opcion</li>                                  
                            <li>Opcion2</li>
		 <li>Opcion3</li>
		</ul>
		<br />
		
	</div>
	<div id="texto">
	     Texto
	</div>

</div> 
Respecto a los estilos, esto es lo que he puesto:

Código:
#cabecera{
text-align: left;
float:left;
width:99%;
height:82px;
border: 1px dashed #CCCCCC;
}

#logo{
text-align: left;
padding:12px 0px 0px 10px;
float:left;
width:12%;
}


#fondo{
width:29%;
background:url(gra/fons_capsalera.jpg) no-repeat;
background-repeat:no-repeat;
height:82px;
float:left;
border:1px solid black;
}

#menuca{
float:right;
width:57%;
text-align:right;
border:1px solid black;
}
#menuca ul{
list-style-type:none;
display:inline;
margin:0px;
}
#menuca li{
list-style-type:none;
display:inline;
}
#texto{
text-align:right;
border:1px solid black;
float:right;
margin-top:22px;
margin-right:10px;
}
A ver si me haceis ver un poco la luz, muchas gracias por anticipado!!
  #2 (permalink)  
Antiguo 08/06/2006, 03:45
 
Fecha de Ingreso: enero-2003
Mensajes: 330
Antigüedad: 14 años, 10 meses
Puntos: 0
Se me olvidaba, es posible que el div="menuca" tenga que sobre ponerse sobre el div="fondo", por motivos de longitud del menu.
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 07:38.