[SOLVED] List not Showing

Clinton · January 21, 2009

I don't get it... what is in this code that makes a list not show?

I call this document from my page via:

If I remove that I lose some styling but I can see the HTML lists as they are intended. If I add in that style sheet than the HTML lists go away. I don't get it.

/* CSS Document */
*						{padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}
table 					{border-collapse:collapse; border:0px; width:100%;}
body					{text-align:center}
td						{vertical-align:top}
th						{text-align:left; vertical-align:top}
img						{border:none}
h2						{font-size:120%}
h3						{font-size:110%}
h4						{font-size:110%}
textarea .inputbox 		{width:300px; height:100px; margin:0px 0px 5px 0px;}
select					{height:auto; margin:0px 0px 2px 0px; vertical-align:middle}

.width					{width:100%}
.middle					{vertical-align:middle}
.main 					{margin:auto; text-align:left}

haku · January 21, 2009

Nothing in that CSS will affect any lists. We need to see your HTML combined with the CSS, and preferably a link.

Clinton · January 21, 2009

It's all localhost so unfortunately I don't have a link... let me give you my code here...

...like I said, once I remove the stylesheet my list show np. Thanks for looking at this.

<?php
session_start();
include 'connect/project.htm';

if(($_SESSION['logged_in'] == 1) && ($_SESSION['access_type'] == d))
{
$uid = mysql_real_escape_string($_SESSION['user_id']);

$rname = ($_GET['rname']);

$query = mysql_query("SELECT * FROM dholders WHERE username = '$uid'");
$row = mysql_fetch_assoc($query);
extract($row);
?>

<html>
<head>
<title> <?php echo $prefix;?> <?php echo $lname;?>'s <?php echo $rname;?>  </title>

<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link rel="stylesheet" href="view.css" type="text/css" />
</head>

<body>

<div id="tail">
	<div class="main">
		<div id="top">
			<div id="logo">
				<a href="index.php"><img src="images/logob.png" alt="" /></a>
			</div>
			<div class="right">
				<div id="topmenuposition">
				</div>
			<div id="topmenu">
				<div class="module_s10">
					<div>

						<div>
							<div>
										<ul class="menu-nav">
										<li class="item60"><a href="index.php"><span><em>Home</em></span></a></li>
										<li class="item29"><a href="aboutus.php"><span><em>About Us</em></span></a></li>
										<li class="item54"><a href="resources.php"><span><em>Resources</em></span></a></li>
										<li class="item55"><a href="press.php"><span><em>Press/Media</em></span></a></li>
										<li class="item56"><a href="contact.php"><span><em>Contact Us</em></span></a></li></ul>												</div>
						</div>
					</div>
				</div>
			</div>
			</div>
		</div>

<div id="header">
<div class="bg-right">
	<div class="bg-left">
		<div class="space"><img src="images/banner.png" alt="" /></div>
	</div>
</div>
</div>

<div id="breadcrumb">
<div class="module_breadcrumb">
	<div>
		<div>
			<div>
    				<span class="breadcrumbs pathway">

					Your <?php echo $rname;?> <?php echo $prefix;?> <?php echo $lname;?>.

</span>
			</div>
		</div>
	</div>
</div>
</div>

<div id="wrapper">
<div class="indent">
	<div id="right">
<?php include 'mmenu.php'; ?>

<?php include 'linmenu.php'; ?>


	</div>

	<div id="content">
		<div class="content-tl">
			<div class="content-tr">
				<div class="width">
					<div id="boxes">
						<div id="box1">
							<div class="module">
								<div class="first">
									<div class="sec min-height">
										<div class="box-indent">
											<div class="width">

<?php
$query1 = mysql_query("SELECT * FROM head WHERE did = '$id' AND rname = '$rname'");
$row1 = mysql_fetch_array($query1);
?>

<center>
<b><?php echo $fname; ?> <?php echo $mname; ?> <?php echo $lname; ?></b><br />
</center>

<?php
$query1 = mysql_query("SELECT * FROM structure WHERE did = '$id' AND rname = '$rname'");
$row1 = mysql_fetch_array($query1);

?>

SUMMARY:
<?php echo $row1['sumqual']; ?><p> </p>
<ul><li>Went to the Market</li><li>Bought 6 pigs</li><ul><li>Learned I loved Bacon</li><li>Went Back to the Market</li></ul>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>


			</div>

</div>
			</div>
		</div>
	</div>
</div>
</div>

	</div>
</div>

<div id="footer">
<div class="bg">
	<div class="right-bg">
		<div class="left-bg">
			<div class="space">
					© 2009 

			</div>
		</div>
	</div>
</div>
</div>
</body>
</html>
<?php } else {?>

<html>
<head>
<title>10-31</title>
<meta http-equiv="refresh" content="2;url=index.php" />
</head>
<body>
We have a 10-31. Login or face prosecution!
</body>
</html>
<?php } ?>

haku · January 21, 2009

Please post the source code without any PHP in it. (ie: use 'view source' in your browser after running the script).

Clinton · January 21, 2009

<html>
<head>
<title>Mr. Blah's General</title>

