|
A Not So Simple Table Layout
It's your job to design this 100% width table.
Hints:
- Make a banner at 728x90
- Set the margin on the page (body) to 0
- Don't set the td for the main content to any width, but do set the link/ad areas each to 150px. Let the height worry about itself. It will adjust based on the content that you put inside each cell.
- In the main Table tag set the border to 0 and cellspacing to 0 (while you're working you might want the border to be 1)
- Set the font size at 1em for the body (in the css), the text in the center is .8em
- Set every td to be vertically-aligned to the top with 0 padding
- Add a little padding to the text tds so they don't bleed to the edge of the cell
- Use line-height on the links/ads area
- I'll let you figure out the rest (there are no tags used here that we haven't covered/read about)
- Yes, you are allowed to make this more attractive with other colors/borders, etc. but you can't change the general layout
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In molestie rutrum turpis. Donec eget enim. Nulla auctor lacus sit amet mauris. Sed pretium turpis vel leo. Sed id turpis eu nisi ullamcorper venenatis. Phasellus sit amet pede. Duis gravida. Nunc aliquam, quam eget varius posuere, erat turpis fringilla tellus, a pellentesque urna orci vel urna. Nullam at ipsum in orci dignissim malesuada. Donec tempus sapien id enim. Suspendisse potenti. Curabitur tristique pede.
|