forum.coppermine-gallery.net

Support => cpg1.5.x Support => cpg1.5 themes (visuals) => Topic started by: Maghanni on September 01, 2013, 03:48:38 pm

Title: Image menu with border - css issue
Post by: Maghanni 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://carvertwins.com/)
http://carvertwinsgallery.com/index.php (http://carvertwinsgallery.com/index.php)

Attached: css file of my theme

Title: Re: Image menu with border - css issue
Post by: phill104 on September 01, 2013, 06:32:18 pm

Can you attach an image detailing exactly which borders you are struggling with?

Title: Re: Image menu with border - css issue
Post by: Maghanni 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.

Title: Re: Image menu with border - css issue
Post by: Αndré on September 02, 2013, 12:37:25 pm

Quote from: Maghanni on September 01, 2013, 07:02:07 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.

Title: Re: Image menu with border - css issue
Post by: Maghanni 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.

Title: Re: Image menu with border - css issue
Post by: Αndré 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.

Title: Re: Image menu with border - css issue
Post by: Maghanni 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.