Re: [Ovillo] Aprendiendo sobre la marcha
El 30/01/07, NetVicious[EMAIL PROTECTED] escribió: Hola Victor, El martes, 30 ene 2007 a las 22:36, escribiste: Yo pondria las tablas con ... display: inline-table; mantienen sus demas propiedades, pero pueden ponerse la una despues de la otra. Ojo, ni el IE6 ni el IE7 tragan inline-table Con muy pocas excepciones me veras un comentario sobre si funciona en un navegador u otro. Y si lo hago lo indico. Casi siempre, como en este caso, hablo de la normativa (en este caso W3C). -- o---( )---o Saludos de Victor Lopez Sabio [EMAIL PROTECTED] ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Aprendiendo sobre la marcha
Yo pondria las tablas con ... display: inline-table; mantienen sus demas propiedades, pero pueden ponerse la una despues de la otra. 2007/1/29, Ovillo Web [EMAIL PROTECTED]: Hola a todos ... Llevo ya algunas semana suscrito en modo oyente pero ahora necesito algo de ayuda. Estoy aprendiendo CSS y tengo un problemilla que me urge solucionar, ya que el cliente quiere ver el previo beta de la web y se me resisten unas tablas. http://www.cumbrealmendros.com/paginas/pag_esp/planos_esp.html Lo que quiero es que estas tablas no se coloquen unas debajo de otras, sino que las pueda agrupar como si fueran realmente los edificios, por ejemplo irian juntos los dos primeros bloques, luego un espacio y otro bloque, otro espacio y juntos los dos ultimos bloques. Todo en la misma linea horizontal. Conseguí en un momento dado que estuvieran todos lo bloques alineados horizontalmente pero la parte de debajo me los pisaba. Gracias de antemano ... ___ 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://lists.ovillo.org/mailman/listinfo/ovillo -- o---( )---o Saludos de Victor Lopez Sabio [EMAIL PROTECTED] ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Aprendiendo sobre la marcha
Hola Victor, El martes, 30 ene 2007 a las 22:36, escribiste: Yo pondria las tablas con ... display: inline-table; mantienen sus demas propiedades, pero pueden ponerse la una despues de la otra. Ojo, ni el IE6 ni el IE7 tragan inline-table -- /\/ / \ / \ / /\/ e t \/ i c i o u s ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
[Ovillo] Aprendiendo sobre la marcha
Hola a todos ... Llevo ya algunas semana suscrito en modo oyente pero ahora necesito algo de ayuda. Estoy aprendiendo CSS y tengo un problemilla que me urge solucionar, ya que el cliente quiere ver el previo beta de la web y se me resisten unas tablas. http://www.cumbrealmendros.com/paginas/pag_esp/planos_esp.html Lo que quiero es que estas tablas no se coloquen unas debajo de otras, sino que las pueda agrupar como si fueran realmente los edificios, por ejemplo irian juntos los dos primeros bloques, luego un espacio y otro bloque, otro espacio y juntos los dos ultimos bloques. Todo en la misma linea horizontal. Conseguí en un momento dado que estuvieran todos lo bloques alineados horizontalmente pero la parte de debajo me los pisaba. Gracias de antemano ... ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Aprendiendo sobre la marcha
Lo que debes hacer para que un elemento se coloque junto a otro mediante CSS es utilizar la propiedad Float:(left o right). Justo al final del último elemento flotado debes colocar un salto (un elemento que puede ser un br o un div vacio) que tenga la propiedad Clear:both. Con esto marcarás el final del flotado y evitará que los elementos que sigan despues de los elementos flotados no se superpondrán. Cualquier cosa no dudes en consultarnos. Saludos, Javier Trejo -- [EMAIL PROTECTED] www.tsinformatica.com.ar TEL.: 4543-4550 CEL.: 15-6485-7734 MSN: [EMAIL PROTECTED] SKYPE: javier.trejo -Mensaje original- De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] En nombre de Ovillo Web Enviado el: Domingo, 28 de Enero de 2007 20:21 Para: ovillo@lists.ovillo.org Asunto: [Ovillo] Aprendiendo sobre la marcha Hola a todos ... Llevo ya algunas semana suscrito en modo oyente pero ahora necesito algo de ayuda. Estoy aprendiendo CSS y tengo un problemilla que me urge solucionar, ya que el cliente quiere ver el previo beta de la web y se me resisten unas tablas. http://www.cumbrealmendros.com/paginas/pag_esp/planos_esp.html Lo que quiero es que estas tablas no se coloquen unas debajo de otras, sino que las pueda agrupar como si fueran realmente los edificios, por ejemplo irian juntos los dos primeros bloques, luego un espacio y otro bloque, otro espacio y juntos los dos ultimos bloques. Todo en la misma linea horizontal. Conseguí en un momento dado que estuvieran todos lo bloques alineados horizontalmente pero la parte de debajo me los pisaba. Gracias de antemano ... ___ 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://lists.ovillo.org/mailman/listinfo/ovillo ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Aprendiendo sobre la marcha
Hola sigue mal, no me hace lo que quiero.
Escribi esto justo despues del final de la tabla:
div clear:both/div
y en las CSS estan son las propiedades que tiene y me solpa la imagen
encima:
table {
float: left;
width: 90px;
table-layout: fixed;
border-width: 1px;
border-style: solid;
border-color: #600;
border-collapse: separate;
border-spacing: 5px;
empty-cells: hide;
margin: 0 5px 0 0;
text-align: center;
}
Algo hago mal eso seguro ...
El 29/01/2007, a las 00:29, Javier Trejo escribió:
Lo que debes hacer para que un elemento se coloque junto a otro
mediante CSS
es utilizar la propiedad Float:(left o right).
Justo al final del último elemento flotado debes colocar un salto (un
elemento que puede ser un br o un div vacio) que tenga la propiedad
Clear:both.
Con esto marcarás el final del flotado y evitará que los elementos
que sigan
despues de los elementos flotados no se superpondrán.
Cualquier cosa no dudes en consultarnos.
Saludos,
Javier Trejo
--
[EMAIL PROTECTED]
www.tsinformatica.com.ar
TEL.: 4543-4550
CEL.: 15-6485-7734
MSN: [EMAIL PROTECTED]
SKYPE: javier.trejo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:ovillo-
[EMAIL PROTECTED]
En nombre de Ovillo Web
Enviado el: Domingo, 28 de Enero de 2007 20:21
Para: ovillo@lists.ovillo.org
Asunto: [Ovillo] Aprendiendo sobre la marcha
Hola a todos ...
Llevo ya algunas semana suscrito en modo oyente pero ahora
necesito algo
de ayuda.
Estoy aprendiendo CSS y tengo un problemilla que me urge
solucionar, ya que
el cliente quiere ver el previo beta de la web y se me resisten
unas tablas.
http://www.cumbrealmendros.com/paginas/pag_esp/planos_esp.html
Lo que quiero es que estas tablas no se coloquen unas debajo de
otras, sino
que las pueda agrupar como si fueran realmente los edificios, por
ejemplo
irian juntos los dos primeros bloques, luego un espacio y otro
bloque, otro
espacio y juntos los dos ultimos bloques. Todo en la misma linea
horizontal.
Conseguí en un momento dado que estuvieran todos lo bloques alineados
horizontalmente pero la parte de debajo me los pisaba.
Gracias de antemano ...
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Aprendiendo sobre la marcha
Prueba esto en una hoja en blanco asi entiendes la teoría de lo que te estoy
diciendo.
Verás que tienes el efecto que creo tu estás buscando, cualquier cosa
siempre puedes encontrarme en mi msn y consultarme, saludos.
HTML
div class=bloque
A1 B1br /
A2 B2br /
A3 B3br /
/div
div class=bloque
A1 B1br /
A2 B2br /
A3 B3br /
/div
div class=clear/div
div class=bloque
A1 B1br /
A2 B2br /
A3 B3br /
/div
div class=bloque
A1 B1br /
A2 B2br /
A3 B3br /
/div
div class=bloque
A1 B1br /
A2 B2br /
A3 B3br /
/div
div class=bloque
A1 B1br /
A2 B2br /
A3 B3br /
/div
div class=clear/div
div class=bloque
A1 B1br /
A2 B2br /
A3 B3br /
/div
div class=bloque
A1 B1br /
A2 B2br /
A3 B3br /
/div
CSS
.bloque {
border:1px solid #00;
float: left;
margin:5px;
}
.clear {
clear:both;
}
Javier Trejo
--
[EMAIL PROTECTED]
www.tsinformatica.com.ar
TEL.: 4543-4550
CEL.: 15-6485-7734
MSN: [EMAIL PROTECTED]
SKYPE: javier.trejo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de Ovillo Web
Enviado el: Domingo, 28 de Enero de 2007 21:03
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Aprendiendo sobre la marcha
Hola sigue mal, no me hace lo que quiero.
Escribi esto justo despues del final de la tabla:
div clear:both/div
y en las CSS estan son las propiedades que tiene y me solpa la imagen
encima:
table {
float: left;
width: 90px;
table-layout: fixed;
border-width: 1px;
border-style: solid;
border-color: #600;
border-collapse: separate;
border-spacing: 5px;
empty-cells: hide;
margin: 0 5px 0 0;
text-align: center;
}
Algo hago mal eso seguro ...
El 29/01/2007, a las 00:29, Javier Trejo escribió:
Lo que debes hacer para que un elemento se coloque junto a otro
mediante CSS es utilizar la propiedad Float:(left o right).
Justo al final del último elemento flotado debes colocar un salto (un
elemento que puede ser un br o un div vacio) que tenga la propiedad
Clear:both.
Con esto marcarás el final del flotado y evitará que los elementos que
sigan despues de los elementos flotados no se superpondrán.
Cualquier cosa no dudes en consultarnos.
Saludos,
Javier Trejo
--
[EMAIL PROTECTED]
www.tsinformatica.com.ar
TEL.: 4543-4550
CEL.: 15-6485-7734
MSN: [EMAIL PROTECTED]
SKYPE: javier.trejo
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:ovillo-
[EMAIL PROTECTED] En nombre de Ovillo Web Enviado el: Domingo,
28 de Enero de 2007 20:21
Para: ovillo@lists.ovillo.org
Asunto: [Ovillo] Aprendiendo sobre la marcha
Hola a todos ...
Llevo ya algunas semana suscrito en modo oyente pero ahora necesito
algo de ayuda.
Estoy aprendiendo CSS y tengo un problemilla que me urge solucionar,
ya que el cliente quiere ver el previo beta de la web y se me resisten
unas tablas.
http://www.cumbrealmendros.com/paginas/pag_esp/planos_esp.html
Lo que quiero es que estas tablas no se coloquen unas debajo de otras,
sino que las pueda agrupar como si fueran realmente los edificios, por
ejemplo irian juntos los dos primeros bloques, luego un espacio y otro
bloque, otro espacio y juntos los dos ultimos bloques. Todo en la
misma linea horizontal.
Conseguí en un momento dado que estuvieran todos lo bloques alineados
horizontalmente pero la parte de debajo me los pisaba.
Gracias de antemano ...
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
___
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://lists.ovillo.org/mailman/listinfo/ovillo
Re: [Ovillo] Aprendiendo sobre la marcha
Como dice Javier, utiliza listas tal y como te ha explicado en su ejemplo, pero para no ensuciar el marcado con contenido extra, utiliza el conocido clearfix para realizar los clear:both sin agregar elementos extras a tu marcado. http://www.torresburriel.com/weblog/2006/10/19/ojo-con-el-uso-de-clearfix-casca-en-ie7/ Saludos. ___ 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://lists.ovillo.org/mailman/listinfo/ovillo
