CSS troubles

Discussion in 'Web Design and Development' started by tominated, Dec 29, 2006.

  1. tominated macrumors 68000

    tominated

    Joined:
    Jul 7, 2006
    Location:
    Queensland, Australia
    #1
    i have only just started with css and i want to know how to move a div to where is shown on the picture.

    here is the css code (i want the class "bar bottom to appear under "bartop")
    Code:
    .site {
    	width: 600px;
    	float: middle;
    }
    
    .headmenu {
    	background:url(menubar.jpg);
    	height: 49px;
    }
    
    .titlelogo {
    	background:url(title.jpg);
    	width: 199px;
    	height: 198px;
    	float: left;
    	margin-top: 1px;
    }
    
    .bartop {
    	background:url(bartop.jpg);
    	height: 99px;
    	float: left;
    	margin-left: 1px;
    	margin-top: 1px;
    }
    
    .barbottom {
    	background:url(barbottom.jpg);
    	height: 99px;
    	float: left;
    	margin-left: 1px;
    }
    Can someone tell me what i should edit to make the barbottom div go under the bar top div.
     

    Attached Files:

  2. aussieNickuss macrumors newbie

    Joined:
    Dec 28, 2006
    Location:
    Ballarat, Victoria, Australia
    #2
    Maybe try putting bar top and bar bottom into their own div eg. (using the labels off your pic and using a left and a right div)...

    Code:
    <div id="left">
      <div id="titletext"></div>
    </div>
    <div id="right">
      <div id="bartop"></div>
      <div id="barbottom"></div>
    </div>
    Set the width of the right div the same as the bartop and barbottom divs and set it to float left.
     
  3. tominated thread starter macrumors 68000

    tominated

    Joined:
    Jul 7, 2006
    Location:
    Queensland, Australia
    #3
    awesome! thanks!
     

Share This Page