polishvalor
20 Nov 2010, 02:29 PM
really for the life of me i cannot figure this out. haha maybe im just missing something carelessly. anyway i have 5 different rows with different text sizes and indents. tried to div it, but it didn't work so well, so i tried it in table and didn't work either. all the text which will be inside will be php.
<html>
<head>
<style type="text/css">
body{ background: #000; font: normal 11px Arial, sans-serif; color: #555;}
.blog{ background: #000; width: 500px; border: 3px double #EEE;}
tr#h1{ text: 15px; color: #FFF; padding: 5px; }
#p1{ text: 9px; padding: 5px; margin: 3px 20px;}
#p2{ text: 9px; color: #FFF; padding: 5px; margin: 3px 20px;}
#p3{ text: 11px; padding: 20px; margin: 3px 20px;}
#p4{ text: 9px; padding: 5px;}
#p5{ text: 5px; }
</style>
</head>
<body>
<table class="blog">
<tr id="h1"><td>heading</td></tr>
<tr><td>poster</td><td>date</td></tr>
<tr><td>edited on:</td></tr>
<tr><td>content</td></tr>
<tr><td>replies</td></tr>
<tr><td>edit</td><td>delete</td></tr>
</table>
</body>
</html>
<html>
<head>
<style type="text/css">
body{ background: #000; font: normal 11px Arial, sans-serif; color: #555;}
.blog{ background: #000; width: 500px; border: 3px double #EEE;}
tr#h1{ text: 15px; color: #FFF; padding: 5px; }
#p1{ text: 9px; padding: 5px; margin: 3px 20px;}
#p2{ text: 9px; color: #FFF; padding: 5px; margin: 3px 20px;}
#p3{ text: 11px; padding: 20px; margin: 3px 20px;}
#p4{ text: 9px; padding: 5px;}
#p5{ text: 5px; }
</style>
</head>
<body>
<table class="blog">
<tr id="h1"><td>heading</td></tr>
<tr><td>poster</td><td>date</td></tr>
<tr><td>edited on:</td></tr>
<tr><td>content</td></tr>
<tr><td>replies</td></tr>
<tr><td>edit</td><td>delete</td></tr>
</table>
</body>
</html>