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
    Regular Coder
    Join Date
    Oct 2005
    Posts
    336
    Thanks
    43
    Thanked 2 Times in 2 Posts

    How do I get rid of this Div - but keep my layout the same?

    I have a div called "Navigation". I would like to (if possible) remove the div and have the two UL's sit inside the background div instead but keep the red part.

    Basically I want to keep the layout the same but remove the navigation div as I dont want lots of unnessesary divs.

    If I do need it, then of course I will keep it!

    www.tomkilbourn.com/tomkilbourn/removeadiv.html
    Last edited by moss2076; 09-27-2007 at 03:10 PM.

  • #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
    You don't the unordered list. Change this
    Code:
    <div id="navigation">
    <ul id="threebarmenu">
    
    <li>line one</li>
    </ul> 
    
    <ul id="leftnav">
    <li class="leftnavCrouton">You Are In: </li>
    </ul>
    <br style="clear: both;"/>
    </div>
    to this
    Code:
    <div id="navigation">
    <span>line one</span>You Are In:
    </div>
    Then in your CSS
    Code:
    #navigation span {
    float:right;
    }
    #navigation {
    text-align:left;
    }
    You may have to clear the float in which case use the method described here http://positioniseverything.net/easyclearing.html
    ||||If you are getting paid to do a job, don't ask for help on it!||||

  • #3
    Regular Coder
    Join Date
    Oct 2005
    Posts
    336
    Thanks
    43
    Thanked 2 Times in 2 Posts
    Thanks, but I want to get rid of the navigaton div. I want the same appearance,but have everything inside the Background div.


  •  

    Posting Permissions

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