HTML Brick Wall

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

to remove all ads.
  1. dermaldo

    dermaldo New Member

    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?
  2. CaldwellYSR

    CaldwellYSR Member

    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

    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

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

Share This Page