TestingXSD
Programmer
I have page that has a wrapping div tag with another "nav" type div tag contained within. My problem is that the bullets for the list in the main section do not intent as they should.
The only work around I have found is set either the indent for the li or to set margins on the ul. I can't do this because the "nav" table does not appear on all pages.
Here is an example of the problem page:
<html>
<head>
<title>testing</title>
<style>
p{
FONT-FAMILY:Arial;
}
div.Nav{
padding-left:10px;
padding-right:10px;
float:left;
font-weight:bold;
BACKGROUND-COLOR: #f0f0f0;
width:30%;
height: auto;
margin-right: 20px;
padding-bottom: 20px;
position: static;
display:inline;
clear:none;
}
</style>
</head>
<body>
<div class="Main">
<div class="Nav">
<p>links</p>
<p>links</p>
<p>links</p>
<p>links</p>
<p>links</p>
</div>
<p> other content</p>
<p> other content</p>
<p> other content</p>
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
</div>
</body>
</html>
If you paste this into an HTML doc you see that the bullets for the list are on the same vertical axes as the paragraph tags. If you change the float on the nav div then the bullets intent as they should.
I'm stumped.
-T
The only work around I have found is set either the indent for the li or to set margins on the ul. I can't do this because the "nav" table does not appear on all pages.
Here is an example of the problem page:
<html>
<head>
<title>testing</title>
<style>
p{
FONT-FAMILY:Arial;
}
div.Nav{
padding-left:10px;
padding-right:10px;
float:left;
font-weight:bold;
BACKGROUND-COLOR: #f0f0f0;
width:30%;
height: auto;
margin-right: 20px;
padding-bottom: 20px;
position: static;
display:inline;
clear:none;
}
</style>
</head>
<body>
<div class="Main">
<div class="Nav">
<p>links</p>
<p>links</p>
<p>links</p>
<p>links</p>
<p>links</p>
</div>
<p> other content</p>
<p> other content</p>
<p> other content</p>
<ul>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
<li>list item</li>
</ul>
</div>
</body>
</html>
If you paste this into an HTML doc you see that the bullets for the list are on the same vertical axes as the paragraph tags. If you change the float on the nav div then the bullets intent as they should.
I'm stumped.
-T