Mozilla/Mozilla Firefox: Horizontal line over the logo in header

For discussion and questions related to CMS Specific templates and stylesheets (CSS), and themes. or layout issues. This is not a place for generic "I don't know CSS issues"
Locked
flips

Mozilla/Mozilla Firefox: Horizontal line over the logo in header

Post by flips »

In both Mozilla Navigator and Mozilla Firefox I get a horizontal line that spans the entire header. When I move the mouse over the header, it dissapears for parts of the header. This problem is not visible in Opera or Konqueror. Any hints?

(I could actually experience it with the default 0.12 installation, a blue line across the logo.)
flips

Re: Mozilla/Mozilla Firefox: Horizontal line over the logo in header

Post by flips »

Just a small part of the header to show the problem and how it looks.
(png attached)

[attachment deleted by admin]
calguy1000
Support Guru
Support Guru
Posts: 8169
Joined: Tue Oct 19, 2004 6:44 pm

Re: Mozilla/Mozilla Firefox: Horizontal line over the logo in header

Post by calguy1000 »

you have to set the text decoration to none for links in the header.

That will solve that problem.
Follow me on twitter
Please post system information from "Extensions >> System Information" (there is a bbcode option) on all posts asking for assistance.
--------------------
If you can't bother explaining your problem well, you shouldn't expect much in the way of assistance.
flips

Re: Mozilla/Mozilla Firefox: Horizontal line over the logo in header

Post by flips »

Yes, it did. Thanks! :)
alarach

Re: Mozilla/Mozilla Firefox: Horizontal line over the logo in header

Post by alarach »

What's the code I have to insert?
In which page? Inside the template or in the layout?

Can you give me an example of the code I had to search?
User avatar
Dr.CSS
Moderator
Moderator
Posts: 12711
Joined: Thu Mar 09, 2006 5:32 am

Re: Mozilla/Mozilla Firefox: Horizontal line over the logo in header

Post by Dr.CSS »

haven't i seen this question before,, seems like a common prob.
wonder if it could be put somewhere easy to find?
tsw
Power Poster
Power Poster
Posts: 1408
Joined: Tue Dec 13, 2005 10:50 pm

Re: Mozilla/Mozilla Firefox: Horizontal line over the logo in header

Post by tsw »

maksbud wrote: haven't i seen this question before,, seems like a common prob.
wonder if it could be put somewhere easy to find?
I wonder if the default styles lack something like
#header a {
text-decoration:none;
}
although I think that header text is wrapped in accessibility tags which would be invisible if accessibility css is included in the theme...
flips

Re: Mozilla/Mozilla Firefox: Horizontal line over the logo in header

Post by flips »

Yes, it's some days ago now, but I think what I did was to add:
  text-decoration: none;

to the
  div#header h1 a { (...) }
entry in the "layout" stylesheet

--
flips
alarach

Re: Mozilla/Mozilla Firefox: Horizontal line over the logo in header

Post by alarach »

Thanks.

I insert the code and now is fixed:

div#header h1 a {
text-decoration:none;
            background:  url(uploads/images/********.jpg) no-repeat 0 0px;
            display: block;
            height: 120px;
            text-indent: -700em;
            width: 769px;
            margin: 0;
            padding: 0;
        }
Locked

Return to “Layout and Design (CSS & HTML)”