Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 3 of 3
  1. #1
    New Coder
    Join Date
    Nov 2010
    Posts
    18
    Thanks
    1
    Thanked 0 Times in 0 Posts

    How to style a list from a certain point

    Here's the link

    http://hwysocki.aisites.com/yccar/

    I am trying to style the links under the "Follow Us" section. I want the twitter and the youtube links to pop over horizontally and line up with the first two so there are two columns of icons, but for some reason I can't remember how I would go about styling this in the CSS. Can anyone help me out please? Right now they are just list items with a set width so they line up.

    Thanks

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,749
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello geekygirl,
    Remove that clear: both; so your float will let them sit side by side, then give the ul a width that will allow only 2 icons wide.
    Like this -
    Code:
    #icons >ul {
    width: 140px;
    	padding-right: 5px;
    	/*border-spacing: 35px;   ??? */
    	margin-top: 41px;
    }
    ul.list li{
        width: 61px;
        float: left;
    /*clear: both;*/
    	border: none;
    }
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    New Coder
    Join Date
    Nov 2010
    Posts
    18
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Wow! Awesome! Thanks so much!


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •