Re: [Ovillo] Problema con la fluidez del texto
Gracias por vuestras respuestas, ayer probé con las indicaciones que
hacían desde simplelogica.net y casi me funciona (a Explorer de mac no
le gusta algo de lo que hago), ahora probaré con el dt. Aunque la
solución de tener dos estilos (si hay o no foto) no es viable.
Gracia
El 5/07/05, Oscar[EMAIL PROTECTED] escribió:
Daniel tiene razón se necesitan dos clases, una cuando hay fotografía y
otra cuando no hay fotografía.
La diferencia entre cada clase es el margen, que desaparece cuando no
hay fotografía:
.galeria {
border: 1px solid #CC;
padding: 10px;
}
.galeria dt {
float: left;
margin: 0;
width: 60px;
height: 60px;
}
.galeria dd {
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
}
.galeria dd.confoto {
margin: 0px 0px 0px 70px;
}
p.clear {
clear: both;
margin: 0;
padding: 0;
}
Y el HTML
dl class=galeria
dtimg
src=http://www.algarinejo.com/problema_modulo/imagen.gif;
alt=Fotografiacute;a //dt
dd class=confotoTrans rivum Tiberim Etruria est; Etrusci
habitabant hic ante occupationem romanam; sua oppida antiqua sunt et
urbs magna Vei fuit./dd
p class=clear/p
/dl
dl class=galeria
ddTrans rivum Tiberim Etruria est; Etrusci habitabant hic ante
occupationem romanam; sua oppida antiqua sunt et urbs magna Vei
fuit./dd
/dl
De nuevo un saludo.
Oscar
[EMAIL PROTECTED]
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de Daniel Torres
Burriel
Enviado el: martes, 05 de julio de 2005 19:38
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problema con la fluidez del texto
-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1
jm unica wrote:
Se trata de un módulo contenedor con dos div, uno para fotografía y
otro para texto. La foto puede ir o no, con lo que el texto tiene que
ajustarse al 100%. Esta parte está resuelta, pero el problema surge
cuando la cantidad de texto es mayor a la altura de la imagen, que
fluye por debajo de la fotografía y yo quiero que mantenga el tamaño
de ancho inicial, como si de una columna se tratase.
Sin desmerecer las respuestas que te dan por aquí, cuando me he topado
con este problem he optado por tener dos clases. Una para cuando existe
la imagen, y otra para cuando no existe.
Cuando existe la imagen, la clase toma su valor ON y cuando no, su valor
OFF. Sería algo así como:
Con imagen
#cajaON {}
Sin imagen
#cajaOFF {}
Y vía php, o el lenguaje que sea, dar valor a #cajaON/OFF en función de
la necesidad del momento.
Es un método más indirecto, pero funciona.
Saludos!
- --
/* Daniel Torres Burriel - www.torresburriel.com
/* Web design - Usability consulting - IT Press
/* More info bio: www.torresburriel.com/perfil/
/* GPG key: 0x43DB2AB7
-BEGIN PGP SIGNATURE-
Version: GnuPG v1.4.1 (MingW32)
Comment: Using GnuPG with Thunderbird - http://enigmail.mozdev.org
iD8DBQFCysV9LelthkPbKrcRAjVTAKDM32+5s9FOJuEUqgTcNzwg2wYxGACgy65W
Y7rbykre/M4YhafHzTs8SOw=
=49wE
-END PGP SIGNATURE-
___
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
___
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
___
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
Re: [Ovillo] Problema con la fluidez del texto
La url de la solución que dio Ramón está en:
http://simplelogica.net/caoticoneutral/index.php?p=29
El 6/07/05, jm unica[EMAIL PROTECTED] escribió:
Gracias por vuestras respuestas, ayer probé con las indicaciones que
hacían desde simplelogica.net y casi me funciona (a Explorer de mac no
le gusta algo de lo que hago), ahora probaré con el dt. Aunque la
solución de tener dos estilos (si hay o no foto) no es viable.
Gracia
El 5/07/05, Oscar[EMAIL PROTECTED] escribió:
Daniel tiene razón se necesitan dos clases, una cuando hay fotografía y
otra cuando no hay fotografía.
La diferencia entre cada clase es el margen, que desaparece cuando no
hay fotografía:
.galeria {
border: 1px solid #CC;
padding: 10px;
}
.galeria dt {
float: left;
margin: 0;
width: 60px;
height: 60px;
}
.galeria dd {
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
}
.galeria dd.confoto {
margin: 0px 0px 0px 70px;
}
p.clear {
clear: both;
margin: 0;
padding: 0;
}
Y el HTML
dl class=galeria
dtimg
src=http://www.algarinejo.com/problema_modulo/imagen.gif;
alt=Fotografiacute;a //dt
dd class=confotoTrans rivum Tiberim Etruria est; Etrusci
habitabant hic ante occupationem romanam; sua oppida antiqua sunt et
urbs magna Vei fuit./dd
p class=clear/p
/dl
dl class=galeria
ddTrans rivum Tiberim Etruria est; Etrusci habitabant hic ante
occupationem romanam; sua oppida antiqua sunt et urbs magna Vei
fuit./dd
/dl
De nuevo un saludo.
Oscar
[EMAIL PROTECTED]
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de Daniel Torres
Burriel
Enviado el: martes, 05 de julio de 2005 19:38
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problema con la fluidez del texto
-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1
jm unica wrote:
Se trata de un módulo contenedor con dos div, uno para fotografía y
otro para texto. La foto puede ir o no, con lo que el texto tiene que
ajustarse al 100%. Esta parte está resuelta, pero el problema surge
cuando la cantidad de texto es mayor a la altura de la imagen, que
fluye por debajo de la fotografía y yo quiero que mantenga el tamaño
de ancho inicial, como si de una columna se tratase.
Sin desmerecer las respuestas que te dan por aquí, cuando me he topado
con este problem he optado por tener dos clases. Una para cuando existe
la imagen, y otra para cuando no existe.
Cuando existe la imagen, la clase toma su valor ON y cuando no, su valor
OFF. Sería algo así como:
Con imagen
#cajaON {}
Sin imagen
#cajaOFF {}
Y vía php, o el lenguaje que sea, dar valor a #cajaON/OFF en función de
la necesidad del momento.
Es un método más indirecto, pero funciona.
Saludos!
- --
/* Daniel Torres Burriel - www.torresburriel.com
/* Web design - Usability consulting - IT Press
/* More info bio: www.torresburriel.com/perfil/
/* GPG key: 0x43DB2AB7
-BEGIN PGP SIGNATURE-
Version: GnuPG v1.4.1 (MingW32)
Comment: Using GnuPG with Thunderbird - http://enigmail.mozdev.org
iD8DBQFCysV9LelthkPbKrcRAjVTAKDM32+5s9FOJuEUqgTcNzwg2wYxGACgy65W
Y7rbykre/M4YhafHzTs8SOw=
=49wE
-END PGP SIGNATURE-
___
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
___
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
___
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
Re: [Ovillo] Problema con la fluidez del texto
Gracias Zuri, pero no funciona. El contenido de la p no es
controlable, he hecho una prueba y esto es lo que sale:
http://www.algarinejo.com/problema_modulo/zuri.html
Si la cantidad de caracteres del párrafo es superior al tamaño del
espacio que lo contiene se posiciona por debajo de la imagen.
:-( no me vale :-(
Pero gracias...
El 5/07/05, zuri[EMAIL PROTECTED] escribió:
Te doy una sugerencia y yo creo que es la que te puede servir.
.foto { float:left }
.texto {margin:0; padding:0; float:left;}
div style=border:1px solid #f00;
img src=img.gif class=foto
p class=textokajsgdkñjabsdbrkajsgdkñjabsdbrkajsgdkñjabsdbr
kajsgdkñjabsdbrkajsgdkñjabsdbrkajsgdkñjabsdbr/p
div style=clear:both;nbsp;/div
/div
Besitos
Zuri Menendez Cayrols
Tanta Tecnología y Comunicación
Grupo Onetec
c/ Julián Camarillo 26 1º Of. 2
28037 Madrid
Tel.: 91.440.10.40
Fax: 91.304.91.24
www.tantacom.com
www.grupoonetec.com
Este correo electrónico y, en su caso, cualquier fichero anexo al mismo,
pueden contener información de carácter confidencial exclusivamente dirigida
a la persona o entidad a la que se le envía. Queda prohibido cualquier uso
indebido, revisión, retransmisión o diseminación del contenido por personas
o entidades ajenas al destinatario. Si recibe usted este correo por error,
le rogamos que nos lo comunique por la misma vía al remitente y proceda a
borrar este material de todo ordenador. Gracias.
___
The information in this e-mail and in any attachments is confidential and
solely for the attention and use of the named addressee(s). You are hereby
notified that any distribution, copy or dissemination of this communication
is prohibited without the prior written consent of the sender. If you
received this in error and are not the formal receiver of this message
please destroy it without making any digital or physical copy and inform the
sender by e-mail of the reception of the present message. Thank you
-Mensaje original-
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nombre de jm unica
Enviado el: martes, 05 de julio de 2005 17:38
Para: Ovillo@lists.ovillo.org
Asunto: [Ovillo] Problema con la fluidez del texto
Hola...
Tengo un problemilla con la fluidez del texto dentro de una
composición. Como lo mío no son las palabras os he preparado una
imagen explicativa de mi problema y su correspondiente html.
http://www.algarinejo.com/problema_modulo/index.html
Se trata de un módulo contenedor con dos div, uno para fotografía y
otro para texto. La foto puede ir o no, con lo que el texto tiene que
ajustarse al 100%. Esta parte está resuelta, pero el problema surge
cuando la cantidad de texto es mayor a la altura de la imagen, que
fluye por debajo de la fotografía y yo quiero que mantenga el tamaño
de ancho inicial, como si de una columna se tratase.
Tendría que ser una solución válida para Mozilla y Explorer de Mac y
Pc, además de Safari (Mac).
Alguna sugerencia???
Gracias
___
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
___
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
___
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
Re: [Ovillo] Problema con la fluidez del texto
No he leído muy detenidamente el problema... porque quiero irme de la oficina (ejem...perdón), pero bueno, así por lo que veo en el ejemplo, y cayendo en el mal gusto de recomendar mi propio weblog (pasen y vean, damas y caballeros!!), creo que lo que te pasa es algo parecido a esto: http://simplelogica.net/caoticoneutral/index.php?p=29 Prueba a ver si te sirve. Y recuerda, la intención es lo que cuenta ;-) Saludos -- Ramón demasiado viejo para ser una joven promesa, demasiado joven para ser una vieja gloria, pero aún así trabajando duro para Simplelógica: apariencia, experiencia y comunicación en la web http://simplelogica.net # (+34) 98 522 12 65 http://simplelogica.net/caoticoneutral/ ___ 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
RE: [Ovillo] Problema con la fluidez del texto
Prueba con esto:
.galeria {
border: 1px solid #CC;
padding: 10px;
}
.galeria dt.imggaleria {
float: left;
margin: 0;
width: 60px;
height: 60px;
}
.galeria dd {
margin: 0px 0px 0px 70px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
}
p.clear {
clear: both;
margin: 0;
padding: 0;
}
Y en el HTML:
dl class=galeria
dt class=imggaleriaimg
src=http://www.algarinejo.com/problema_modulo/imagen.gif;
alt=Fotografiacute;a //dt
ddTrans rivum Tiberim Etruria est; Etrusci habitabant hic ante
occupationem romanam; sua oppida antiqua sunt et urbs magna Vei
fuit./dd
p class=clear/p
/dl
Al usar dl y dt tambien mejora algo la semantica, si no me equivoco.
Lo he probado en FIREFOX y IE.
Un saludo y suerte (este año he conocido Algarinejo, su Arremate
solidario y fue genial).
Oscar
[EMAIL PROTECTED]
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de jm unica
Enviado el: martes, 05 de julio de 2005 17:38
Para: Ovillo@lists.ovillo.org
Asunto: [Ovillo] Problema con la fluidez del texto
Hola...
Tengo un problemilla con la fluidez del texto dentro de una
composición. Como lo mío no son las palabras os he preparado una
imagen explicativa de mi problema y su correspondiente html.
http://www.algarinejo.com/problema_modulo/index.html
Se trata de un módulo contenedor con dos div, uno para fotografía y
otro para texto. La foto puede ir o no, con lo que el texto tiene que
ajustarse al 100%. Esta parte está resuelta, pero el problema surge
cuando la cantidad de texto es mayor a la altura de la imagen, que
fluye por debajo de la fotografía y yo quiero que mantenga el tamaño
de ancho inicial, como si de una columna se tratase.
Tendría que ser una solución válida para Mozilla y Explorer de Mac y
Pc, además de Safari (Mac).
Alguna sugerencia???
Gracias
___
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
___
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
Re: [Ovillo] Problema con la fluidez del texto
-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1
jm unica wrote:
Se trata de un módulo contenedor con dos div, uno para fotografía y
otro para texto. La foto puede ir o no, con lo que el texto tiene que
ajustarse al 100%. Esta parte está resuelta, pero el problema surge
cuando la cantidad de texto es mayor a la altura de la imagen, que
fluye por debajo de la fotografía y yo quiero que mantenga el tamaño
de ancho inicial, como si de una columna se tratase.
Sin desmerecer las respuestas que te dan por aquí, cuando me he topado
con este problem he optado por tener dos clases. Una para cuando existe
la imagen, y otra para cuando no existe.
Cuando existe la imagen, la clase toma su valor ON y cuando no, su valor
OFF. Sería algo así como:
Con imagen
#cajaON {}
Sin imagen
#cajaOFF {}
Y vía php, o el lenguaje que sea, dar valor a #cajaON/OFF en función de
la necesidad del momento.
Es un método más indirecto, pero funciona.
Saludos!
- --
/* Daniel Torres Burriel - www.torresburriel.com
/* Web design - Usability consulting - IT Press
/* More info bio: www.torresburriel.com/perfil/
/* GPG key: 0x43DB2AB7
-BEGIN PGP SIGNATURE-
Version: GnuPG v1.4.1 (MingW32)
Comment: Using GnuPG with Thunderbird - http://enigmail.mozdev.org
iD8DBQFCysV9LelthkPbKrcRAjVTAKDM32+5s9FOJuEUqgTcNzwg2wYxGACgy65W
Y7rbykre/M4YhafHzTs8SOw=
=49wE
-END PGP SIGNATURE-
___
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
RE: [Ovillo] Problema con la fluidez del texto
Daniel tiene razón se necesitan dos clases, una cuando hay fotografía y
otra cuando no hay fotografía.
La diferencia entre cada clase es el margen, que desaparece cuando no
hay fotografía:
.galeria {
border: 1px solid #CC;
padding: 10px;
}
.galeria dt {
float: left;
margin: 0;
width: 60px;
height: 60px;
}
.galeria dd {
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
}
.galeria dd.confoto {
margin: 0px 0px 0px 70px;
}
p.clear {
clear: both;
margin: 0;
padding: 0;
}
Y el HTML
dl class=galeria
dtimg
src=http://www.algarinejo.com/problema_modulo/imagen.gif;
alt=Fotografiacute;a //dt
dd class=confotoTrans rivum Tiberim Etruria est; Etrusci
habitabant hic ante occupationem romanam; sua oppida antiqua sunt et
urbs magna Vei fuit./dd
p class=clear/p
/dl
dl class=galeria
ddTrans rivum Tiberim Etruria est; Etrusci habitabant hic ante
occupationem romanam; sua oppida antiqua sunt et urbs magna Vei
fuit./dd
/dl
De nuevo un saludo.
Oscar
[EMAIL PROTECTED]
-Mensaje original-
De: [EMAIL PROTECTED]
[mailto:[EMAIL PROTECTED] En nombre de Daniel Torres
Burriel
Enviado el: martes, 05 de julio de 2005 19:38
Para: Ovillo, la lista de CSS en castellano
Asunto: Re: [Ovillo] Problema con la fluidez del texto
-BEGIN PGP SIGNED MESSAGE-
Hash: SHA1
jm unica wrote:
Se trata de un módulo contenedor con dos div, uno para fotografía y
otro para texto. La foto puede ir o no, con lo que el texto tiene que
ajustarse al 100%. Esta parte está resuelta, pero el problema surge
cuando la cantidad de texto es mayor a la altura de la imagen, que
fluye por debajo de la fotografía y yo quiero que mantenga el tamaño
de ancho inicial, como si de una columna se tratase.
Sin desmerecer las respuestas que te dan por aquí, cuando me he topado
con este problem he optado por tener dos clases. Una para cuando existe
la imagen, y otra para cuando no existe.
Cuando existe la imagen, la clase toma su valor ON y cuando no, su valor
OFF. Sería algo así como:
Con imagen
#cajaON {}
Sin imagen
#cajaOFF {}
Y vía php, o el lenguaje que sea, dar valor a #cajaON/OFF en función de
la necesidad del momento.
Es un método más indirecto, pero funciona.
Saludos!
- --
/* Daniel Torres Burriel - www.torresburriel.com
/* Web design - Usability consulting - IT Press
/* More info bio: www.torresburriel.com/perfil/
/* GPG key: 0x43DB2AB7
-BEGIN PGP SIGNATURE-
Version: GnuPG v1.4.1 (MingW32)
Comment: Using GnuPG with Thunderbird - http://enigmail.mozdev.org
iD8DBQFCysV9LelthkPbKrcRAjVTAKDM32+5s9FOJuEUqgTcNzwg2wYxGACgy65W
Y7rbykre/M4YhafHzTs8SOw=
=49wE
-END PGP SIGNATURE-
___
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
___
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
