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 [email protected]
> 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 [email protected]
Puedes modificar tus datos o desuscribirte en la siguiente dirección:
http://ovillo.org/mailman/listinfo/ovillo
