Ayuda partir palabras [Espacios entre letras de palabra]

Estimados compañeros:

Estoy buscando la forma de justificar palabras, no párrafos. Quisiera saber cómo se justifican las letras de una palabra aumentando los espacios entre letras para que por ejemplo un menú quede totalmente justificado, no me refiero a los párrafos. He visto páginas como http://www.philippe-starck.com/ pero no se si se puede hacer en Frontpage y sólamente es un recurso de Flash.

Muchas gracias.
Hola Tino.

La web que nos comentas está hecha con Flash, por lo que no puedo decirte como lo ha coseguido. De todos modos en Flash es algo fácil pues no se trata de escribir la palabra y que salga justificada, sino que la palabra se "dibuja" y un dibujo lo puedes poner como te de la gana. Es cuestión de dibujar las letras donde desees para que al final el aspecto parezca justificado, pero dudo que se trate de una herramienta para justificar las palabras. Se hará a ojo, hasta que quede bien.

En HTML la cosa es distinta, pues hemos de escribir la palabra y para que quede justificada solo tenemos unas pocas opciones.

Una es dejar espacios en blanco entre las letras, tantos espacios como hueco sea necesario para que quede justificada, pero no es fácil hacerlo que quede bien pues normalmente el espacio del que disponemos no cuadrará para dejar el mismo número de espacios en blanco entre cada dos letras.

Con estilos CSS hay dos comandos para dejar un espaciado entre las letras de una palabra y quizás te sirvan de algo. El problema es que tendrás que definir un estilo para cada palabra por el problema que te he comentado atrás. No todas las palabras necesitan el mismo hueco entre letras, de modo que tendrás que definir un estilo por palabra, cada uno con un espaciado distinto.

Estos "comandos" son 'word-spacing' 'letter-spacing'. Podrías hacer algo así:


En la hoja de estilos o definiendo estilos en la misma página web poner esto:
<STYLE>
espaciado-uno {letter-spacing:1px}
espaciado-dos {letter-spacing:2px}
espaciado-tres {letter-spacing:3px}
....etc....
</STYLE>

y en la página html esto:

....
....
<p class="espaciado-uno">titulo uno</p>
<p class="espaciado-uno">titulo tres</p>
<p class="espaciado-uno">titulo uno</p>
<p class="espaciado-uno">titulo dos</p>
<p class="espaciado-uno">titulo uno</p>
....

Dinos si te sirve de algo. Quizás se nos ocurra algo más.

Un abrazo Tino!
Al leer lo de los dibujos se me ha ocurrido algo.

En HTML también podemos incluir imágenes, por lo que quizá puedes hacer una imagen con cada opción y luego alargarla o estrecharla para que todas tengan el mismo ancho.

También puedes probar esto!!!