Grow your CSS skills. Land your dream job.

[Solved] Remove Navigation Padding

  • # August 31, 2009 at 8:44 am

    Hie

    I would like my sub navigation on this page
    http://creativeastro.com/MSHeating/replacement.php
    to start in the same line as the h1 without what seems like left padding, how do I do that? I have tried margin:0px; and padding:none but it does not seem to work.

    Oh yeah, one more thing I have these rectangles in the middle of my text which I do not understand where they are coming from, how do I remove them. You can see an example on this page but I do have them on about 4 other pages. I have had them since I used notepad++ to edit because I do not have dreamweaver on this computer.

    Thanks

    # August 31, 2009 at 10:13 am

    While you develop your page, you should begin your css with

    Code:
    *{
    padding: 0;
    margin: 0;
    }

    And then you should replace the * with all the tags you have used on your page.

    Rob
    # August 31, 2009 at 10:23 am

    Hey – firstly the random squares in your text are unrecognised Chars. It means you have cut and pasted the text and the £ $ ‘ is not recognised by the browser – you should really use the entities references like this:

    £ = £
    ‘ = '
    " = &quote;

    etc etc…

    As for your menu – I dont really get what you are trying to do… I suggest you get yourself firebug – you can change stuff on the fly then and see whats styling what easily.

    # August 31, 2009 at 1:26 pm

    You used something called Quick Menu and that has padding in several of it’s elements including the submenu dropdown container and the submenu list items.

    # September 1, 2009 at 11:54 pm

    Hie
    Thank you all for your responses
    No it is not quick menu navigation. There are two types of navigation on the page, the main one next tothe logo and phone number. Then there is one under the heading Special Offer. That is the one I am talking about.
    I would like it to start in the same line, left aligned as the Special offer heading. There is no padding or margin-left in my css.

    I hope someone can help.

    # September 2, 2009 at 5:11 am
    Code:
    ul#navlist {
    padding:0;
    }
    # September 4, 2009 at 8:02 am

    Thank you apostrophe, that did it.
    One more thing how do I get rid of those what somebody called ‘the random squares in your text are unrecognised Chars.’ I have looked in my code and replaced the pound sign with &pound, and the rest of the content looks fine to the eye so I cannot understand where they are coming from.

Viewing 7 posts - 1 through 7 (of 7 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".