Gracias por la respuesta. He probado tu solución (aunque a mi tampoco me
gusta tanto posicionamiento absoluto) y tu comentario me ha desvelado algo
que no conocía: un posicionamiento absoluto dentro de un elemento con
posicionamiento relativa da lugar a coordenadas relativas al contenedor
padre. Lo que pasa es que lo he probado y no me funciona: tal como propones,
se me posicionan respecto el body.
Este ul esta dentro de otra capa que esta dentro de otra capa y tal y qual.
Alguna idea pq la propuesta de Lucas no me funciona?
Gracias
----html-----
<ul id="dadesContacte">
<li id="tel"><img src="imatges/icones/telf.gif" />Telefon</li>
<li id="mail"><img src="imatges/icones/arroba.gif" />Correu electrònic</li>
</ul>
-----CSS-----
ul#dadesContacte {
postion:relative;
}
ul#dadesContacte li#tel {
position:absolute;
top:0px;
left:0;
}
ul#dadesContacte li#mail {
position:absolute;
top:0;
left:200px;
}
-----Missatge original-----
De: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED]
En nom de Lucas Mourelle
Enviat: dimarts, 4 / juliol / 2006 03:55
Per a: Ovillo, la lista de CSS en castellano
Tema: Re: [Ovillo] que etiquetas usar para maquetar unos datos a 2columnas?
Joan:
Espero que andes bien.
A mí no me gusta para abusar del posicionamiento absoluto, pero me parece
que en este caso, si estás teniendo problemas para encontrarle la vuelta, lo
que podés hacer es posicionar cada uno de los objetos de forma absoluta.
Pensado muuuuy a la ligera, podrías hacer algo por el estilo... suponete que
decidís utilizar una <ul>
<ul id="datos_contacto">
<li id="tel">LALA</li>
<li id="fax">LALA</li>
<li id="correu">LALA</li>
<li id="web">LALA</li>
<li id="adreca">LALA</li>
</ul>
Y en los estilos:
#datos_contacto {
position: relative;
}
#tel {
position: absolute;
top: 0;
left: 0;
list-style: none;
}
#fax {
position: absolute;
top: 50px;
left: 0;
list-style: none;
}
#correu {
position: absolute;
top: 150px;
left: 0;
list-style: none;
}
#web {
position: absolute;
top: 0;
left: 100px;
list-style: none;
}
#adreca {
position: absolute;
top: 50px;
left: 100px;
list-style: none;
}
Es un abuso de posicionamiento absoluto, y definitivamente un abuso de IDs.
Habría que pensar si hay otra manera mejor, pero se me ocurre que esta
debiera funcionar sin problemas.
El contenedor (que en este caso es el <ul> #datos_contacto), debe tener
posicionamiento relativo, para que sus "descendientes" tomen las coordenadas
absolutas a partir de sus bordes, y no del <body>.
espero que te sirva!
saludos,
Lucas
--
===============================
LucasMourelle - desarrollos rgb
===============================
6343-1705 // 15-5052-1468
[EMAIL PROTECTED]
===============================
Joan wrote:
> Hola buenas,
>
> desde hace un tiempo (sobretodo desde que sigo esta lista!!) intento crear
> mis páginas web lo más semánticamente correctas. Muchas veces me encuentro
> con problemas para escoger qué etiquetas se ajustan mejor al contenido. Lo
> que he de maquetar está en un pdf (enviado por el diseñador) en esta web
> (que es la que renovamos): http://www.flsida.org/pdf/contactos.pdf (no se
> si es correcto en la lista apuntar a un pdf para enseñar un ejemplo.
> Disculpen si no es así). Por si preferís no ver el pdf os explico:
>
> tengo 5 datos de contacto: telef, fax, web, mail i direccion. Cada uno
tiene
> un pequeño icono (del tamaño de la linia del texto), a su derecha el texto
> "telefono" (o el que sea) y debajo de este el número de telefono (o el
mail
> o lo que toque). El diseñador quiere cada grupo ( o sea, el grupo telefono
> con el icono, el texto "telefono" i el número) a dos columnas, y debajo
> quedaría direccion ( en el pdf esta al reves pero creo q quedaría mejor (o
> sería más facil) poner la direccion al final, ya q la cantidad de texto es
> largo).
>
> Mi pregunta: podría usar tablas pero no son del todo datos propios de una
> tabla. Si uso listas, no se como hacer dos columnas... una opcion es meter
> cada li dentro de un div i segun va a la izq o derecha flotarlo. Tampoco
se
> si no tendrian que ser listas de definicion (q nunca he entendido para que
> sirven), ya que tengo un texto importante i debajo la definicion...
>
> No se... quizá me estoy liando demasiado??
>
> Gracias y perdonad q el pdf esta en catalan... pero creo q se entiende de
> todas formas la idea.
>
> Joan
>
>
> pd. Por cierto!! no mireis el codigo de la web flsida.org q da pena... lo
> sé... todo con tablas y un código terrible... en ese momento sabia lo que
> sabia!
> _______________________________________________
> 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
