Not Displaying Correctly
Hi,
For some reason I can't get this code to display how I want. Basically, I would like the grey border of news-container to be below the comments(0) text.
Any Ideas why it isn't doing this? Thanks
Hi,
For some reason I can't get this code to display how I want. Basically, I would like the grey border of news-container to be below the comments(0) text.
Any Ideas why it isn't doing this? Thanks
Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Untitled Document</title>
<style>
#news-container {
max-width:703;
margin-top:10px;
padding-bottom: 5px;
border-bottom: 2px solid #707070;
}
#news-title {
font-size: 24px;
}
#news-info {
font-size: 10px;
}
#news-snippet {
font-size: 12px;
padding-top: 2px;
}
#news-readmore {
font-size: 10px;
text-align: right;
}
</style>
</head>
<table>
<tr>
<td width="703" align="center"><img src="images/latest-traffic-news.gif" />
<div id="news-container">
<div style="float:left; width:160px;"><img src="n_images/worst-commutes.jpg" border="0" /></div>
<div style="float:right; width:520px; text-align:left; padding-right:7px;">
<div id="news-title"><a href="#">The UK's Worst Roads Revealed</a></div>
<div id="news-info">Posted on 16.05.07 at 12:15 by Paul</div>
<div id="news-snippet">Keepmoving's latest traffic survey identifies Britain's most congested commuter routes. Among the top 20 most congested roads in April 2007, London has seven entries and Glasgow five but top spot goes to the M6, Junction 9 Southbound near Wednesbury in the West Midlands. Here, motorists have a 93% chance of being stuck in traffic between 17:00 and 18:00 on t...</div>
<div id="news-readmore" style="margin-top:5px;"><a href="#">Read More</a><br /><a href="#">Comments (0)</a></div>
</div>
</div>
</td>
</tr>
</table>
<body>
</body>
</html>
Last edited:
