Necesito un tuto para aprender a utilizar las capas divs en una web.
Quiero algo sencillo y que vaya al grano (a poder ser), asi que si conoceis algo o sabeis dónde puedo encontrarlo contestad. O en caso de no ser posible un buen tutorial de Hojas de Estilo con CSS.
Muchas gracias
A mi me ayudó a empezar de 0: http://www.box.net/shared/q0l7i6zjdc
Lo que te interesa es lo de "El modelo de caja". Aunque no estaría mal mirarse toda la parte de CSS (aunque es básico).
Como ejemplo a lo que se aprende del tutorial se puede usar el tema "LAYOUT TABLELESS A DOS COLUMNAS" donde hacen una pequeña web, y la parte de como hacer un menú "bonito" tampoco está mal, ya que te empieza a dar ideas de como trabajar con CSS (pero weno, esto sobre todo para gente como yo que empezábamos de 0 xD)
me uno al mismo "libro" para empezar: XHTML + CSS de una maldita vez, por Belén Albeza (BenKo) Muy claro, y ameno gracias a su nivel de frikismo.
http://bergantells.net/jander/weblog/tuto-xhtml_a3.pdf
Luego, para floats y lists, que es lo que mas problemas / juego da:
http://css.maxdesign.com.au/
Eso en cuanto a teoria.
En cuanto practica, en http://www.smashingmagazine.com/category/css/ tienes bastantes guias tipo "chorrocientas ideas para mejorar tu codigo css"
Los tutoriales cojonudos, sobre todo el tutorial xhtm + css que me habeis puesto, esta noche cuando llegue a casa lo empezaré.
Me ha parecido ver por encima lo que quiero, que realmente es utilizar una capa div a modo de frame o iframe (si, para dejar de utilizarlos) en ese tuto viene no?
#5 eso que comentas es bastante sencillo:
Le das los atributos de ancho y alto al div y luego con la propiedad "overflow" haces que sea tipo iframe, con overflow: auto; el contenido se recorta a las medidas que has puesto y se añade la barra de scroll solo si es necesaria automaticamente.
Algo tarde pero bueno xP
Bueno, aquí te dejo el tutorial donde aprendí básicamente... la verdad nunca me lo leí todo... solo copie el codigo y fui entendiendolo xD
http://www.infectedfx.net/layout-xhtml-y-css-ii/2006/
Saludos!
