[Ovillo] Intercambiar visualmente el orden de dos párrafos

Miguel Gonzalez miguel en iusc.es
Mie Mar 18 08:15:26 UTC 2009


¡Hola Ramón!

He estado siguiendo el hilo e, incluso, haciendo algunas pruebas. De
todas las soluciones aportadas ninguna me parece concluyente (o falla
que funcione en casi todos los navegadores; o hay que utilizar algo más
que CSS --léase javascript--; o hay que romper la coherencia estructural
y semántica; o hay que cargarse la accesibilidad...).

Quisiera proponer lo siguiente como posible solución:

<blockquote cite="#titulonoticia">Aquí va el antetítulo de la noticia,
más o menos largo</blockquote>
<h1 id="titulonoticia">Titular de la noticia que también será más o
menos largo</h1>

...partiendo de la base que el antetítulo es una cita / "abstract" de la
noticia.

¡Saludos!

Miguel González



Ramón Corominas escribió:
> Hola, Ovillo.
>
> Me plantea un cliente un "desafío" semántico-cesesiano que a mí me 
> parece irresoluble, pero quién sabe si alguna sabia mente ovillera me 
> pueda iluminar...
>
> La idea de partida es bastante simple:
>
> <h1>Título principal de noticia</h1>
> <p>Antetítulo (nota aclaratoria) de la noticia</p>
>
> Los editores les dicen que el antetítulo, por ser "ante", tiene que 
> verse *encima* del título de la noticia. Entiendo que alterar el orden 
> de los párrafos en el código sería cambiar de alguna manera la 
> estructura de contenidos (el párrafo realmente "pertenece" a la noticia, 
> aunque se vea delante del título). Sin entrar a valorar que ese cambio 
> en el orden visual no alteraría el orden de lectura para un lector de 
> pantalla, lo que se pretende es que (visualmente) aparezca esto:
>
> Antetítulo de la noticia
> TITULO PRINCIPAL DE LA NOTICIA
>
> ¿Se le ocurre a alguien una solución crossbrowser para lograr esto?
>
> Nota 1: no se conocen de antemano las longitudes ni del título ni del 
> antetítulo.
> Nota 2: no es factible reservar espacio para el antetítulo dando 
> margin-top al h1, ya que no se sabe de antemano la longitud del 
> antetítulo, además de que no puede solapar al aumentar el tamaño de letra.
>
> Saludos y gracias de antemano,
> Ramón.
>   


Más información sobre la lista de distribución Ovillo