Hola,
Inicialmente te quiero dar las gracias David, me a sorprendido mucho tu
artículo, aunque de entrada no me a quedado 100% claro algunos de tus puntos,
creo que con la práctica podre ir captando mejor y poco a poco los temas.
Comento a continuación poco a poco, alguans de las cosas que me causaron duda o
sobre las que quisiera comentar un poco...
> ningún sitio mejor que de la página del grupo encargado de estandarizar sus
> especificaciones, la > w3c[1]
> El CSS es particularmente extravagante en este sentido e IMPRESCINDIBLE su
> lectura.
Pues como comente en mi primer correo, me dedique a empezar por aca, aunque
francamente me parece un poco desordenada la página principal de la w3c/css y
un poco confusa su sección de learning, aunque pueda ser cuestión de costumbre.
Partiendo de este punto también me acuso un poco de que aunque me e dedicado a
leer artículos, tutoriales y libros de CSS, no e leido la especificación de la
w3c directamente.
> Bueno, yo te diría que siguieras unas sencillas reglas para "encajar" <div>es:
>* El ancho de la pantalla es, para la mayoría de nuestros propósitos, finito y
>conocido, el alto > infinito. Esto redunda en que desde el principio puedes
>definir anchos en porcentajes, mientras que > para los altos necesitarás de
>ciertos truquillos, que te desaconsejo desde ya para el nivel de
> inicio. De todas maneras siempre puedes definir un alto en medidas que no
> sean porcentajes.
Que buen primer TIP, ayer me pase peleando un buen rato hasta darme por vencido
tratando de especificar que queria una columna con 100% de tamaño de alto y
nada de nada, creo que sigo pensando que estoy diseñando por medio de Tablas y
eso es lo que me tiene tan confuso. Bien, probare cambiar mi mentalidad un poco.
> * Los elementos del HTML se dividen principalmente en elementos de bloque y
> elementos de línea. Los > elementos de bloque, __sin ancho definido__ (o
> width: auto), tienden a ocupar el 100% del espacio
> que les queda a los lados y, además, no les gusta compartir este espacio con
> nadie (esto último,
> tenga o no un ancho definido). Los elementos de línea, en la misma situación,
> toman el ancho de su > contenido (cuanto más contenido, más ancho) y se
> llevan muy bien en la misma horizontal con otros
> elementos de línea. Como elementos de bloque tenemos por ejemplo <p>, <ul>,
> <ol>, <div>... y como
> elementos de línea <a>, <img>, <span>... Si quieres que un elemento de bloque
> comparta su espacio
> horizontal con otros elementos de bloque (la típica maquetación en columnas a
> la que deseas llegar) > tendrás que especificarles un ancho (33%, 33%, 33%
> por ejemplo) y 'flotarlos' (La propiedad
> 'float' es complicada de explicar en poco espacio, pero hay miles de
> artículos en la red sobre la
> misma). ...>>
Sí me permites quisiera aquí hacerte una pregunta más puntual, se que si
utilizo Float: left, el objeto se movera a la izquierda, y si utilizo Float:
right, el elemento se movera (lo correcto es flotara no? ) a la derecha,
entonces lo ultimo que me queda preguntar es cómo defino el centro? (Lo que se
me a ocurrido hasta ahora, es que le coloco margenes iguales a la izquierda y
derecha y eso de una u otra manera centra los objetos, sin embargo, no se cómo
funcionara esto con el Float).
> Para el alto se definen las mismas pautas pero, evidentemente, la repercusión
> es mínima, pues casi > nunca tendremos la necesidad de ajustar una
> maquetación en vertical.
Esto me suena un poco raro, normalmente cuando yo hago una página defino una
tabla contenedora principal, la cual le doy los atributos de tener el 100% del
ancho de la pantalla y luego el 100% del alto, eso me permite tener el centro
exacto de la página y de ahí en adelante me voy. ¿Crees que estoy cometiendo
una mala práctica (bueno sin contar que diseño con tablas :) )?
> No intentes hacer cosas demasiado complicadas al principio, te llegarás a
> desesperar y con el
> tiempo verás que lo que tuviste que hacer para llegar a esa maquetación es
> digno de frenopático.
Esto es un poco Off Topic: Frenopático?
> Básicamente existen medidas relativas que el usuario podrá cambiar a su gusto
> mediante el navegador > ('em', 'ex', '%'...) y absolutas
Tratare de acostumbrarme a los "em" lo mejor que pueda, ya habia decidido esto
según lo leido, pero es cuestión de costumbres, cómo pareciera ser todo con CSS.
Ya por ultimo, muchas gracias por los tips, se te agradecen bastante, le dare
otra lectura despacio otra vez hoy. Quizas me anime cuando me averguenze un
poco menos a mostrar lo que estoy tratando de diseñar, Saludos a todos,
Manuel
_______________________________________________
Lista de distribución Ovillo
Para escribir a la lista, envia un correo a Ovillo@lists.ovillo.org
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
