...

View Full Version : <dl> cant get a <DD> to position in Ievil.



bazz
03-01-2005, 08:19 PM
Hi.

here's the html


<head>
<title>Tara Guest House - Quality Accommodation Bangor Northern Ireland</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="http://taraguesthouse.co.uk/globalstyle.css" type="text/css">
<link rel="stylesheet" href="http://taraguesthouse.co.uk/print.css" media="print" type="text/css"></head>

<body>

<div id="headerdiv">
<div id="logo">
<img src="http://taraguesthouse.co.uk/images/logo.jpg" alt="" /></div>

</div>

<div id="bar">
Tara Guest House Bangor. Quality seaside accommodation
</div>
</div>
<div id="navbar">
<ul id="navlist">
<li><a href="http://cms.thechrissystem.com/cgi-bin/1/HTML_Editor/admin/builddb.pl/text01a">CMS</a></li>
<li><a href="http://thechrissystem.com/samplesites/sample1/index.php">Home</a></li>
<li><a href="http://cms.thechrissystem.com/cgi-bin/1/Meal_Menus/publicindex.pl/Tabledhote">Meal Menus</a></li>

<li><a href="http://thechrissystem.com/samplesites/sample1/prices.php">Room Tariffs</a></li>
<li><a href="http://cms.thechrissystem.com/cgi-bin/1/contact/contact.pl?dpt=chris_dpt">Contact Us</a></li>
<li><a href="http://thechrissystem.com/samplesites/sample1/drinkslist.php">Drinks List</a></li>
<li><a href="http://thechrissystem.com/samplesites/sample1/events.php">Upcoming Events</a></li>


</ul>

</div>
<div id="thumbbar">
<ul id="thumblist">
<li><a href="http://taraguesthouse.co.uk/enlarged2.htm"><img class="thumbs" src="http://www.thechrissystem.com/cgi-bin/mask.pl?client=taraguesthouse&size=90x70&img=image2.jpg" title="provided by www.thechrissystem.com" alt="image supplied by www.thechrissystem.com" > </a></li>
<li><a href="http://taraguesthouse.co.uk/enlarged3.htm"><img class="thumbs" src="http://www.thechrissystem.com/cgi-bin/mask.pl?client=taraguesthouse&size=90x70&img=image3.jpg" title="provided by www.thechrissystem.com" alt="image supplied by www.thechrissystem.com"> </a></li>
<li><a href="http://taraguesthouse.co.uk/enlarged4.htm"><img class="thumbs" src="http://www.thechrissystem.com/cgi-bin/mask.pl?client=taraguesthouse&size=90x70&img=image4.jpg" title="provided by www.thechrissystem.com" alt="image supplied by www.thechrissystem.com"></a></li>
<li><a href="http://taraguesthouse.co.uk/enlarged5.htm"><img class="thumbs" src="http://www.thechrissystem.com/cgi-bin/mask.pl?client=taraguesthouse&size=90x70&img=image5.jpg" title="provided by www.thechrissystem.com" alt="image supplied by www.thechrissystem.com"></a></li>
</ul>
</div>

<div id="text">
<link rel="stylesheet" href="/stylesheets/1/html/meals_specific.css" type="text/css">
<div id="menu">
<dl class="layout">

<dt>Monkfish</dt>

<dd class="price">15.00</dd>
<dd class="description">Monkfish saltimbocca on lime risotto with macedoine of beetroot & rocket burre blanc<BR> </dd>

<dd class="additionalinfo"><ul><li>Contains nuts,</li><li>
Gluten Free,</li><li>
Atkin's-Diet friendly,</li><li>
Suitable for Vegetarians</li><li>
Suitable for Vegans</li><li></ul></a>
</dl>
<div id="closingdiv">
<a href="/cgi-bin/1/Meal_Menus/publicindex.pl/Tabledhote?host=taraguesthouse.co.uk">back to menu</a>
</div>
</div>





</body>
</html>


here's the CSS



#menu {

text-align : center;

}

#menu h1 {
font-family : "Trebuchet ms", verdana, sans-serif, arial, helvetica;
color : #808080;
}

#menu dl.layout {

padding : 0;
background-color : transparent;
text-align : center;
}
#menu dt {
float : left;
font-size : 1.5em;
padding : 0 100px;
font-weight : bold;
background-color : transparent;
}

#menu dl dd.price {
float: right;
background-color: transparent;
margin: 0 0 0 15px;

}


#menu dl dd.description {
float : left;
display : block;
text-align : left;
font-size : 1em;
font-weight : bold;
background-color: transparent;
margin: 10px 0 0 0;
}



#menu dl dd.additionalinfo
{
float : left;
display: block;
white-space: nowrap;
margin: 0;
padding: 0 ;
border-left: 0px #ffffff dotted;

}

#menu dl dd ul {


}

#menu dl dd ul li {

display : block;
list-style-type: none;
line-height : 25px;
text-align : left;
border-right: 0px dotted #ffffff;
padding: 0 ;
margin-right : 25px;
background-color : transparent;
}


OK its for html outputted by perl, to displayed between a header and footer, which is why the rest of the css isn't there. Specifically, <dd class="description"> should be aligned to the left below the <DT> but in IEvil it positions itself between <dt> and the price <dd>

plz help. Today has been exasperating :(

Bazz

bazz
03-01-2005, 08:55 PM
sorted, in FF and the other big browser.

Bazz



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum