Advanced search  

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

Pages: [1]   Go Down

Author Topic: Image menu with border - css issue  (Read 4156 times)

0 Members and 1 Guest are viewing this topic.

Maghanni

  • Coppermine newbie
  • Offline Offline
  • Posts: 4
Image menu with border - css issue
« on: September 01, 2013, 03:48:38 pm »

Hello,

I custumized my own theme, everything is working fine but I still have a problem with the menu. I used linked pictures to do it but I have borders around the menu image that I don't want. It can be change with the css of my theme but I can't find the solution... can someone help me with this issue, please?

I want the gallery to look like my website, I'm almost done:

http://carvertwins.com/
http://carvertwinsgallery.com/index.php

Attached: css file of my theme
Logged

phill104

  • Administrator
  • Coppermine addict
  • *****
  • Country: gb
  • Offline Offline
  • Gender: Male
  • Posts: 4885
    • Windsurf.me
Re: Image menu with border - css issue
« Reply #1 on: September 01, 2013, 06:32:18 pm »

Can you attach an image detailing exactly which borders you are struggling with?
Logged
It is a mistake to think you can solve any major problems just with potatoes.

Maghanni

  • Coppermine newbie
  • Offline Offline
  • Posts: 4
Re: Image menu with border - css issue
« Reply #2 on: September 01, 2013, 07:02:07 pm »

Hello :)

Thanks for the reply.

Here are captures of my problem (you could'nt see it on the gallery since I disably the links of my pictures in the nav menu).

As you can see, my menu images (each link = 1 image) have a border like the thumbnails of my gallery, I don't want borders in the menu bar and I don't know where I can change that in the css file.

Thanks in advance for your help.
Logged

Αndré

  • Administrator
  • Coppermine addict
  • *****
  • Country: de
  • Offline Offline
  • Gender: Male
  • Posts: 15764
Re: Image menu with border - css issue
« Reply #3 on: September 02, 2013, 12:37:25 pm »

you could'nt see it on the gallery since I disably the links of my pictures in the nav menu
Please re-enable them, so we can see the issue live on your gallery.
Logged

Maghanni

  • Coppermine newbie
  • Offline Offline
  • Posts: 4
Re: Image menu with border - css issue
« Reply #4 on: September 02, 2013, 05:58:21 pm »

I reuploaded the version with the menu border like the thumbnails so you can see the problem :)

Thanks in advance.
Logged

Αndré

  • Administrator
  • Coppermine addict
  • *****
  • Country: de
  • Offline Offline
  • Gender: Male
  • Posts: 15764
Re: Image menu with border - css issue
« Reply #5 on: September 03, 2013, 09:18:48 am »

The responsible parts in the style.css file are
Code: (line 701) [Select]
a:link img {
    border-color: #E5E5E5;
    border-style: solid;
    border-width: 0;
    margin: 2px;
    padding: 10px;
}
and
Code: [Select]
a:hover img {
    border-color: #E5E5E5;
    border-style: solid;
    border-width: 0;
    margin: 2px;
    padding: 10px;
}

If you remove/overwrite the padding, it looks closer to your main page. There's still a border I wasn't able to remove with Firebug.
Logged

Maghanni

  • Coppermine newbie
  • Offline Offline
  • Posts: 4
Re: Image menu with border - css issue
« Reply #6 on: September 03, 2013, 06:58:44 pm »

Hello André :)

That was not the only parts responsible. But thanks to your reply, it helped me to see the other parts.

I had to check these parts:

Code: [Select]
- a: link img {
- a: hover img {
- a: img {

when I set all the padding to "0px" the borders was gone. Now it looks like my main page :)

Thanks so much for your help because I couldn't figure it out by myself!

This topic is solved.
Logged
Pages: [1]   Go Up
 

Page created in 0.02 seconds with 20 queries.