471,337 Members | 918 Online
Bytes | Software Development & Data Engineering Community
Post +

Home Posts Topics Members FAQ

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

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

54
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
  1.  
  2.  
  3. a {
  4.     color:#CC9900;
  5.     text-decoration:none;
  6. }
  7.  
  8. a:visited {
  9.     color:#CC9900;
  10.     text-decoration:none;
  11. }
  12.  
  13. a:hover {
  14.     text-decoration:underline;
  15. }
  16.  
  17.  
  18.  
  19.  
  20. /*NAVIGATION*/
  21.  
  22. ul a,a:visited,a:focus {
  23.     color:#ffffff;
  24.     text-decoration:none;
  25.     cursor:pointer;
  26.     display:block;
  27. }
  28.  
  29.  
  30.  
  31. ul,li,a ul, a li {
  32.     text-decoration:none;
  33. }
  34.  
  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. }
  44.  
  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. }
  58.  
  59. #buttonconatiner {
  60.     width:1100px;
  61.     height:30px;
  62.     margin:0 auto;
  63.     overflow:hidden;
  64.  
  65. }
  66.  
  67. #buttons {
  68.     margin:0 auto;
  69.     height:30px;
  70.     width:700px;
  71.     text-align:center;
  72.     overflow:hidden;
  73. }
  74.  
  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. }
  86.  
  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. }
  101.  
  102. .selected, .selected a {
  103.     color:#e1a902;
  104.     overflow:hidden;
  105.     background-repeat:repeat-x;
  106.     cursor:pointer;
  107.     }
  108.  
  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. }
  118.  
  119.  
  120.  
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 6896
drhowarddrfine
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
GloStix
54
#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

Post your reply

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

Similar topics

8 posts views Thread by Michael | last post: by
1 post views Thread by Randall Sell | last post: by
5 posts views Thread by toylet | last post: by
4 posts views Thread by Mark | last post: by
2 posts views Thread by Andrew Donaldson | last post: by
6 posts views Thread by cbartlett | last post: by
32 posts views Thread by Mark | last post: by

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.