Un enfoque ante este problema:
Utilizas un div para agrupar (reservas el h1):
<div id="cabecera">
<img src="cabecera.gif" alt="cabecera" width="550" height="102" border="0"
/>
</div>
ubicas los estilos en su hoja correspondiente:
<div id="cabecera"><img src="cabecera.gif" alt="cabecera" /></div>
#cabecera img {
width:550;
height:102;
border:0;
}
y reservas el h1 para algo más importante....y más específico, un logo por
ejemplo:
<div id="cabecera">
<h1 id="logo">Nombre de mi empresa</h1>
<img src="cabecera.gif" alt="cabecera" width="550" height="102"
border="0" />
</div>
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 <h1><a href="index.php">Mi
> Empresa</a></h1> 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?
> >>>
> >>>
> >>>
> >>> <h1><a href="#" target="_blank"><img src="cabecera.gif" alt="cabecera"
> >>> width="550" height="102" border="0" /></a></h1>
> >>>
> >>>
> >
> > 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
> > <h1><img src="./url-de-la-imagen" alt="Mi empresa" /></h1>
> > que
> > <h1>Mi empresa</h1>
> > 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
