disponer elementos a la derecha (float)

[haron]

hola a todos.

sigo lidiando con el css y me ha salido una nueva dificultad. evito a toda costa usar las tablas con un proposito estetico, pero la verdad, es que me esta resultando dificil.

problema:

tengo cuatro links en un mismo parrafo:

Código:

<p style="border: 1px solid black; ">
    <a href="#">item1</a>
    <a href="#">item2</a>
    <a href="#">item3</a>
    <a style="float: right; " href="#">item4</a>
</p>

en el ejemplo anterior he puesto el parrafo con borde para que podais comprobar com el elemento "item4" no se ajusta a la derecha del parrafo, sino que se sale!

como puedo disponer el elemento a la derecha y alineado a los otros tres horizontalmente?

alguno conoce algun recurso en internet donde vengan ejemplos de este tipo? debe ser algo habitual...

[CORE]

<p style="border: 1px solid black; ">
<a style="float: right; " href="#">item4</a><a href="#">item1</a><a href="#">item2</a><a href="#">item3</a>
</p>

a{display:block; float:right;}

chakelo si furula

saludos

[haron]

cagonlaleche! funciona.

de todas formas he notado que muchas veces el paso de tablas a css no es tan directo ni sencillo.

quizas deberian cambiar la especificacion CSS para hacerla mas completa en ese sentido.

[GoRaK]

Iniciado por haron

de todas formas he notado que muchas veces el paso de tablas a css no es tan directo ni sencillo.

quizas deberian cambiar la especificacion CSS para hacerla mas completa en ese sentido.

El tema esta en que nunca se "debío" usar tablas para maquetar. :D

Salu2!

[haron]

supongo que tienes razon. tendre que cambiar el "chip" y empezar a pensar de otra forma, pero como siempre, los comienzos son dificiles.

[julruiz]

Existe un excelente tutorial en la siguiente página

http://www.desarrolloweb.com/manuales/63/

En este tuturial se explica lo básico de maquetación en css por medio de un ejercicio práctico...

Hazlo y veras el gran avance que das...