Go Back   CodingForums.com > :: Client side development > HTML & CSS

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 07-10-2007, 10:39 PM   PM User | #1
canadianjameson
Senior Coder

 
Join Date: Jul 2003
Location: My pimped-out igloo in Canadia
Posts: 1,966
Thanks: 36
Thanked 0 Times in 0 Posts
canadianjameson is an unknown quantity at this point
ul / li positioning issue

Hi,


I haven't had this much trouble with this in a while so perhaps a fresh pair of eyes might help.

I'm trying to adjust the positioning of the bullet associated with my list, as well as the space between each <li> in my <ul>'s. You can see what I mean here: www.enviromark.ca/head/ --> click on the first vertical icon.
  • Specifically I want to position the bullet in the horizontal center of the first sentence (right now it hangs to the top).
  • I also wish to add a 20px space between my <li>'s, but have a 10px space when I nest <ul>'s

Thanks. If no one responds I'll take another look at this in an hour, i just know the solution is simple

Code:
/* CSS Document */
html, body {
height:100%;
font-family: "verdana", trebuchet ms, arial, sans-serif;
font-size: 11px;
}
* img {
border: 0 
}
.clear {
clear:both;
font-size:0;
line-height:0px;
}
#pageHolder {
margin: 10px;
}
#mainPointsYPP ul {
  list-style:url(../images/bullet.gif) none outside;
  padding:1px 0px 1px 15px;
  margin:5px 0px 2px 0px;
  }
#mainPointsYPP ul ul {
  list-style:url(../images/bullet.gif) none outside;
  padding:1px 0px 1px 15px;
  margin:5px 0px 2px 0px;
  }
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<link rel="stylesheet" href="" type="text/css">
</head>

<body>
<div id="pageHolder">
	<div id="mainPointsYPP">
		<ul>
			<li>Under 25? Have kids? Pregnant? Then come over and check out the Young Parents Program. We are a group of parents who meet for coffee, snacks, support and workshops twice a week. Lunch is also prepared for everyone. The atmosphere is very casual, friendly, and accepting. Come share your hopes, fears and problems, with like-minded young parents</li>
			<li>Children aged six months to five years are cared for within two separate groups. They are animated and entertained with age appropriate activities, such as arts and crafts, singing and stories. They get a chance to meet new friends and socialize with children their own age</li>
			<li>Parents are also offered a wide array of activities to participate in such as art therapy, dancing, and cooking. Also, there are workshops exploring parenting issues, health, wellbeing, etc. And on the last Friday of every month, access to free furniture, toys and clothing is available. 2 Bus tickets are given out at the end of every session</li>
			<li>Schedule for Mondays “Time Off For Mum” (Registration required)
				<ul>
					<li>Time off for Mum is coordinated by the group “Women on the Rise” in collaboration with the YPP, 10.30-3.30 stimulating activities for children age 2-5, hot lunch included for $2</li>
				</ul>
		</ul>
	</div>
</div>
</body>
</html>
__________________
Before you criticize someone, you should walk a mile in their shoes. That way, when you criticize them, you're a mile away and you have their shoes :)
canadianjameson is offline   Reply With Quote
Reply

Bookmarks

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 11:20 AM.


Advertisement
Log in to turn off these ads.