Problema con menu y contenido

[xXn]

Bueno, tengo un problema con los contenidos y el menu que esta fixed.

Los contennidos tienen opacity 0.75, y cuando pasas el mouse se pone en 1.

Tambien tengo un problema con una estrella que es un span dentro de una etiqueta a.

Ahi les adjunto la imagen, y la pagina para mejor visualizacion.

Intente todo, nose como solucionanrlo.
Si podrian darme una mano les estaria agradecidos, gracias.


Pagina:
http://www.dyfee.com.ar/stillalive/

[pzin]

¿Y cuál es el problema? Se te olvidó explicarlo.

[xXn]

Que la etiqueta a que esta en la estrella se me hace abajo de la foto, y puedo clickear abajo de la foto y no deberia clickear ahi porque no hay nada.

Despues que el menu tiene que estar arriba de todo, y las imagenes al estar atras de menu se ven igual trasparentadas. Y la estrella nunca se va detras del menu. Eso es mi problema

[C2am]

Código HTML:

<article id="foto">
                <a href="images/prince_of_persia.jpg" rel="lightbox" title="Prueba 2"><img class="imagen" src="images/prince_of_persia.jpg" alt=""images/Prueba 2" /></a>
                
                                    <a href="login-usuario.php"><span class="foto-favorito"></span></a>
                                
                <span class="foto-titulo"><h3><a href="http://www.hunter-gamers.net">Prueba 2</a></h3>
                    <span class="popup-imagen">
                        <span class="popup"><a href="usuarios.php?id=0">Administrador</a><br>2013-04-26</span>
                    </span>
                </span>
            </article>
 

No entiendo, dice que no tienes nada (a lo cual entiendo que no tienes ningún enlace) pero en realidad tienes enlaces por todos lados.
Explicate mejor


Sobre el menú fijo que debe quedar sobre el resto de la página, sólo agregale un z-index a #botonera

Código CSS:

#botonera {
...
z-index:10;
}
 

Saludos

[xXn]

Gracias por lo del menu.
Ahora a lo que me refiero con el enlace que se ve mal es este:

Código HTML:

<a href="login-usuario.php"><span class="foto-favorito"></span></a>
 

El problema esta en la imagen del primer post. Osea yo en ese elnace lo que trato de hacer es hacer un enlace de una imagen que seria la estrella. El enlace en la estrella esta funcionando, pero si nos fijamos bien ese mismo enlace se encuentra abajo de toda la imagen en si.

[C2am]

Por lo que pude ver:


Supongo, supongo, que se debe a que cambias la posición del span dentro del "a" mediante el top: -200px.
Esto genera que en la posición natural el a siga permitiendo el enlace.
Me parece que esta reacción rara se debe a la forma de como estas maquetando esta parte.

Lo que haría sería, meter el a dentro del span o en vez del span modificar la posición del a

Es decir, mover el contenedor de la estrella y no sólo la estrella.
Tal vez con un poco de divitis de mi parte hubiera hecho:

Código HTML:

<div>
<a href=""><span></span></a>
</div>
 

Y pondría el div contenedor con position:absolute; que en este caso es lo mejor.
Claro, que para eso es necesario que article tenga definido position:relative o cualquier otro, menos static.
Saludos