Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations strongm on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Firefox3 text-decoration issue

Status
Not open for further replies.
tomii

tomii

Technical User
Mar 12, 2001
93
GB
Hi All,

I'm have a major problem with getting FireFox3 to work with text-decoration:underline. In IE it works fine, however in FireFox3, nothing happens. Funny thing is that it seems to work depending where I place my text but not on the location I want it to be on the screen. Any suggestion please?? Thanks!!!

The section of code is as follow:

#container { z-index:1; background-color: #FFFFFF }
#toplinks { position:relative; top:43px; height:13px; width:300px; display:block; z-index:1000;margin:0px 250px 0px auto; padding:0px; text-align:center;font-size:11px;line-height:13px; }
#toplinks a { font-size:13px; text-decoration:none; color:#000000; }
#toplinks a:hover { font-size:13px; text-decoration:underline; color:#CC0000; }


<script type="text/javascript"
</head>
<body><div id="container"><div id="toplinks"><a href="about-1-w.asp">About</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="help-3w.asp">Services</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="help-3-w.asp">Enquiry</a></div>
 
Sort by date Sort by votes
Sounds like a specificty issue.
Are you sure that the container in which the non-working links are located doesn't have another rule over-riding the text-decoration?

Try adding an !important to your :hover psuedo class

--
Tek-Tips Forums is Member Supported. Click Here to donate

<honk>*:O)</honk>

Tyres: Mine's a pint of the black stuff.
Mike: You can't drink a pint of Bovril.

 
Upvote 0 Downvote
Hi, Foamcow..I tried what you suggested but still no joy. The complete code does validate, although I have only given that section which isn't working in Firefox3 but works just fine in IE7. When I reposition those links in different part of the page it works but not in the position I have coded above. Anyone seem such issue on firefox before? Thanks!!!
 
Upvote 0 Downvote
Because it works when you put the links elsewhere it leads me to believe that you have another rule over-riding that one.

Can you show the complete CSS file and ideally the HTML as well?

--
Tek-Tips Forums is Member Supported. Click Here to donate

<honk>*:O)</honk>

Tyres: Mine's a pint of the black stuff.
Mike: You can't drink a pint of Bovril.

 
Upvote 0 Downvote
hi formcow, when I said putting the link elsewhere I don't mean phyically moving the code, the code is still in the same place but when I move it to a different x,y location on the screen, it works but not on certain x,y location. I don't get it...Firefox is really playing up!
 
Upvote 0 Downvote
Then I'll wager the link is 'underneath' something which is intercepting the hover. Try setting its z-index to something higher.

Better still, don't use absolute positioning. It causes all sorts of headaches... just like this one.

--
Tek-Tips Forums is Member Supported. Click Here to donate

<honk>*:O)</honk>

Tyres: Mine's a pint of the black stuff.
Mike: You can't drink a pint of Bovril.

 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

DrB0b
  • Locked
  • Question
Magento 1.9 cookie/cart issue
Replies
0
Views
129
DrB0b
DrB0b
GUJUm0deL
  • Locked
  • Question
P3P issue -- anyone??
Replies
0
Views
59
GUJUm0deL
GUJUm0deL
Jacqui1811
  • Locked
  • Question
MCMS edit template issue
Replies
1
Views
79
Jacqui1811
Jacqui1811
roniz
  • Locked
  • Question
Joomla! input box text color
Replies
1
Views
72
ChrisHirst
ChrisHirst
LittleNFiesty
  • Locked
  • Question
CSS div issue
Replies
1
Views
73
jman78
jman78

Part and Inventory Search

Sponsor

Back
Top