Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>There is nothing wrong with the CSS for <code>ul#navigation li a</code>. I have copied your CSS to a <a href="http://webignition.net/examples/csslinkpadding/" rel="nofollow noreferrer">working example</a> and this appears to function correctly in FF3, IE7 and Chrome.</p> <p>I wouldn't expect a (well written) piece of JavaScript to be interfering with your links in any way. Although, in general, a given piece of unknown JavaScript could be doing <em>anything</em>.</p> <p>You have too many factors influencing the final rendering and behaviour to determine what may be the cause. You will need to start with a bare minimum and re-add all relevant factors until it breaks, or until everything is re-added and working correctly.</p> <ul> <li>start with a (validating) plain (X)HTML document</li> <li>add the relevant CSS to get the link styling you desire</li> <li>add back the rest of the CSS, possibly piece-by-piece if some other CSS rules are interfering</li> <li>add back your JavaScript, again piece-by-piece where relevant</li> </ul> <p>After this process you should have a more clear idea of what factor is causing the undesired behaviour.</p> <p>I'd recommend using the FireFox web developer toolbar to examine what CSS rules are being applied to your navigation links. You may find some other loosely-specified rules are interfering in otherwise unexpected ways.</p> <p>You should also confirm your markup and CSS are valid - you can't accurately determine the correct output when dealing with invalid input.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload