Re: [Ovillo] Semantica h1
Das la caña, das el cebo ... te faltó dar el pescado ;-) http://es.groups.yahoo.com/group/accesoweb/msearch?query=Encabezados%2C+logotipos+e+im%E1genes&submit=Buscar&charset=ISO-8859-1 2008/10/3 Ignacio Gros <[EMAIL PROTECTED]> > Hola: hace unos meses se comentó el tema en AccesoWeb > (http://es.groups.yahoo.com/group/accesoweb/) > El hilo se titulaba "Encabezados, logotipos e imágenes". > Saludos, > Ignacio Gros > > ___ > 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 > -- _ Fernando Gutiérrez ___ 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
Re: [Ovillo] Semantica h1
Hola: hace unos meses se comentó el tema en AccesoWeb (http://es.groups.yahoo.com/group/accesoweb/) El hilo se titulaba "Encabezados, logotipos e imágenes". Saludos, Ignacio Gros ___ 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
Re: [Ovillo] Semantica h1
Sí, bueno, como ha dicho Tei eso ya se había comentado, pero de paso recordar que la técnica de off-left NO es del todo accesible, ya que en el caso "estilos on/imágenes off" tampoco se vería nada, tal y como se comentaba en un artículo que envió otro listero (muy interesante, por cierto). Yo me sigo quedando con la técnica de "mete el texto debajo del felpudo (imagen)" Saludín, Ramón. Carlos García-Olalla escribió: > una técnica de ocultación que se accesible, por ejemplo la > tecnica de offlet. ___ 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
Re: [Ovillo] Semantica h1
Si, bueno, eso ya se ha explicado antes. 2008/10/1 Carlos García-Olalla <[EMAIL PROTECTED]>: ,... >> >> > >> >> > ___ >> >> > 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 >> >> > >> >> >> >> >> >> >> >> -- >> >> Ardilla Roja >> >> La Trinchera // ardillaroja.com.mx >> >> ___ >> >> 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 > ___ 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
Re: [Ovillo] Semantica h1
La opción de ocultar un texto empleando CSS es buena siempre y cuando no
impida a algún usuario acceder a esta información, es decir, siempre y
cuando utilice una técnica de ocultación que se accesible, por ejemplo la
tecnica de offlet. Nunca se debería usar un *display:none* porque, aunque
sea la opción más sencilla y rápida, cualquier usuario que acceda empleando
un lector de pantalla podría no acceder a estos contenidos y perder
información importante, ya que es un H1.
El 26 de septiembre de 2008 18:00, Tei <[EMAIL PROTECTED]> escribió:
> Este es un tema en el que no puedo opinar demasiado, porque gasto muy
> pocas neuronas a estos asuntos.
>
> Por eso me vais a perdonar si digo una gilipollez.
>
> ¿Que pasaria si usaramos este hml?
>
> ACME. Industries
>
>
> la idea seria que por CSS eliminaramos el texto (igual con el
> text-indente que comentar Carlos), y pusieramos en su lugar el grafico
> del logo
>
>
>
> 2008/9/26 Carlos Marrero <[EMAIL PROTECTED]>:
> > Un enfoque ante este problema:
> >
> > Utilizas un div para agrupar (reservas el h1):
> >
> >
> >
> > border="0"
> > />
> >
> >
> >
> > ubicas los estilos en su hoja correspondiente:
> >
> >
> >
> > #cabecera img {
> > width:550;
> > height:102;
> > border:0;
> > }
> >
> > y reservas el h1 para algo más importantey más específico, un logo
> por
> > ejemplo:
> >
> >
> > Nombre de mi empresa
> > > border="0" />
> >
> >
> > A través de la hoja de estilo "intercambias el texto "nombre de mi
> empresa"
> > y agregas la imagen:
> >
> > h1#logo { /* ¿ Os parece un buen método ? */
> > position: absolute;
> > width: ancho en px;
> > text-indent: -1000px;
> > background: url(logo.png) no-repeat top left;
> > }
> >
> > saludos,
> > carlos
> >
> > El 25 de septiembre de 2008 18:29, Ardilla Roja <[EMAIL PROTECTED]
> >escribió:
> >
> >> Pues como que es mas bonito Mi
> >> Empresa jejeje ... y ya las imagenes de fondo en el a ... no
> >> ?...
> >>
> >> 2008/9/25 Rodrigo Álvarez Virgós <[EMAIL PROTECTED]>:
> >> > Hola, Victoria y Joseba
> >> >
> >> > Victoria Gracia escribió:
> >> >> Sí si además pones texto :)
> >> >>
> >> >> La restricción sobre el uso de los h1 es para que se respete su
> >> >> importancia (de ahí que sean el primer elemento, que los siguientes
> sean
> >> >> de órdenes menores, etc...)
> >> >>
> >> >> Si lo único que pones es la imagen entonces no tiene mucho sentido
> >> >> estructural lo que estás haciendo, lo que sí tiene sentido es colocar
> en
> >> >> h1 el título del sitio para aquellos que tengan desactivadas las
> >> >> imágenes (que los hay, hay navegadores sólo texto y hay lectores de
> >> >> pantalla), y la imagen la reserves para los navegadores visuales y
> con
> >> >> las imágenes activadas... esto puedes lograrlo poniendo la imagen en
> el
> >> CSS.
> >> >>
> >> >> Un saludo
> >> >>
> >> >> Victoria
> >> >>
> >> >> Joseba escribió:
> >> >>
> >> >>> Hola!
> >> >>>
> >> >>>
> >> >>>
> >> >>> Es correcto una imagen con un link en un h1?
> >> >>>
> >> >>>
> >> >>>
> >> >>> alt="cabecera"
> >> >>> width="550" height="102" border="0" />
> >> >>>
> >> >>>
> >> >
> >> > Antes de nada, Joseba, lo que es incorrecto es poner border="0" como
> >> > atributo de la imagen. Eso debería ir en el css...
> >> >
> >> > Si la imagen tiene un alt correcto, para alguien que tiene
> desactivadas
> >> > las imágenes (los bots, mismamente) es lo mismo
> >> >
> >> > que
> >> > Mi empresa
> >> > Por tanto lo que plantea Joseba es totalmente válido, o algo se me
> >> > escapa... :-S
> >> >
> >> >
> >> > ___
> >> > 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
> >> >
> >>
> >>
> >>
> >> --
> >> Ardilla Roja
> >> La Trinchera // ardillaroja.com.mx
> >> ___
> >> 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 desus
Re: [Ovillo] Semantica h1
Hola!
Uf, este hilo me recuerda a un artículo de David Shea de hace un puñao
de años, Revised Image Replacement:
http://www.mezzoblue.com/tests/revised-image-replacement/
Al principio tiene un link a un artículo de este año, sobre lo que
Google interpreta con los métodos expuestos:
http://mezzoblue.com/archives/2008/05/05/image_replac/
Un saludo!
Gael
sebastian garcia-valenciano escribió:
> de las varias soluciones que habeis aportado:
>
> 1. El uso de javascript: lo veo muy instrusivo en el código, y más
> pudiéndose usar otra alternativa
> 2. Poner el logo de fondo al H1 me parece correcto, pero "esconder" el texto
> con text-indent: -1000px; es dañino porque si accedemos con la opción "no
> mostrar imágenes" lo perdemos todo.
> 3. propongo una alterntiva similar a la anterior mejor más correcta: (la
> usada en panoramio.com)
>
> Crear un , y dentro de éste un . A este se se coloca la
> imagen de fondo. Al y al se le da el mismo tamaño, y usando
> z-index colocamos visualmente el span por delante del . Al ver la web
> sin imágenes, veremos el texto del H1 en su sitio.
> En cuando a accesible lo veo mu correcto, semánticamente no veo incorrecto
> meter un sin contenido dentro de un H1.
>
> el código (extraído de panoramio.com )
>
> Panoramio
>
>
>
> h1 span.img
> {
> display: block;
> position: absolute;
> left: 0pt;
> top: 0pt;
> z-index: 1;
> }
>
> h1#panoramio, h1#panoramio span.img
> {
> width: 307px;
> height: 72px;
> }
>
> h1#panoramio span.img
> {
> background-image: url(/img/logo-panoramio-google.v1.gif);
> }
>
>
> saludos
> sebas
___
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
Re: [Ovillo] Semantica h1
de las varias soluciones que habeis aportado:
1. El uso de javascript: lo veo muy instrusivo en el código, y más
pudiéndose usar otra alternativa
2. Poner el logo de fondo al H1 me parece correcto, pero "esconder" el texto
con text-indent: -1000px; es dañino porque si accedemos con la opción "no
mostrar imágenes" lo perdemos todo.
3. propongo una alterntiva similar a la anterior mejor más correcta: (la
usada en panoramio.com)
Crear un , y dentro de éste un . A este se se coloca la
imagen de fondo. Al y al se le da el mismo tamaño, y usando
z-index colocamos visualmente el span por delante del . Al ver la web
sin imágenes, veremos el texto del H1 en su sitio.
En cuando a accesible lo veo mu correcto, semánticamente no veo incorrecto
meter un sin contenido dentro de un H1.
el código (extraído de panoramio.com )
Panoramio
h1 span.img
{
display: block;
position: absolute;
left: 0pt;
top: 0pt;
z-index: 1;
}
h1#panoramio, h1#panoramio span.img
{
width: 307px;
height: 72px;
}
h1#panoramio span.img
{
background-image: url(/img/logo-panoramio-google.v1.gif);
}
saludos
sebas
--
___
Sebas[tián] García-Valenciano Secaduras
[EMAIL PROTECTED]
www.garcia-valenciano.net
msn: [EMAIL PROTECTED]
skype: sebas.valenciano
Perfiles en: xing.com, tuenti.com, linkedin.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
Re: [Ovillo] Semantica h1
Para mí todo esto es buscarle tres pies al gato.
Lo más semántico y sencillo es hacer
y así los usuarios sin css verán la imagen, los usuarios sin imágenes verán
el texto «nombre empresa» y todos contentos porque además nos ahorramos unos
bytes al no tener que poner css añadido.
El 26 de septiembre de 2008 23:36, Ramón Corominas <
[EMAIL PROTECTED]> escribió:
> Hola, Tei y todos.
>
> El único problema de esa técnica es que si los usuarios tienen las
> imágenes deshabilitadas, no verán nada, ni la imagen ni el h1, porque
> está fuera de la pantalla. Una posibilidad (que no deja de ser "esconder
> el polvo debajo del felpudo") es ponerle un estilo al texto del h1 que
> lo haga más pequeño que el logo al que sustituyes (rezando para que el
> logo sea suficientemente grande), y colocar el h1 debajo de la imagen
> del logo, que estaría colocada mediante CSS.
>
> Algo así (a falta de testeo):
>
> Nombre de la Empresa
>
>
> h1#title {
> font-size: 0.75em;
> position: absolute;
> z-index: -1;
> }
> #logo {
> background-image: url('logo.jpg');
> display: block;
> width: 6em;
> height: 2em;
> z-index: 1;
> }
>
> Saludos,
> Ramón.
>
> ___
> 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
>
--
We don't need no education - Pink Floyd
___
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
Re: [Ovillo] Semantica h1
Hola, Tei y todos.
El único problema de esa técnica es que si los usuarios tienen las
imágenes deshabilitadas, no verán nada, ni la imagen ni el h1, porque
está fuera de la pantalla. Una posibilidad (que no deja de ser "esconder
el polvo debajo del felpudo") es ponerle un estilo al texto del h1 que
lo haga más pequeño que el logo al que sustituyes (rezando para que el
logo sea suficientemente grande), y colocar el h1 debajo de la imagen
del logo, que estaría colocada mediante CSS.
Algo así (a falta de testeo):
Nombre de la Empresa
h1#title {
font-size: 0.75em;
position: absolute;
z-index: -1;
}
#logo {
background-image: url('logo.jpg');
display: block;
width: 6em;
height: 2em;
z-index: 1;
}
Saludos,
Ramón.
___
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
Re: [Ovillo] Semantica h1
Creo que eso fue lo que dije yo... solo que la mayoria de las veces
ese h1 hace de liga al home, pues "casi' siempre se usa asi...
2008/9/26 Tei <[EMAIL PROTECTED]>:
> Este es un tema en el que no puedo opinar demasiado, porque gasto muy
> pocas neuronas a estos asuntos.
>
> Por eso me vais a perdonar si digo una gilipollez.
>
> ¿Que pasaria si usaramos este hml?
>
> ACME. Industries
>
>
> la idea seria que por CSS eliminaramos el texto (igual con el
> text-indente que comentar Carlos), y pusieramos en su lugar el grafico
> del logo
>
>
>
> 2008/9/26 Carlos Marrero <[EMAIL PROTECTED]>:
>> Un enfoque ante este problema:
>>
>> Utilizas un div para agrupar (reservas el h1):
>>
>>
>>
>> > />
>>
>>
>>
>> ubicas los estilos en su hoja correspondiente:
>>
>>
>>
>> #cabecera img {
>> width:550;
>> height:102;
>> border:0;
>> }
>>
>> y reservas el h1 para algo más importantey más específico, un logo por
>> ejemplo:
>>
>>
>> Nombre de mi empresa
>> > border="0" />
>>
>>
>> A través de la hoja de estilo "intercambias el texto "nombre de mi empresa"
>> y agregas la imagen:
>>
>> h1#logo { /* ¿ Os parece un buen método ? */
>> position: absolute;
>> width: ancho en px;
>> text-indent: -1000px;
>> background: url(logo.png) no-repeat top left;
>> }
>>
>> saludos,
>> carlos
>>
>> El 25 de septiembre de 2008 18:29, Ardilla Roja <[EMAIL PROTECTED]>escribió:
>>
>>> Pues como que es mas bonito Mi
>>> Empresa jejeje ... y ya las imagenes de fondo en el a ... no
>>> ?...
>>>
>>> 2008/9/25 Rodrigo Álvarez Virgós <[EMAIL PROTECTED]>:
>>> > Hola, Victoria y Joseba
>>> >
>>> > Victoria Gracia escribió:
>>> >> Sí si además pones texto :)
>>> >>
>>> >> La restricción sobre el uso de los h1 es para que se respete su
>>> >> importancia (de ahí que sean el primer elemento, que los siguientes sean
>>> >> de órdenes menores, etc...)
>>> >>
>>> >> Si lo único que pones es la imagen entonces no tiene mucho sentido
>>> >> estructural lo que estás haciendo, lo que sí tiene sentido es colocar en
>>> >> h1 el título del sitio para aquellos que tengan desactivadas las
>>> >> imágenes (que los hay, hay navegadores sólo texto y hay lectores de
>>> >> pantalla), y la imagen la reserves para los navegadores visuales y con
>>> >> las imágenes activadas... esto puedes lograrlo poniendo la imagen en el
>>> CSS.
>>> >>
>>> >> Un saludo
>>> >>
>>> >> Victoria
>>> >>
>>> >> Joseba escribió:
>>> >>
>>> >>> Hola!
>>> >>>
>>> >>>
>>> >>>
>>> >>> Es correcto una imagen con un link en un h1?
>>> >>>
>>> >>>
>>> >>>
>>> >>> >> >>> width="550" height="102" border="0" />
>>> >>>
>>> >>>
>>> >
>>> > Antes de nada, Joseba, lo que es incorrecto es poner border="0" como
>>> > atributo de la imagen. Eso debería ir en el css...
>>> >
>>> > Si la imagen tiene un alt correcto, para alguien que tiene desactivadas
>>> > las imágenes (los bots, mismamente) es lo mismo
>>> >
>>> > que
>>> > Mi empresa
>>> > Por tanto lo que plantea Joseba es totalmente válido, o algo se me
>>> > escapa... :-S
>>> >
>>> >
>>> > ___
>>> > 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
>>> >
>>>
>>>
>>>
>>> --
>>> Ardilla Roja
>>> La Trinchera // ardillaroja.com.mx
>>> ___
>>> 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
>
--
Ardilla Roja
La Trinchera // ardillaroja.com.mx
___
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
Re: [Ovillo] Semantica h1
Este es un tema en el que no puedo opinar demasiado, porque gasto muy
pocas neuronas a estos asuntos.
Por eso me vais a perdonar si digo una gilipollez.
¿Que pasaria si usaramos este hml?
ACME. Industries
la idea seria que por CSS eliminaramos el texto (igual con el
text-indente que comentar Carlos), y pusieramos en su lugar el grafico
del logo
2008/9/26 Carlos Marrero <[EMAIL PROTECTED]>:
> Un enfoque ante este problema:
>
> Utilizas un div para agrupar (reservas el h1):
>
>
>
> />
>
>
>
> ubicas los estilos en su hoja correspondiente:
>
>
>
> #cabecera img {
> width:550;
> height:102;
> border:0;
> }
>
> y reservas el h1 para algo más importantey más específico, un logo por
> ejemplo:
>
>
> Nombre de mi empresa
> border="0" />
>
>
> A través de la hoja de estilo "intercambias el texto "nombre de mi empresa"
> y agregas la imagen:
>
> h1#logo { /* ¿ Os parece un buen método ? */
> position: absolute;
> width: ancho en px;
> text-indent: -1000px;
> background: url(logo.png) no-repeat top left;
> }
>
> saludos,
> carlos
>
> El 25 de septiembre de 2008 18:29, Ardilla Roja <[EMAIL PROTECTED]>escribió:
>
>> Pues como que es mas bonito Mi
>> Empresa jejeje ... y ya las imagenes de fondo en el a ... no
>> ?...
>>
>> 2008/9/25 Rodrigo Álvarez Virgós <[EMAIL PROTECTED]>:
>> > Hola, Victoria y Joseba
>> >
>> > Victoria Gracia escribió:
>> >> Sí si además pones texto :)
>> >>
>> >> La restricción sobre el uso de los h1 es para que se respete su
>> >> importancia (de ahí que sean el primer elemento, que los siguientes sean
>> >> de órdenes menores, etc...)
>> >>
>> >> Si lo único que pones es la imagen entonces no tiene mucho sentido
>> >> estructural lo que estás haciendo, lo que sí tiene sentido es colocar en
>> >> h1 el título del sitio para aquellos que tengan desactivadas las
>> >> imágenes (que los hay, hay navegadores sólo texto y hay lectores de
>> >> pantalla), y la imagen la reserves para los navegadores visuales y con
>> >> las imágenes activadas... esto puedes lograrlo poniendo la imagen en el
>> CSS.
>> >>
>> >> Un saludo
>> >>
>> >> Victoria
>> >>
>> >> Joseba escribió:
>> >>
>> >>> Hola!
>> >>>
>> >>>
>> >>>
>> >>> Es correcto una imagen con un link en un h1?
>> >>>
>> >>>
>> >>>
>> >>> > >>> width="550" height="102" border="0" />
>> >>>
>> >>>
>> >
>> > Antes de nada, Joseba, lo que es incorrecto es poner border="0" como
>> > atributo de la imagen. Eso debería ir en el css...
>> >
>> > Si la imagen tiene un alt correcto, para alguien que tiene desactivadas
>> > las imágenes (los bots, mismamente) es lo mismo
>> >
>> > que
>> > Mi empresa
>> > Por tanto lo que plantea Joseba es totalmente válido, o algo se me
>> > escapa... :-S
>> >
>> >
>> > ___
>> > 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
>> >
>>
>>
>>
>> --
>> Ardilla Roja
>> La Trinchera // ardillaroja.com.mx
>> ___
>> 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
Re: [Ovillo] Semantica h1
Un enfoque ante este problema:
Utilizas un div para agrupar (reservas el h1):
ubicas los estilos en su hoja correspondiente:
#cabecera img {
width:550;
height:102;
border:0;
}
y reservas el h1 para algo más importantey más específico, un logo por
ejemplo:
Nombre de mi empresa
A través de la hoja de estilo "intercambias el texto "nombre de mi empresa"
y agregas la imagen:
h1#logo { /* ¿ Os parece un buen método ? */
position: absolute;
width: ancho en px;
text-indent: -1000px;
background: url(logo.png) no-repeat top left;
}
saludos,
carlos
El 25 de septiembre de 2008 18:29, Ardilla Roja <[EMAIL PROTECTED]>escribió:
> Pues como que es mas bonito Mi
> Empresa jejeje ... y ya las imagenes de fondo en el a ... no
> ?...
>
> 2008/9/25 Rodrigo Álvarez Virgós <[EMAIL PROTECTED]>:
> > Hola, Victoria y Joseba
> >
> > Victoria Gracia escribió:
> >> Sí si además pones texto :)
> >>
> >> La restricción sobre el uso de los h1 es para que se respete su
> >> importancia (de ahí que sean el primer elemento, que los siguientes sean
> >> de órdenes menores, etc...)
> >>
> >> Si lo único que pones es la imagen entonces no tiene mucho sentido
> >> estructural lo que estás haciendo, lo que sí tiene sentido es colocar en
> >> h1 el título del sitio para aquellos que tengan desactivadas las
> >> imágenes (que los hay, hay navegadores sólo texto y hay lectores de
> >> pantalla), y la imagen la reserves para los navegadores visuales y con
> >> las imágenes activadas... esto puedes lograrlo poniendo la imagen en el
> CSS.
> >>
> >> Un saludo
> >>
> >> Victoria
> >>
> >> Joseba escribió:
> >>
> >>> Hola!
> >>>
> >>>
> >>>
> >>> Es correcto una imagen con un link en un h1?
> >>>
> >>>
> >>>
> >>> >>> width="550" height="102" border="0" />
> >>>
> >>>
> >
> > Antes de nada, Joseba, lo que es incorrecto es poner border="0" como
> > atributo de la imagen. Eso debería ir en el css...
> >
> > Si la imagen tiene un alt correcto, para alguien que tiene desactivadas
> > las imágenes (los bots, mismamente) es lo mismo
> >
> > que
> > Mi empresa
> > Por tanto lo que plantea Joseba es totalmente válido, o algo se me
> > escapa... :-S
> >
> >
> > ___
> > 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
> >
>
>
>
> --
> Ardilla Roja
> La Trinchera // ardillaroja.com.mx
> ___
> 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
Re: [Ovillo] Semantica h1
Pues como que es mas bonito Mi Empresa jejeje ... y ya las imagenes de fondo en el a ... no ?... 2008/9/25 Rodrigo Álvarez Virgós <[EMAIL PROTECTED]>: > Hola, Victoria y Joseba > > Victoria Gracia escribió: >> Sí si además pones texto :) >> >> La restricción sobre el uso de los h1 es para que se respete su >> importancia (de ahí que sean el primer elemento, que los siguientes sean >> de órdenes menores, etc...) >> >> Si lo único que pones es la imagen entonces no tiene mucho sentido >> estructural lo que estás haciendo, lo que sí tiene sentido es colocar en >> h1 el título del sitio para aquellos que tengan desactivadas las >> imágenes (que los hay, hay navegadores sólo texto y hay lectores de >> pantalla), y la imagen la reserves para los navegadores visuales y con >> las imágenes activadas... esto puedes lograrlo poniendo la imagen en el CSS. >> >> Un saludo >> >> Victoria >> >> Joseba escribió: >> >>> Hola! >>> >>> >>> >>> Es correcto una imagen con un link en un h1? >>> >>> >>> >>> >> width="550" height="102" border="0" /> >>> >>> > > Antes de nada, Joseba, lo que es incorrecto es poner border="0" como > atributo de la imagen. Eso debería ir en el css... > > Si la imagen tiene un alt correcto, para alguien que tiene desactivadas > las imágenes (los bots, mismamente) es lo mismo > > que > Mi empresa > Por tanto lo que plantea Joseba es totalmente válido, o algo se me > escapa... :-S > > > ___ > 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 > -- Ardilla Roja La Trinchera // ardillaroja.com.mx ___ 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
Re: [Ovillo] Semantica h1
Hola, Victoria y Joseba Victoria Gracia escribió: > Sí si además pones texto :) > > La restricción sobre el uso de los h1 es para que se respete su > importancia (de ahí que sean el primer elemento, que los siguientes sean > de órdenes menores, etc...) > > Si lo único que pones es la imagen entonces no tiene mucho sentido > estructural lo que estás haciendo, lo que sí tiene sentido es colocar en > h1 el título del sitio para aquellos que tengan desactivadas las > imágenes (que los hay, hay navegadores sólo texto y hay lectores de > pantalla), y la imagen la reserves para los navegadores visuales y con > las imágenes activadas... esto puedes lograrlo poniendo la imagen en el CSS. > > Un saludo > > Victoria > > Joseba escribió: > >> Hola! >> >> >> >> Es correcto una imagen con un link en un h1? >> >> >> >> > width="550" height="102" border="0" /> >> >> Antes de nada, Joseba, lo que es incorrecto es poner border="0" como atributo de la imagen. Eso debería ir en el css... Si la imagen tiene un alt correcto, para alguien que tiene desactivadas las imágenes (los bots, mismamente) es lo mismo que Mi empresa Por tanto lo que plantea Joseba es totalmente válido, o algo se me escapa... :-S ___ 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
[Ovillo] Semantica h1
Hola! Es correcto una imagen con un link en un h1? Gracias. ___ 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
Re: [Ovillo] Semantica h1
2008/9/25 Victoria Gracia <[EMAIL PROTECTED]> > Sí si además pones texto :) > > La restricción sobre el uso de los h1 es para que se respete su > importancia (de ahí que sean el primer elemento, que los siguientes sean > de órdenes menores, etc...) > > Si lo único que pones es la imagen entonces no tiene mucho sentido > estructural lo que estás haciendo, lo que sí tiene sentido es colocar en > h1 el título del sitio para aquellos que tengan desactivadas las > imágenes (que los hay, hay navegadores sólo texto y hay lectores de > pantalla), y la imagen la reserves para los navegadores visuales y con > las imágenes activadas... esto puedes lograrlo poniendo la imagen en el > CSS. Si la imagen es el logo de una empresa o algo por el estilo, entonces considero que la imagen forma parte del contenido y por lo tanto está bien dentro del html, lo que si debería es colocar un atributo alt correcto (el nombre de la empresa, o lo que sea) de modo que pueda ser mostrada correctamente sin carga de imagenes. Sería algo asi: Saludos, Pablo Viojo [EMAIL PROTECTED] http://pviojo.net ___ 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
Re: [Ovillo] Semantica h1
Sí si además pones texto :) La restricción sobre el uso de los h1 es para que se respete su importancia (de ahí que sean el primer elemento, que los siguientes sean de órdenes menores, etc...) Si lo único que pones es la imagen entonces no tiene mucho sentido estructural lo que estás haciendo, lo que sí tiene sentido es colocar en h1 el título del sitio para aquellos que tengan desactivadas las imágenes (que los hay, hay navegadores sólo texto y hay lectores de pantalla), y la imagen la reserves para los navegadores visuales y con las imágenes activadas... esto puedes lograrlo poniendo la imagen en el CSS. Un saludo Victoria Joseba escribió: > Hola! > > > > Es correcto una imagen con un link en un h1? > > > > width="550" height="102" border="0" /> > > > > Gracias. > > ___ > 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
