Link to home
Start Free TrialLog in
Avatar of Jazzy 1012
Jazzy 1012

asked on

How can I make a div layout like the one in the image

I want my page to have a div on the side where I will put  a title and radio boxes, and then a div on the center and right area where I will have a title then a button then 3 div boxes that will contain a pic with information on each row?
User generated image
I have done this so far:
<div class="row rowing">
  
  <div class="col-6 col-md-2">
  <p class="orange OldStandard"> Menu Filters</p>
  <br>
          <input type="radio" id="male"/> <label for="male">Male</label>
        <br />
        <input type="radio" id="female"/> <label for="female">Female</label>
  
  </div>
  <div class="col col-md-10">
  <p class="orange OldStandard">Category</p>
  
  </div>
</div>

Open in new window


But my only issue is under the category, that how can I make the 3 boxes per row, because I will fill them up from my database using php, so I want to be able to have one, and the php will loop it into just 3 per row?
Avatar of Ray Paseur
Ray Paseur
Flag of United States of America image

No points for this because it's not an answer, just advice.  Learn about Twitter Bootstrap.  It will make cross-browser and cross-device layout problems a thing of the past.
https://en.wikipedia.org/wiki/Bootstrap_(front-end_framework)
ASKER CERTIFIED SOLUTION
Avatar of Rob
Rob
Flag of Australia image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial