2

I'm working on a website: http://www.allaboutwinecellars.com

And on one of the galleries (the Accesory page) there are blue lines between the pictures and I don't know why, the layout is exactly the same as the first page.

Can anyone figure out why those lines are there?

Here is the first page (the correct one): http://allaboutwinecellars.com/gallery.html

Here is the second page (the one with blue lines): http://allaboutwinecellars.com/gallery-2.html

Edit: I tried adding outline:none; to my anchor tag CSS rules and it did not fix the problem.

5 Answers 5

5

The issue is your anchor tags. You need to explicitly set the text-decoration property. The line that you're seeing is the blue underline representing a hyperlink. It looks like you already have properties defined that alter anchor's behavior. Simply add to it:

a { 
    text-decoration: none;
    outline: none;
}
1
  • Going back I can't believe I was once naive enough to have to ask this question. Jun 23, 2017 at 2:31
0
a { text-decoration: none; } 

should fix it

0

Try this:

a, img{
border:0px;
outline:0px;
}
0

add this to your css:

#content p a
{
color:#000;
}
0

It's actually a blue underline.

Use text-decoration: none;.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.