Re: [Ovillo] Aprendiendo sobre la marcha

2007-01-31 Por tema Victor Lopez
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

2007-01-30 Por tema Victor Lopez
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

2007-01-30 Por tema NetVicious
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

2007-01-28 Por tema Ovillo Web

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

2007-01-28 Por tema Javier Trejo
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

2007-01-28 Por tema Ovillo Web
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

2007-01-28 Por tema Javier Trejo
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

2007-01-28 Por tema AraDaen
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