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

    Question how to make this layout with divs?

    can someone please tell me how i can create this layout with divs? i been trying to recreate this with divs for the longest time but no luck. if someone can give me a hand it will be awesome
    Attached Thumbnails Attached Thumbnails how to make this layout with divs?-footer.png  

  • #2
    New Coder
    Join Date
    Nov 2010
    Location
    Virginia,USA
    Posts
    36
    Thanks
    1
    Thanked 7 Times in 7 Posts
    Here's something from one of my projects. You will need to adjust it the way you need but it will get you what you need I think.

    Put this in your stylesheet

    Code:
     
    
     .one_fourth {
    	float:left;
    	margin-right:40px;
    	width:190px;
    	margin-bottom:20px;
    	position:relative;	
    }
    Call it like on your page like this. It will make one div floated left 190px wide. Just call however many you need.

    Code:
      <div class="one_fourth">
          <p>Put whatever you want in here
                like a list or image</p>
      </div>
    Last edited by badwolf; 05-23-2012 at 03:26 AM.


  •  

    Posting Permissions

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