HTML Brick Wall

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?
normal_brick_wall_bump_texture_map.jpg
 

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.
 

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.
 
Top