Advanced search  

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Pages: [1]   Go Down

Author Topic: Image menu with border - css issue  (Read 4151 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.021 seconds with 19 queries.