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 10 of 10

Thread: positioning?

  1. #1
    Regular Coder
    Join Date
    Apr 2005
    Posts
    313
    Thanks
    18
    Thanked 2 Times in 2 Posts

    positioning?

    Hello,
    I need to position the nav bar on the gray bottom image. Is that even possible? Any suggestions. The image is located here -http://www.moderntimes.com/tmp/egr.jpg-
    Thanks

  • #2
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Set the gray bottom image as a background for your navigation.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    Regular Coder
    Join Date
    Apr 2005
    Posts
    313
    Thanks
    18
    Thanked 2 Times in 2 Posts
    Yes, I tried that here's the CSS for the navcontainer-

    #navcontainer {
    width: 600px;
    background: url("bottom_strip.gif");
    margin-top: 1px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    padding: 0 0 0 75px;
    }

    But it doesn't have any affect?

  • #4
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Its trying to but the width you set is not as wide as the image and the height is also not set to the height of the image. Try this
    Code:
    /*  ZDnet Emulation, for horizontal list from http://css.maxdesign.com.au/listamatic/*/
    
    #navcontainer
    {
    background: url("bottom_strip.gif");
    border-top: 1px solid #fff;
    border-bottom: 1px solid #000
    margin-top: 1px;
    height:40px;
    }
    #navlist
    {
    list-style: none outside none;
    margin: 0;
    padding: 10px 0 0 0;
    }
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #5
    Regular Coder
    Join Date
    Apr 2005
    Posts
    313
    Thanks
    18
    Thanked 2 Times in 2 Posts
    Hi Aero, now I can get the nav bar over the bottom image, but I can't seem to get the nav bar centered, the development page is here

    http://www.moderntimes.com/tmp/

    Thanks

  • #6
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    Thats because you floated your lis. Do you really need that drop down stuff? If so then you'll have to read this
    http://www.cssplay.co.uk/menus/centered.html
    Good luck.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #7
    Regular Coder
    Join Date
    Apr 2005
    Posts
    313
    Thanks
    18
    Thanked 2 Times in 2 Posts
    If I eliminate the drop down stuff, how can I position it? I hate to keep bothering you, but as I look at my various books, and the stuff on the net, I just get more confused, so thanks so much for what you have given me.

    Michael

  • #8
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    If you eliminate the drop down stuff you can make your li display:inline instead of float:left; then use text-align:center; on the ul which will center the links.
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #9
    Regular Coder
    Join Date
    Apr 2005
    Posts
    313
    Thanks
    18
    Thanked 2 Times in 2 Posts
    Okay Aero that seems to work properly. I really do appreciate your help. I just wonder if I will ever really understand CSS? I just don't want to go back to tables. Thanks.
    Michael

  • #10
    Supreme Master coder! _Aerospace_Eng_'s Avatar
    Join Date
    Dec 2004
    Location
    In a place far, far away...
    Posts
    19,291
    Thanks
    2
    Thanked 1,043 Times in 1,019 Posts
    It takes time. Its taken me 6 years to get where I'm at now. Things that help are taking a tabled layout and trying to convert it to a layout without tables. The more you do the better you get at it. Eventually things become repetitive.
    ||||If you are getting paid to do a job, don't ask for help on it!||||


  •  

    Posting Permissions

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