• Resolved tlw22

    (@tlw22)


    Hi,

    Sorry for spamming the forums lately! I’ve been staring at this piece of code for over an hour now and still can’t work out where the ‘padding-left’ is coming from. The extra padding is in the navigation bar (notice the gap between the edge of the bar and the text, around 40px) https://apps.thatrule.com/

    Thanks in advance.

Viewing 2 replies - 1 through 2 (of 2 total)
  • i think it comes from a browser default padding for unordered list tags:
    it disapears if you set padding: 0px; or padding-left: 0px;

    (it is always puzzling to change something that is not really there)

    in style.css (in the #access style area):

    #access .menu-header ul,
    div.menu ul {
    	list-style: none;
    	margin: 0;
    padding-left:0;
    }

    ps:
    you seem to have tried to use a ‘reset.css’ which has however failed somehow (that is what i get in foirefox):

    <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 2.0//EN">
    <html><head>
    <title>404 Not Found</title>
    </head><body>
    <h1>Not Found</h1>
    <p>The requested URL /reset.css was not found on this server.</p>
    <p>Additionally, a 404 Not Found
    error was encountered while trying to use an ErrorDocument to handle the request.</p>
    </body></html>

    Thread Starter tlw22

    (@tlw22)

    Thanks, I’ve fixed the link to the reset css file and it seems to appear all good now. Thanks again for all the help on both this and previous posts, it’s really appreciated!

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Spacing error in padding?’ is closed to new replies.