mmm... no sé si estará bien... pero cuando he tenido que hacer esto
lo que hago es ubicar el título de la página en el h1, sacarlo del
sitio (hacia arriba) con un margen negativo, y luego utilizo una
imagen. Vaya, no sé si estará muy mal, pero a mí me ha funcionado
perfectamente.
Saludos
Eddie
El 14/09/09, I'm Jepser <m...@jepserbernardino.com> escribió:
> Esa es la idea, imagina que debes cambiar el logo por X o Y razón... Que
> hay? Tienes que cambiar el html, la idea (como todos sabes) del CSS es
> modificar todo desde allí, sin tener que tocar el markup.
> Entonces, a mi criterio debes utilizar la A, por que imagina que no tienes
> soporte a imágenes... tendrá soporte a CSS???? entonces sino carga la imagen
> tampoco cargará la hoja de estilos, y por tanto se mostrará el texto; la
> segunda mejor opción es la C :P la que hay dicho Jorge Rumoroso, pues si no
> carga la imagen verás el titulo. Simplemente verifica la locación de tu
> imagen y estas hecho.
>
> De otro modo, no le encuentro sentido a tener una imagen dentro de h1, sin
> no hay nada de texto...
>
> El 14 de septiembre de 2009 12:04, Ignacio Ricci
> <ignacio.ri...@gmail.com>escribió:
>
>> Prefiero el A, porque da más flexibilidad a la hora de cambiar el diseño
>> del
>> sitio, sin tocar el código HTML.
>>
>> 2009/9/14 Andrés gutiérrez <andresgut...@gmail.com>
>>
>> > Pues yo he sido el que he dicho que "clarísimamente la A". Y debo de
>> > confesar que me arrepiento, despues de haber leido todas vuestras
>> opiniones
>> > creo que si, que depende de la situación y del medio (navegadores,
>> moviles,
>> > emails,...) al que vaya destinado. En definitiva...he sido demasiado
>> > rotundo
>> > en mi respuesta anterior.
>> >
>> > Un saludo,
>> >
>> > El 14 de septiembre de 2009 19:55, Ignacio Ricci
>> > <ignacio.ri...@gmail.com>escribió:
>> >
>> > > La A, y aparte sería <h1><a href="/">El logo</a></h1> para poder
>> > > volver
>> > al
>> > > home.
>> > >
>> > > 2009/9/14 Dani F. Serch <daniou...@gmail.com>
>> > >
>> > > > Muchas gracias a todos por las recomendaciones.
>> > > >
>> > > > Creo que, para este caso, usaré la opción B. Pensaba que este sería
>> un
>> > > > tema con más consenso, ya que prácticamente en todas las webs surge
>> esa
>> > > > situación.
>> > > >
>> > > > Un saludo!
>> > > >
>> > > > Jorge Rumoroso escribió:
>> > > > >> Y sin embargo si alguien carga la página con CSS pero sin
>> > > > >> imágenes
>> > con
>> > > > >> la A no verá nada... ¿no?
>> > > > >>
>> > > > > Depende de la técnica empleada. Existen muchas técnicas, el
>> problema
>> > es
>> > > > > que muchas de ellas ocultan el texto para la situación que
>> > > > > comentas
>> > > > > (carga de CSS y ausencia de imágenes). No obstante, esto se puede
>> > > > > solventar con alguna de ellas. Por ejemplo:
>> > > > >
>> > > > > <h1>Texto del encabezado<span></span></h1>
>> > > > >
>> > > > > h1 {position:relative;}
>> > > > > span {
>> > > > > position: absolute;
>> > > > > top: 0;
>> > > > > left: 0;
>> > > > > width: 100%;
>> > > > > height: 100%;
>> > > > > background: url(imagen.png) 0 0 no-repeat;
>> > > > > z-index: 100;
>> > > > > }
>> > > > >
>> > > > > De esta manera, el span oculta el texto porque se pone encima y al
>> > > tener
>> > > > > una imagen de fondo, el remplazo está hecho. Al no cargar
>> > > > > imágenes,
>> > se
>> > > > > mostraría el texto que hay debajo. El inconveniente es que puede
>> > > > > no
>> > > > > servir en el caso de que se utilice una imagen con transparencias.
>> > > > >
>> > > > > Bueno, la cuestión es que el problema se puede solventar. En
>> > cualquier
>> > > > > caso, insisto en que depende de la situación el que se pueda
>> > recomendar
>> > > > > hacer un remplazo de imagen o utilizar imágenes en código.
>> > > Personalmente
>> > > > > suelo preferir y recomendar esta última opción.
>> > > > >
>> > > > > Un saludo
>> > > > >
>> > > > > Jorge Rumoroso (niquelando la web)
>> > > > > Workshop sobre WCAG 2.0 el 21 de octubre
>> > > > > http://tawdis.net/servicios/formacion/index.html?lang=es#workshop
>> > > > >
>> > > > >
>> > > > >
>> > > > >> (se que esto es una opción un poco descabellada).
>> > > > >>
>> > > > >> lo dicho nunca lo he tenido claro por eso digo tanto "¿no?"
>> > > > >>
>> > > > >> saludos
>> > > > >>
>> > > > >>> El 14 de septiembre de 2009 18:48, Dani F. Serch
>> > > > >>> <daniou...@gmail.com>escribió:
>> > > > >>>
>> > > > >>>
>> > > > >>>> Hola, buenas.... una duda:
>> > > > >>>>
>> > > > >>>> Que es preferible al colocar una imagen con el título de la
>> > > > >>>> web?
>> > > > >>>>
>> > > > >>>> Opción A:
>> > > > >>>> <h1 id="logo">Heraldo de Aragón</h1>
>> > > > >>>> y sustituir mediante CSS el texto por una imagen.
>> > > > >>>>
>> > > > >>>> Opción B:
>> > > > >>>> <h1 id="logo"><img src="..." alt="Heraldo de Aragón"/></h1>
>> > > > >>>>
>> > > > >>>> O ninguna de estas opciones??
>> > > > >>>>
>> > > > >>>>
>> > > > >>>> un saludo.
>> > > > >>>> _______________________________________________
>> > > > >>>> 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://lists.ovillo.org/mailman/listinfo/ovillo
>> > > > >>>>
>> > > > >>>>
>> > > > >>>
>> > > > >>> --
>> > > > >>> Experiencia es lo que obtienes, cuando no obtienes lo que
>> quieres.
>> > > > >>>
>> > > >
>> > >
>> >
>> -----------------------------------------------------------------------------
>> > > > >>> "Caminar sobre el agua y desarrollar software a partir de unas
>> > > > >>> especificaciones es fácil. si ambas están congeladas."
>> > > > >>> Edward V. Berard, ingeniero informático.
>> > > > >>> _______________________________________________
>> > > > >>> 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://lists.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://lists.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://lists.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://lists.ovillo.org/mailman/listinfo/ovillo
>> > > >
>> > >
>> > >
>> > >
>> > > --
>> > > ↓ Ignacio Ricci
>> > > www.ignacioricci.com
>> > > _______________________________________________
>> > > 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://lists.ovillo.org/mailman/listinfo/ovillo
>> > >
>> >
>> >
>> >
>> > --
>> > Experiencia es lo que obtienes, cuando no obtienes lo que quieres.
>> >
>> >
>> -----------------------------------------------------------------------------
>> > "Caminar sobre el agua y desarrollar software a partir de unas
>> > especificaciones es fácil. si ambas están congeladas."
>> > Edward V. Berard, ingeniero informático.
>> > _______________________________________________
>> > 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://lists.ovillo.org/mailman/listinfo/ovillo
>> >
>>
>>
>>
>> --
>> ↓ Ignacio Ricci
>> www.ignacioricci.com
>> _______________________________________________
>> 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://lists.ovillo.org/mailman/listinfo/ovillo
>>
>
>
>
> --
> Jepser Bernardino
> www.npixels.net
> twitter jepser
> tel. 52730528
> _______________________________________________
> 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://lists.ovillo.org/mailman/listinfo/ovillo
--
Eddie
_______________________________________________
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://lists.ovillo.org/mailman/listinfo/ovillo
