coppermine-gallery.com/forum

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
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:

- 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.