HTML Brick Wall

Discussion in 'Web Design' started by dermaldo, Jul 24, 2011.

to remove all ads.
  1. dermaldo

    dermaldo New Member

    Messages:
    1
    Hey... first time around here.... hope im posting right and my knowledge of english will be enough.

    I need to make a brick wall in HTML. Around 5000 bricks on screen. Each brick is unique. Its an entity on a mysql db. If the registry exist i show the brick, if not, it dont. Clicking on someone i start some function to modify my db and then make it disappear.

    I know how to handle mysql php and all of that. Thats not problem.

    But i dont know HOW can i do this in HTML, HOW TO SHOW a brick wall in html. Wich is the best way. Considering that each brick has to be a link.

    Can someone IMAGINE how at least can i start?
    [​IMG]
     
  2. CaldwellYSR

    CaldwellYSR Member

    Messages:
    658
    probably a table. You'd have to do the math to figure out how many rows and data cells you would need but a table would be the best way to get them all lined up. It wouldn't look exactly right because a brick wall doesn't have bricks stacked exactly on top of one another but it's probably the easiest way to get close. If not that the only other thing I can think of would be unordered lists. You'd have to play with the css to get them in the right pattern like a brick wall.
     
  3. ronaldroe

    ronaldroe Super Moderator Staff Member

    Messages:
    1,223
    Lay out a row of bricks using left floated divs.
    For every other row, set the margin to -50% for the first div in the row.
    Set overflow for the container to hidden.
     
  4. CaldwellYSR

    CaldwellYSR Member

    Messages:
    658
    Yes listen to him. He's much smarter than I am :p
     

Share This Page