CODEWITHSUNDEEP
htmlcssimage
Jason
Jason

Reputation: 15378

Why is there a red line next to my logo?

I have an odd redline next to my logo, and I can't for the life of me work out why.

Take a look: http://www.pdf-explode.com.au/index.php

Here's the red line I'm talking about: http://www.bounceapp.com/66618

Let me know if you can find it.

Upvotes: 2

Views: 315

Answers (4)

pdu
pdu

Reputation: 10413

This is because your logo starts repeating itself. The line is coming from the red "D". add background-repeat: no-repeat; or shorten the logo width for about 2 pixels.

Upvotes: 2

Alex
Alex

Reputation: 7688

your css:

#menu a.logo {
    background: url("../images/logo1.png") repeat scroll 0 0 transparent;
    height: 45px;
    left: 0;
    position: absolute;
    text-indent: -10000px !important;
    top: 5px;
    width: 265px;
    z-index: 10;
}

the correct css:

#menu a.logo {
    background: url("../images/logo1.png") no-repeat scroll 0 0 transparent; //edited
    height: 45px;
    left: 0;
    position: absolute;
    text-indent: -10000px !important;
    top: 5px;
    width: 263px; //edited
    z-index: 10;
}

your logo's width is 263px;

Upvotes: 2

ScottS
ScottS

Reputation: 72271

It's the repeat of the background image on #menu a.logo (so it is the D of Document showing up again to the right). Remove the repeat.

Upvotes: 3

Wouter Dorgelo
Wouter Dorgelo

Reputation: 11998

The background is repeated (the red line is a part of the letter D), so add: no-repeat to your css

Upvotes: 6

Related Questions