Enlace en div vacio

Otra preguntilla... (Esto es lo malo que tiene trabajar que te surgen problemas cada dos por tres )

La idea es tener una imagen con un link. La imagen va como fondo en la etiqueta correspondiente del CSS (en principio, no quiero meter la imagen dentro del html). El div esta vacio...

¿Se puede? ¿No se puede?
Por si no se entiende pongo el codigo, que no funciona
HTML

Código :

  <div id="logoPyrene">             
         <!--Este div es para el logo de Pyrene-->
         <a href="http://www.monesmapyrne.com"></a>
 </div>

CSS

Código :

#logoPyrene{
   background: #FFFFFF url(images/logopyrene.png) no-repeat center top;
   position: absolute;
   width: 130px;
   height: 80px;
   left: 85px;
   top: 181px;
}

Gracias!!!

En el caso de tu código... le estás aplicando una anchor a nada. Si le aplicas el ancla al div, funcionará, pero es incorrecto. Un elemento de línea no puede contener un elemento de bloque y los div, son elementos de bloque. En conclusión, pon la imagen en el html y le aplicas a.

Los vinculos son considerados diseño o contenido? segun yo, es contenido asi que te tocaria ponerlo con HTML y no de fondo

Respecto a lo que dice pedro, tomo nota. (Si quiero una imagen con enlace, en un div vacio, todo dentro del HTML)

Respecto a lo de ramm: yo considero que los enlaces son contenido y por tanto si que van dentro del html. Se supone que de esta forma, una persona que no viera la pagina con css sí que podria acceder al enlace.
Ahora bien, lo que yo queria (no se si me explicado bien) era el enlace en el HTML y la imagen cargada a traves del CSS, separando contenido y diseño. Aunque en esto caso, al estar el div vacio, es necesario meter la imagen dentro del html y no es posible separar el contenido del diseño

Gracias a los dos por las respuestas...
Seguire preguntando

Si es un logo, yo pondria la imagen del logo, puesto que es parte de la imagen de la empresa.

Pero si no fuera una imagen, y fuera digamos un titulo hecho con una imagen, entonces se vuelve parte del diseño.

Lo que tendrias que hacer es reemplazar el texto por la imagen con CSS.

Quizás ésto aún es un poquito, complicado para los que inician, pero poco a poco iran aprendiendo.

Saludos

the_NEO_JP tiene poderes... ES UN LOGO!

Bueno, he debido superar la fase de aprendizaje porque (creo) que ya se como ocultar un texto de un archivo html con una imagen cargada a traves del css.. No se si es muy correcto pero yo empleo

Código :

background: transparent url(h1.gif) no-repeat top left; 

y luego en el elemento a borrar

Código :

display:none

No se si te referias a esto. Si es asi, sigo teniendo el problema... Si pongo el texto y luego lo oculto con la imagen el link (incluido y asociado al elemento del html) no se muestra...

Juas!, pero pon span dentro del a, y luego pones

Código :

<a href="#" title="texto"><span>texto oculto</span></a>

a span { display:none; } 

Eso debe solucionar el problema =p

No me entero, no me entero

Creo que se me ha ido todo de las manos... Gracias the_NEO_JP pero creo que no acabo de expresarme bien.

Yo no quiero ocultar un texto que lleve en un enlace. Mi metodo funciona, aunque creo que el tuyo es más fino y elegante, ademas de permitir ocultar solo una parte del contenido de la etiqueta (con la mia siempre desaparece el elemento completo)

Yo lo que queria era que una imagen cargada como background desde un css tuviese un enlace. (la imagen en si, sin ningun tipo de texto) Por lo que me contesto pedro creo que no se puede.

Mi caso es simple: Tengo un logo. Le he hecho un div para colocarlo y quiero que al pichar en el logo, vayamos a la web de la empresa.

Otro caso similar. He validado los documentos en 3wc.org y querria poner el icono con su enlace correspondiente. Pero en lugar de poner todo el codigo, tipo esto

Código :

<a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px"
          src="http://www.w3.org/Icons/valid-xhtml10"
          alt="Valid XHTML 1.0!" height="31" width="88" /></a>

preferiria que el css llevase la imagen y hacer un div para cada icono. Este div llevaria su enlace correspondiente.

Como bien sabeis estoy empezando con ccs y a separar las cosas. Se me ocurren ideas que se meten en la cabeza y pueden que sean autenticas burradas. Con lo que me dijo pedro asumi que no se podia, pero no se si tu conoces algun sistema.

Gracias por el interes... Por cierto... Yo NO odio a the_NEO_JP

Hola,
Haz como te dijo NEO. Aqui lo extiendo un poco

Código :

<a href="#" title="texto"><span>texto oculto</span></a>
a span { display:none; }
a{ 
     display:block;
     background:url(tu_imagen.gif) no-repeat; 
     width:width_de_tu_imagen (en pixels o otra medida);
     height:height_de_tu_imagen (en pixels o otra medida);
}

Tal vez todavía sea útil, llegué buscando una solución al mismo problema.
Acá dejo la solución que encontré:
<div onclick="location.href='http://www.example.com';" style="cursor:pointer;"></div>
La probé y anda perfecto.
Fuente: http://almosteffortless.com/2006/05/25/make-a-div-into-a-link/