views:

102

answers:

2

I want to design my a friends list page that is almost identical to Facebook's, how there is a thumbmail image with some text beside it (that is aligned with the top of the graphic), and then surrounded by a gentle box.

Can someone provide some sample HTML/CSS for this?

+2  A: 

I can suggest you use Firefox browser and install the Firebug plug-in. Then inspect whatever you want to plagiarise from wherever you like. Firebug is a must-have if you're into web development :)

Peter Perháč
How do you use this thing? The CSS is so short are you sure it's capturing everything?
alamodey
If your Firebug is installed and enabled then you can go to the particular element on the page you intend to `inspect` and press Ctrl+Shift+C (turn on fb's inspect function), click on the element and look at the CSS styles applied to it in the right-hand pane.
Peter Perháč
A: 

Looking at and learning from their html/css via Firebug is probably the best in the long run, but this breakdown might also be useful: How to Style an Application Like Facebook.

Jon Hadley