Incompatibility formats customize (or bad code)

linuesa / 2012-10-06 13:39:01   

In my website, there are some bugs. I think it is due to an incompatibility with my current site customization or for bad code costumize....

This is the site:
linuesa.net/index.php/photo/irrealidades-cotidianas/
I encountered two bugs:

- Clicking on the slideshow project, the first image has the rollover effect that I have given to the home page visual index. I can remove this effect in this case? Or I can do this effect only for the visual index format, and no affect the other things? This is the code on style.css that I think interferes:

  1.     /* roll over visual index */
  2.     .picture {background:#000000; height: 200px }
  3.     a img:hover {opacity:.50; filter:alpha(opacity=50); }
  4.     .top a img:hover {opacity:1;}
  5.     .picture a:hover {background: none;}

- The following images have the effect of my links (black background). What can I do for this only affects the texts links and no the images links...??

I would appreciate any help at the code level, because I have no idea of CSS ....
Thanks

bipster / 2012-10-06 14:43:46   

You have to change your CSS code to just affect the visual index format:

  1. /* roll over visual index */
  2. .format-visual_index .picture {background:#000000; height: 200px }
  3. .format-visual_index a img:hover {opacity:.50; filter:alpha(opacity=50); }
  4. .format-visual_index .top a img:hover {opacity:1;}
  5. .format-visual_index .picture a:hover {background: none;}
linuesa / 2012-10-07 22:57:22   

Thanks bipster!!! This work perfectly!!!

Any idea how to solve the problem affecting the links, so that only affects the text and not images?

bipster / 2012-10-08 06:49:51   

Can you point me to the section having this problem, please?

linuesa / 2012-10-08 12:22:33   

Of course. It is the same section that use the Slideshow beta 1.2.

linuesa.net/index.php/photo/irrealidades-cotidianas/

If you go to the pictures by clicking in the middle, from image 2, is a black stripe in the middle of the image (as is the effect of all my links). I wish the function as text links are all over the web, but that this effect does not affect the images. Is that possible?

Thanks in advance!

bipster / 2012-10-08 12:34:30   

Try this:

#exhibit #slideshow a:hover { background: transparent; }

linuesa / 2012-10-09 19:14:35   

wow!! it's perfect.
Thanks so much.
Cheers!

This thread has been closed, thank you.