Sent by Michael Cassidy on 28 October 2003 01:01
At 5:12 PM -0500 10/27/03, Doug Miller wrote:
>Sorry, I should have made an example of what I want it to look like...
>
>If you look at it now, there is an example of what I want.
>
>http://www.dispatch.com/list-menu-test.html
>
>It almost gets it right in IE6/WIN, but I'm getting odd spacing, and an
>"accordian" effect as I roll over the list.
>
>Thanks!
>
>On Monday, October 27, 2003, at 03:26 PM, Michael Cassidy wrote:
>
>>On all 3 of my MAC browers its different so hard to tell which if any are
>>right.
>___________________________________
This works on two of my MAC browers NS6+ and IE5+ Opera6+ everything is
displayed inline. I dont know why .
Maybe someone else on the list will spot why its unhappy on Opera.
Regards
m
<!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>
<title>List-menu test</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
<!--
div#container {
width: 204px;
height: 350px;
font-family: bold 10px/18px verdana, sans-serif;
}
ul {
border: 0;
margin: 0;
padding: 0;
font: 10px/18px Arial Verdana, sans-serif;
list-style-type: none;
text-align: left;
display: block;
}
..half li {float: left;}
..full li {float: left;}
..full li a {
font-family: bold 10px/18px verdana, sans-serif;
width: 200px;
background: yellow;
height: 18px;
border-right: 2px solid #fff;
margin: 0 0 2px 0;
color: #000;
text-decoration: none;
display: block;
text-indent: 6pt;
}
..half li a {
font-family: bold 10px/18px verdana, sans-serif;
background: red;
width: 99px;
height: 18px;
border-right: 2px solid #fff;
margin: 0 0 2px 0;
color: #000;
text-decoration: none;
display: block;
text-indent: 6pt;
}
li a:hover {
color: #fff;
background: #00c;
text-decoration: underline;
}
-->
</style>
</head>
<body>
<div id="container">
<ul class="full">
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
</ul>
<ul class="half">
<li><a href="#">Item 3</a></li>
<li><a href="#">Item 4</a></li>
<li><a href="#">Item 5</a></li>
<li><a href="#">Item 6</a></li>
</ul>
<ul class="full">
<li><a href="#">Item 7</a></li>
<li><a href="#">Item 8</a></li>
</ul>
<ul class="half">
<li><a href="#">Item 9</a></li>
<li><a href="#">Item 10</a></li>
<li><a href="#">Item 11</a></li>
<li><a href="#">Item 12</a></li>
</ul>
<ul class="full">
<li><a href="#">Item 13</a></li>
<li><a href="#">Item 14</a></li>
</ul>
</div>
</body>
</html>
------------------------------------------------------------------
Jazz is freedom. - T. Monk
http://www.panix.com/~cassidy
[Public key available.]
______________________________________________________________________
css-discuss [EMAIL-REMOVED]]
http://www.css-discuss.org/mailman/listinfo/css-d
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