<link href="images/favicon.ico" rel="shortcut icon" type="image/x-icon" />
<link rel="stylesheet" href="viewresume.css" type="text/css" />
</head>

<body>

<div id="tail">
	<div class="main">
		<div id="top">

			<div id="logo">
				<a href="index.php"><img src="images/logob.png" alt="" /></a>
			</div>
			<div class="right">
				<div id="topmenuposition">
				</div>
			<div id="topmenu">
				<div class="module_s10">
					<div>

						<div>
							<div>
										<ul class="menu-nav">
										<li class="item60"><a href="index.php"><span><em>Home</em></span></a></li>
										<li class="item29"><a href="aboutus.php"><span><em>About Us</em></span></a></li>
										<li class="item54"><a href="resources.php"><span><em>Resources</em></span></a></li>
										<li class="item55"><a href="press.php"><span><em>Press/Media</em></span></a></li>

										<li class="item56"><a href="contact.php"><span><em>Contact Us</em></span></a></li></ul>												</div>
						</div>
					</div>
				</div>
			</div>
			</div>
		</div>

<div id="header">
<div class="bg-right">
	<div class="bg-left">
		<div class="space"><img src="images/banner.png" alt="" /></div>
	</div>
</div>
</div>

<div id="breadcrumb">
<div class="module_breadcrumb">
	<div>

		<div>
			<div>
    				<span class="breadcrumbs pathway">

					Your General, Mr. Blah.

</span>
			</div>
		</div>
	</div>
</div>

</div>

<div id="wrapper">
<div class="indent">
	<div id="right">
		<div class="module_menu">
			<div class="first">
				<div class="sec">
					<h3>Mr. Blah</h3>
						<div class="box-indent">

							<div class="width">
								<ul class="menu">

								<li id="current" class="active item1"><a href="index.php"><span><em>Home</em></span></a></li>
								<li class="item2"><a href="dmember.php"><span><em>Members Area</em></span></a></li>
								<li class="item2"><a href="myinfo.php"><span><em>My Info</em></span></a></li>
								<li class="item2"><a href="aboutus.php"><span><em>About Us</em></span></a></li>

								<li class="item50"><a href="resources.php"><span><em>Resources</em></span></a></li>
								<li class="item57"><a href="press.php"><span><em>Press/Media</em></span></a></li>
								<li class="item58"><a href="press.php"><span><em>Contact Us</em></span></a></li>
								<li class="item41"><a href="faq.php"><span><em>FAQ</em></span></a></li>
								<li class="item41"><a href="logout.php"><span><em>Logout</em></span></a></li></ul>				</div>
						</div>

				</div>
			</div>
		</div>




	</div>

	<div id="content">
		<div class="content-tl">

			<div class="content-tr">
				<div class="width">
					<div id="boxes">
						<div id="box1">
							<div class="module">
								<div class="first">
									<div class="sec min-height">
										<div class="box-indent">
											<div class="width">




SUMMARY:
<ul><li>Went to the Market</li><li>Bought 6 Pigs</li><ul><li>Learned I love Bacon</li><li>Went Back to the Market</li><li>Blah, & Blah</li><li>Blah</li></ul><li>Blah

</li></ul><p> </p>
<ul><li>Went to the Market</li><li>Bought 6 Pigs</li><ul><li>Learned I love Bacon</li><li>Went Back to the Market</li><li>Blah, & Blah</li><li>Blah</li></ul><li>Blah

</li></ul>
					</div>
				</div>
			</div>

		</div>
	</div>
</div>


			</div>

</div>
			</div>
		</div>
	</div>

</div>
</div>

	</div>
</div>

<div id="footer">
<div class="bg">
	<div class="right-bg">
		<div class="left-bg">
			<div class="space">

					© 2009 

			</div>
		</div>
	</div>
</div>
</div>
</body>
</html>

haku · January 21, 2009

which lists are disappearing?

Clinton · January 21, 2009

The ones underneath "SUMMARY". The text is showing up they are just not being bulleted.

Clinton · January 21, 2009

Nothing, huh? Yea, I don't get it either.

Clinton · January 21, 2009

I just got rid of: "* {padding:0px 0px 0px 0px; margin:0px 0px 0px 0px;}" in the CSS document and the list showed up as Bulleted like it's supposed to. Why did this affect it?

haku · January 22, 2009

Bullet marks are either inside the box or outside the box, depending on the browser you are using. I think IE puts them outside. So if you take off all margin, the bullet has nowhere to appear.

It's best to explicitly declare list-style-position at the start of your CSS as either inside or outside so its consistent across browsers. I prefer inside myself.

Sign In

[SOLVED] List not Showing

Recommended Posts

Clinton

Link to comment

Share on other sites

haku

Link to comment

Share on other sites

Clinton

Link to comment

Share on other sites

haku

Link to comment

Share on other sites

Clinton

Link to comment

Share on other sites

haku

Link to comment

Share on other sites

Clinton

Link to comment

Share on other sites

Clinton

Link to comment

Share on other sites

Clinton

Link to comment

Share on other sites

haku

Link to comment

Share on other sites

Archived

Browse

Activity

Important Information