En esta clase hicimos una introducción a la diagramación con CSS.
Contenidos
Links relacionados
En este artículo explico cómo usar DIVs junto con al atributo float para diagramar columnas.
Clase CSS “Clearfix”, usada para solucionar contenedores que colapsan cuando su contenido son floats. La clase original la encuentran en PositionIsEverything. Explicación en español en CSSLab.
Mr WordPress escribió,
Abril 12, 2007 @ 2:30 pm
Hi, this is a comment.
To delete a comment, just log in, and view the posts’ comments, there you will have the option to edit or delete them.
Metale Chala (el original) xD escribió,
Abril 13, 2007 @ 3:13 am
Hola!
Solo para recordar que el reportaje explicativo completo -en exclusiva- sobre “HTML5 v/s XHTML2″ traducido al español, lo encuentran en http://www.gigabytes.cl
Lo recomiendo para que estemos todos informados al respecto, estos cambios “afectaran a todos los que estamos en el negocio”.
PS: Sería bueno cambiar la combinación de colores para el formulario de comentarios… a penas pude ver los campos.
PS2: Quiero, y necesito aprender a servir documentos XML, que sean desplegados en HTML o XHTML, y enchulados vía CSS.
Por su atención, y pronta colaboración, muchas gracias.
J7…. J7… (como en el Jumbo xD).
Saludos a todos.
eddie escribió,
Abril 18, 2007 @ 8:32 pm
mi pregunta es.. que pasa si hay 4 div, uno de encabezado y otros 3 para el contenido.. en el contenido como pongo uno a la izquierda, otro almedio y otro a la derecha. porque no existe el fload centrado y al ponerle none queda arriva de los otros dos que se le especificaron right y left.
saludos
pd: nose si se entendio xD
andres escribió,
Abril 28, 2007 @ 3:41 am
Hay Carrete!
http://www.uniweb.cl/andres.mancilla/
ismasan escribió,
Mayo 6, 2007 @ 11:58 pm
Eddie: si tienes 3 divs, uno al lado del otro y quieres convertilos en 3 columnas, simplemente le pones
float:lefta cada uno, y elwidthcorrespondiente. Por ejemplo, para el siguiente HTML:<div id="columna1">
</div>
<div id="contenido">
</div>
<div id="columna2">
</div>
Haríamos el siguiente CSS.
#columna1,#contenido,#columna2 {
float:left;
}
#columna1,#columna2 {
width:20%;
}
#contenido {
width:60%;
}
En todo caso, hay otras formas de lograr varias columnas, sin usar
float. Lo veremos en las próximas clases.andres escribió,
Mayo 17, 2007 @ 4:42 am
Profe,
Aca va mi tarea corregida, nos vemos mañana!
http://www.uniweb.cl/andres.mancilla/css/
andres escribió,
Mayo 17, 2007 @ 4:45 am
profe,
aca va mi tarea corregida,
http://www.uniweb.cl/andres.mancilla/css/
nos vemos mañana!