Forum Moderators: not2easy
Can anyone help me with why my UL wont display correctly? It does display a list, but it appears centred, and with no bulleting. Something in my page must be upsetting it, as the "content" html & css work fine in isolation (ie when cut and pasted to a brand new page). Have i missed something obvious?
Thanks
Kate
<body id="one">
<div id="container">
<div id="topbar"></div>
<div id="sidebar"></div>
<div id="rightcol"></div>
<div id="content">
SHOPPING LIST
<br>
Here are some things you need:
<br>
<ul>
<li>Stuff</li>
<li>More Stuff</li>
<li>Some more stuff</li>
</ul>
</div>
#body {
background: #FFF;
margin: 1px;
padding: 20px;
color: #333;
font-size: 0.8em;
font-family: Geneva, Arial, Helvetica, sans-serif;
text-align: left;
}
#container {
border: 0px solid gray;
margin: 0px;
margin-left: auto;
margin-right: auto;
padding: 0px;
text-align:left;
background: #FFF;
}
#topbar
{
background-image:url(Images/bestblue2.jpg);
height:104px;
width: 100%;
z-index:1
}
#sidebar
{
float:left;
left:-1px; top:500px;
width:160px; height:550px;
z-index:1;
background-image:url(Images/sidebar.jpg)
}
#rightcol {
float: right;
top:122px;
width: 10%;
height: 500px;
background-image:url(Images/rightbar2.jpg);
padding-right:100px
}
#content
{
float:left;
top:500px;
width:55%; height:600px;
z-index:8;
margin-top:20px;
overflow:visible;
list-style-type:square
}
#Logoleft {
position:absolute;
left:20px; top:19px;
width:93px; height:53px;
z-index:10}
#Logoright {
position:absolute;
left:642px;
top:19px; width:93px;
height:53px; z-index:9}
#Title{
position:absolute;
left:270px; top:20px;
width:314px; height:70px;
z-index:11;
class:style1
}
#Footer{
position:absolute;
left:39px; top:636px;
width:595px; height:22px;
z-index:12; class:blacksmall;
text-align:center;
clear:both
}
#menu
{
position:absolute;
left:-1px; top:117px;
width:142px; height:146px;
z-index:3;
display:block;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px
}
I did close a div tag which you left open:
<body id="one">
<div id="container"> ---This was left open
<div id="topbar"></div>
<div id="sidebar"></div>
<div id="rightcol"></div>
<div id="content">
SHOPPING LIST
<br>
Here are some things you need:
<br>
<ul>
<li>Stuff</li>
<li>More Stuff</li>
<li>Some more stuff</li>
</ul>
</div>
</div>**added
Any joy?
Damn thing works everywhere except in my page: logically something's got to be causing it, but i can't see what.
ul{list-style-type:none;text-align:center;} - put in my CSS doc for a menu which I created about six months ago and promptly forgot about. Duh!- sorry.
