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
    New to the CF scene
    Join Date
    May 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Help with CSS and Div's

    I have been asked to add staff images along with captions in a sort of two column design. There are some <hr>'s involved and a graphic gradient banner that cones before each section. I am having a hard time trying to get the layout to look right using divs and I really dont want to use a table. Would someone have the time to be able toguide me through this layout using Divs and CSS? Below is a screen capture of what I am trying to accomplish.



    This is all contained within a main div and a content div as well. I am not the one doing the main css, I am just adding content to the exsisiting site.

    Any help would be GREATLY appreciated.

  • #2
    Regular Coder
    Join Date
    Apr 2008
    Location
    Manila, Philippines
    Posts
    262
    Thanks
    3
    Thanked 12 Times in 12 Posts
    I think this is what you want??

    Forgive me if something is wrong... i just did it in notepad... ^__^

    just hit me back if something is wrong..aight?? sleepy...zzzzZZZ

    #col_one {width:you set;
    float:left;
    padding:you set;
    margin:you set;
    }
    img{float:left}

    .content{width: you set;
    margin:you set;
    }

    <div id="wrap">

    <div class="title"><h1>Clerical Something</></div>

    <div id ="col_one">
    <div class="content">
    <img ="/image"><p>Loremipsum</p>
    </div>
    </div>

    <div id ="col_two">
    <div class="content">
    <img ="/image"><p>Loremipsum</p>
    </div>
    </div>

    </div>

  • #3
    New to the CF scene
    Join Date
    May 2008
    Posts
    4
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thank you, sleepy or not it is better than what I had! Thanks for taking the time to do that for me, I really appreciate 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
    •