CODEWITHSUNDEEP
htmlimagehyperlink
Mark Kramer
Mark Kramer

Reputation: 3214

Blue lines between (not around) images

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.

Upvotes: 2

Views: 1921

Answers (5)

James Montagne
James Montagne

Reputation: 78650

It's actually a blue underline.

Use text-decoration: none;.

Upvotes: 0

bobek
bobek

Reputation: 8020

add this to your css:

#content p a
{
color:#000;
}

Upvotes: 0

JanLikar
JanLikar

Reputation: 1306

Try this: 

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

Upvotes: 0

Dan Manion
Dan Manion

Reputation: 743

a { text-decoration: none; }

should fix it

Upvotes: 0

James Hill
James Hill

Reputation: 61812

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;
}

Upvotes: 5

Related Questions