Definition List problems

Graft-Creative · 08-15-2005, 12:09 AM

I have a definition list on this page http://www.kelrick.com/local-information.asp

Looks ok? But what I'd really like to do is have the dds lining up flush left, so in effect I'd get something looking like this:

Blahblah: Description
Blahblah: Description
Blahblah: Description
Blahblah: Description

Hope that makes sense?

Any help greatly appreciated

P.s. Please don't comment on design - I pretty much had my hands tied on this one

kind Regards,

Gary

harbingerOTV · 08-15-2005, 12:30 AM

are you going for something like this?

Code:

<?xml version="1.0" encoding="iso-8859-1"?>
<!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-Language" content="en" />
<style type="text/css">
dt {
float: left;
margin-right: 1em;
width: 180px;
}
</style>
</head>
<body>
<dl id="useful-links">
<dt>Wigan Council</dt>
<dd><a href="www.wiganmbc.gov.uk">www.wiganmbc.gov.uk</a></dd> 
<dt>Local Information</dt>
<dd><a href="www.upmystreet.com">www.upmystreet.com</a></dd>
<dt>Route Planner</dt>
<dd><a href="www.greenflag.co.uk">www.greenflag.co.uk</a></dd> 
<dt>Database of Local Schools</dt>
<dd><a href="www.schoolswebdirectory.co.uk">www.schoolswebdirectory.co.uk</a></dd> 
<dt>School Inspection Reports</dt>
<dd><a hrefwww.ofsted.gov.uk>www.ofsted.gov.uk</a></dd>
<dt>Hospital</dt>
<dd><a href="www.wiganleigh.nhs.uk">www.wiganleigh.nhs.uk</a></dd>
<dt>General Information</dt>
<dd><a href="www.touchwigan.com">ww.touchwigan.com</a></dd>
<dt>Businesses</dt>
<dd><a href="www.yell.com & www.thomweb.co.uk">www.yell.com & www.thomweb.co.uk</a></dd>
</dl>
</body>
</html>