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 5 of 5
  1. #1
    New Coder
    Join Date
    Nov 2008
    Posts
    14
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Vertically Align List

    I want to place the list (in the navigation) that I have made to the bottom of the header... I just can't seem to get it there! Can anyone help?

    http://bytecast.org/ByteCast/

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,673
    Thanks
    22
    Thanked 1,827 Times in 1,811 Posts
    Hello AaronH,
    Try using a margin to nudge it down like this -
    Code:
    		ul.cssmenu {
    		list-style: none;
    		padding: 0px;
    		float: right;
    margin: 68px 0 0 0;
    		}
    Are #headerLeft and headerRight really necessary? Looks like a bit of divitis to me. That logo.png and your ul would be fine without seperate containing divs for each of them.
    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 2008
    Posts
    14
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Excavator View Post
    Hello AaronH,
    Try using a margin to nudge it down like this -
    Code:
    		ul.cssmenu {
    		list-style: none;
    		padding: 0px;
    		float: right;
    margin: 68px 0 0 0;
    		}
    Are #headerLeft and headerRight really necessary? Looks like a bit of divitis to me. That logo.png and your ul would be fine without seperate containing divs for each of them.
    Thanks for the info

    Won't using a margin to nudge it down screw it up in IE? I've tried to avoid that method where possible for that reason...

    I'll experiment a bit more tomorrow with this.

  • #4
    Supreme Master coder! abduraooft's Avatar
    Join Date
    Mar 2007
    Location
    N/A
    Posts
    14,801
    Thanks
    160
    Thanked 2,216 Times in 2,203 Posts
    Blog Entries
    1
    Okay, here you go!
    Code:
    * {
    margin:0;
    padding:0;
    }
    #headerRight {
    float:right;
    height:100px;
    position:relative;
    text-align:right;
    width:580px;
    }
    ul.cssmenu {
    /*float:right;*/
    list-style:none outside none;
    padding:0;
    position:absolute;
    right:0;
    bottom:0;
    }
    The Dream is not what you see in sleep; Dream is the thing which doesn't let you sleep. --(Dr. APJ. Abdul Kalam)

  • Users who have thanked abduraooft for this post:

    AaronH (06-13-2010)

  • #5
    New Coder
    Join Date
    Nov 2008
    Posts
    14
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Cheers abduraooft, you're a hero.


  •  

    Posting Permissions

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