Foros del Web » Creando para Internet » CSS »

Ayuda con float

Estas en el tema de Ayuda con float en el foro de CSS en Foros del Web. Necesito que la lista me aparezca dentro de #cab. He probrado poner el clear en miles de formas y nada Cita: <!DOCTYPE html PUBLIC "-//W3C//DTD ...
  #1 (permalink)  
Antiguo 31/12/2010, 18:55
 
Fecha de Ingreso: marzo-2010
Mensajes: 9
Antigüedad: 7 años, 8 meses
Puntos: 0
Pregunta Ayuda con float

Necesito que la lista me aparezca dentro de #cab. He probrado poner el clear en miles de formas y nada

Cita:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sin título</title>
<style type="text/css" media="screen">
body {text-align:center; font: 11px/1.5em Verdana; color:#FFF;}
#cab {width:90%; border:2px #F90 solid; background:#FF9; padding:0; margin:0 auto; line-height:1.8em; }
ul{list-style:none; clear:both;}
li {display:inline; border: 2px #F90 solid; float:left; background:#FC9; margin:6em; width:22%; padding:1em;}
a:link, a:visited{display:block; color:#FFF; text-decoration:none;}
a:hover, a:active{text-decoration:none;}
</style>
</head>

<body>

<div id="cab">
<ul>
<li><a href="#">Titulo 1<br/>Contenido numero 1</a></li>
<li><a href="#">Titulo 2<br/>Contenido numero 2</a></li>
<li><a href="#">Titulo 3<br/>Contenido numero 3</a></li>
<li><a href="#">Titulo 4<br/>Contenido numero 4</a></li>
</ul
</div>

</body>
</html>
Feliz Año Nuevo 2010
  #2 (permalink)  
Antiguo 01/01/2011, 02:59
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 7 años, 4 meses
Puntos: 64
Respuesta: Ayuda con float

al div #cab agregale float:left;

saludos!!

feliz año nuevo!
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #3 (permalink)  
Antiguo 01/01/2011, 07:43
 
Fecha de Ingreso: marzo-2010
Mensajes: 9
Antigüedad: 7 años, 8 meses
Puntos: 0
Respuesta: Ayuda con float

Problema resuelto, gracias

Etiquetas: float
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 08:35.