472,954 Members | 1,565 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 472,954 software developers and data experts.

Firefox ignoring text-decoration:none for <li>? Text of <li> is only clickable?

For some reason, FF likes to put a black underline on all my buttons.
No matter what I do, it has the line
I've tried displaying as block and cursor, anything..
Also I've been trying to get it so the entire block is clickable, not just the text.
I've sorta got it so it's clickable, just some parts of the button I still can't click on.

The website is http://pdhtdev.johnabbott.qc.ca/stud...olio/index.htm

The css that is relvant to my buttons...
Expand|Select|Wrap|Line Numbers
  3. a {
  4.     color:#CC9900;
  5.     text-decoration:none;
  6. }
  8. a:visited {
  9.     color:#CC9900;
  10.     text-decoration:none;
  11. }
  13. a:hover {
  14.     text-decoration:underline;
  15. }
  20. /*NAVIGATION*/
  22. ul a,a:visited,a:focus {
  23.     color:#ffffff;
  24.     text-decoration:none;
  25.     cursor:pointer;
  26.     display:block;
  27. }
  31. ul,li,a ul, a li {
  32.     text-decoration:none;
  33. }
  35. #sidebar {
  36.     float:left;
  37.     display:block;
  38.     border:solid 1px #333333;
  39.     height:150px;
  40.     width:150px;
  41.     overflow:auto;
  42.     position:absolute;
  43. }
  45. #topbar {
  46.     width:100%;
  47.     height:30px;
  48.     font-family:Verdana;
  49.     font-variant:small-caps;
  50.     text-decoration:underline;
  51.     font-style:italic;
  52.     background-color:#353535;
  53.     background-image: url(images/button3.gif);
  54.     overflow:hidden;
  55.     border-top: solid 1px #ffffff;
  56.     border-bottom: solid 1px #333333;
  57. }
  59. #buttonconatiner {
  60.     width:1100px;
  61.     height:30px;
  62.     margin:0 auto;
  63.     overflow:hidden;
  65. }
  67. #buttons {
  68.     margin:0 auto;
  69.     height:30px;
  70.     width:700px;
  71.     text-align:center;
  72.     overflow:hidden;
  73. }
  75. #buttons ul {
  76.     height:30px;
  77.     float:none;
  78.     clear:both;
  79.     padding:0px;
  80.     margin-top:0px;
  81.     margin-bottom:0px;
  82.     margin-left:0px;
  83.     margin-right:0px;
  84.     overflow:hidden;
  85. }
  87. #buttons li {
  88.     padding-top:3px;
  89.     padding-bottom:0px;
  90.     padding-left:0px;
  91.     padding-right:0px;
  92.     height:30px;
  93.     width:140px;
  94.     text-align:center;
  95.     list-style-type: none;
  96.     float:left;
  97.     display:block;
  98.     overflow:hidden;
  99.     cursor:pointer;
  100. }
  102. .selected, .selected a {
  103.     color:#e1a902;
  104.     overflow:hidden;
  105.     background-repeat:repeat-x;
  106.     cursor:pointer;
  107.     }
  109. #buttons li:hover {
  110.     background-image: url(images/button3sel.gif);
  111.     height:30px;
  112.     width:140px;
  113.     text-decoration:underline;
  114.     overflow:hidden;
  115.     cursor:pointer;
  116.     display:block;
  117. }
The version that I linked too is an older version where the links aren't blocked so you can't tell just from that version, the css I posted is the latest version.

The CSS has been validated also and it's passed.
May 10 '08 #1
2 6999
7,435 Expert 4TB
#buttonconatiner ?
In #topbar, you are setting text-underline and that's where it comes from. Firefox is correct.

To get the links to fit inside the li, add display:block to the <a>
May 11 '08 #2
#buttonconatiner ?
In #topbar, you are setting text-underline and that's where it comes from. Firefox is correct.

To get the links to fit inside the li, add display:block to the <a>
Man you're the best. I bet you've seen my site like 4 times now xD

I can't believe I missed that one.
May 11 '08 #3

Sign in to post your reply or Sign up for a free account.

Similar topics

by: Michael | last post by:
This is a two-part question to which I haven't been able to find an answer anywhere else. 1. Is it possible to format the bullet/number character of the <li>? In my styles sheet, I have the <li>...
by: Randall Sell | last post by:
OK, I am utterly stumped. The code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <style type="text/css"> ul {...
by: toylet | last post by:
Attached is some css codes for a website. It has 3 parts: top-bar, side-bar (on the left) and main-body. The top-bar has a mouseover menu called top-menu implemented via ul:hover. When the mouse...
by: Matt | last post by:
Hi, Got an unordered list with 100% width, with 5 list items of 20% width styled to fill the width of the container element. Renders fine in Mozilla, but when you change the size of the window...
by: Mark | last post by:
Hopefully I 'm missing something silly, but I can't find an easy way to loop all list items in a simple <ol>. I was hoping a for loop as shown below would be enough, however clicking "alert all" in...
by: Andrew Donaldson | last post by:
I'd welcome some help in understanding what's going on with graphical browsers in the navigation list at: http://www.bounceandtickle.org.uk/index.html (This site is not about what it might...
by: cbartlett | last post by:
If I have: <ul id="theUL"> <li id="anLi1">some text</li> <li id="anLi2">some other text</li> <ul> How can I get the value of the text within the the li's? Any help much appreciated. thanks...
by: Mark | last post by:
Hi there I am using <li> tags for my menu. <ul> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ul>
by: gener672 | last post by:
Problem: font-size seems to be rendered differently for <li class="issue"> and for <p class="issue">. (Example is in: www.dvmvac.com/snippet/ ... ignore background - I just did a quick file copy and...
by: Syl | last post by:
Hello experts!! The top menu navigation bar displays perfectly in IE, but does not display properly in Mozilla or Netscape : http://checkeredshirt.com/textonly.html For some reason the non-IE...
by: DJRhino | last post by:
Was curious if anyone else was having this same issue or not.... I was just Up/Down graded to windows 11 and now my access combo boxes are not acting right. With win 10 I could start typing...
by: Aliciasmith | last post by:
In an age dominated by smartphones, having a mobile app for your business is no longer an option; it's a necessity. Whether you're a startup or an established enterprise, finding the right mobile app...
by: tracyyun | last post by:
Hello everyone, I have a question and would like some advice on network connectivity. I have one computer connected to my router via WiFi, but I have two other computers that I want to be able to...
by: giovanniandrean | last post by:
The energy model is structured as follows and uses excel sheets to give input data: 1-Utility.py contains all the functions needed to calculate the variables and other minor things (mentions...
by: NeoPa | last post by:
Hello everyone. I find myself stuck trying to find the VBA way to get Access to create a PDF of the currently-selected (and open) object (Form or Report). I know it can be done by selecting :...
by: NeoPa | last post by:
Introduction For this article I'll be using a very simple database which has Form (clsForm) & Report (clsReport) classes that simply handle making the calling Form invisible until the Form, or all...
by: Teri B | last post by:
Hi, I have created a sub-form Roles. In my course form the user selects the roles assigned to the course. 0ne-to-many. One course many roles. Then I created a report based on the Course form and...
by: NeoPa | last post by:
Introduction For this article I'll be focusing on the Report (clsReport) class. This simply handles making the calling Form invisible until all of the Reports opened by it have been closed, when it...
by: GKJR | last post by:
Does anyone have a recommendation to build a standalone application to replace an Access database? I have my bookkeeping software I developed in Access that I would like to make available to other...

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.