...

View Full Version : Help with indenting a list



Mindy Sue
10-01-2010, 10:37 PM
I am trying to indent the bulleted list after PILATES and YOGA. If anyone can help me figure out what I have done wrong I'd appreciate it. Thank you!



<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta name="generator" content="HTML Tidy for Linux (vers 6 November 2007), see www.w3.org" />
<title>Viking Fitness Center</title>
<meta http-equiv="Content-Language" content="English" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="stylesheet" type="text/css" href="style.css" media="screen" />
<style type="text/css">
/*<![CDATA[*/
<!--
body,td,th {
font-size: 12px;
}
#wrap #content .right .articles p {
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
font-weight: normal;
}
-->
/*]]>*/
</style>

<style type="text/css">
/*<![CDATA[*/
div.c2 {clear: both;}
p.c1 {text-align: justify}
/*]]>*/
.hover9 {
}
</style>
</head>
<body>
<div id="wrap">

<div id="header">
<h1><a href="#"></a></h1>
</div>
<div id="menu">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="locations.html">Locations</a></li>
<li><a href="success.html">Services</a></li>
<li><a href="pricing.html">Pricing</a></li>
<li><a href="pools.html">Pools</a></li>
<li><a href="trainers.html">Trainers</a></li>

<li><a href="tanning.html">Tanning</a></li>
<li><a href="classes.html">Classes</a></li>
<li><a href="childcare.html">Childcare</a></li>
</ul>
</div>
<div id="menubottom">
<ul>
<li><a href="C:\Documents and Settings\Owner\Desktop\Viking Fitness\template2\childcare.html">Figures For Women</a></li>
<li><a href="C:\Documents and Settings\Owner\Desktop\Viking Fitness\template2\success.html">Success Stories</a></li>
</ul>
</div>
<div id="content">

<div class="right">
<h2><strong>Class Description</strong></h2>
<div class="articles">
<p class="c1"> </p>
<p class="c1"> </p>
<br />
<br />
<strong class="descriptionsize14">FIRM &amp; CARDIO BLAST</strong>
<br/>
Our group aerobic classes are challenging, self paced and co-ed. They consist of several possible combinations, to include: hi-lo, steps, tubing, bands, dumbbells and weighted bars. For one hour, you will be guaranteed a variety of challenging cardiovascular moves while having fun in a group setting.</p>

<br />
<br /><br />

<p class="c1"> </p>
<strong class="descriptionsize14">BODY SCULPT</strong>
<br/>
If you are interested in an incredible way to firm and tone while you're getting a cardiovascular workout, then a Body Sculpt class is for you. During this one-hour co-ed class you will use tubing, hand weights, bands and weighted bars to get a challenging combination of both toning and cardiovascular conditioning.</p>
<br />
<br />
<br />
<p class="c1"> </p>
<strong class="descriptionsize14">FIT BALL CHALLENGE</strong>

<br/>
This is a one-hour co-ed fitness class using a fit ball that works your entire body. It's a challenging class that uses wide range routines involving both weights and low impact cardiovascular moves. Using a fit ball creates instability in the body, forcing the core muscles to work harder to hold the body in place and stabilize the spine.</p>
<br />
<br />
<br />
<p class="c1"> </p>
<strong class="descriptionsize14">SPIN CLASS</strong>
<br/>
Spin is a 45-minute co-ed aerobic exercise that takes place on a specially designed stationary bicycle. The lights are lowered and the instructor leads the class through a series of moves while the participants are inspired by music. With no complicated moves to learn, Spin/Cycling classes provide a great self-paced, low impact workout.</p>
<br />
<br />
<br />
<p class="c1"> </p>

<strong class="descriptionsize14">FIGURE'S POWER HOUR</strong><br/>


Held in the Figure's room, this one-hour co-ed class uses the machines and equipment to get a complete cardiovascular, firming and toning workout. You will also learn how to supplement your regular Figures workout with weights, bands, tubing, fit balls, body bars and steps.</p>
<br />
<br />
<br />
<p> </p>
<strong class="descriptionsize14">ZUMBA</strong>
<br/>
Zumba is a one-hour co-ed class using Latin and International music with a combination of fast and slow rhythms that tone and sculpt the body. Zumba utilizes the principals of fitness interval training and resistance training to maximize fat burning and total body toning. It targets the glutes, legs, arms abs and the heart. You don't have to know how to dance to Zumba!</p>
<br />

<br />
<br />
<p> </p>
<strong class="descriptionsize14">HI-LO TransFIRMation</strong>
<br/>
This is an incredible, fat burning, high energy, heart pumping cardiovascular and sculpting workout that is self-paced, co-ed and suitable for all fitness levels. Using only dumbbells for firming and toning; combined with new and unique high intensity cardio moves.</p>
<br />
<br />
<br />

<strong class="descriptionsize14">KICKBOXING</strong><br/>

Using little to no equipment, this co-ed class offers a tremendous aerobic workout through cardio intensity drills while training muscles through kickboxing techniques. It teaches basic kickboxing movements that are broken down and then combined with other movements for challenging combinations. <br />

<br />
<br />
<br />

<strong class="descriptionsize14">PILATES</strong><br/>

Pilates is a revitalizing workout designed to ensure that you achieve your optimal level of fitness and well-being:</p>

<ul>
<br />



<li>Flatten abdominals

<li>Strengthen core muscles
<li>Increase metabolism and lose weight
<li>Tone and elongate muscles without bulk
<li>Restore natural alignment
<li>Improve balance and posture</li>
</ul>


<br/>
<p>*Please inquire at the front desk for class fees*</p>
<br />
<br />
<br />



<strong class="descriptionsize14"><p></p>YOGA</strong><br/>

Vinyasa (flow) Yoga is a perfect compliment to your fitness routine and rejuvenates the mind and body while reducing stress:</p>

<ul>
<br />

<li>Improve strength, flexibility and balance
<li>Increase stamina and mind/body awareness
<li>Reduce tension and fatigue
<li>Develop deeper relaxation and breathwork
<li>Fitness-inspired workout keeps you moving
<li>Designed for all levels and experience</li>


</ul>

<br/>
<p>*Please inquire at the front desk for class fees*</p>
<br />
<br />
<br />
<br />
<br />

<br />


<strong><em><p></p>Certified instructors teach all of our classes. They are self-paced, which means that you should exercise at your preferred fitness level. People of all ages and fitness levels attend our classes. Please let your instructor know if you have any medical or physical limitations.</em></strong>
<br />
<br />
<br />
<br />
<br />
<br />

<br />
<br />
</p>
<center>
<span class="descriptionsize9"> <a href="file:///C:/Documents%20and%20Settings/Owner/Desktop/Viking%20Fitness/index.html"><small style="font-size:7pt;">HOME</small></a> : </span>
<span class="descriptionsize9"> <a href="file:///C:/Documents%20and%20Settings/Owner/Desktop/Viking%20Fitness/locations.html"><small style="font-size:7pt;">LOCATIONS </small></a> : </span>

<span class="descriptionsize9"> <a href="file:///C:/Documents%20and%20Settings/Owner/Desktop/Viking%20Fitness/services.html">SERVICES<small style="font-size:7pt;"></small></a> : </span>
<span class="descriptionsize9"> <a href="file:///C:/Documents%20and%20Settings/Owner/Desktop/Viking%20Fitness/pricing.html">PRICING<small style="font-size:7pt;"></small></a> : </span>
<span class="descriptionsize9"> <a href="file:///C:/Documents%20and%20Settings/Owner/Desktop/Viking%20Fitness/pools.html">POOLS<small style="font-size:7pt;"></small></a> : </span>

<span class="descriptionsize9"> <a href="file:///C:/Documents%20and%20Settings/Owner/Desktop/Viking%20Fitness/trainers.html">TRAINERS<small style="font-size:7pt;"></small></a> : </span>
<span class="descriptionsize9"> <a href="file:///C:/Documents%20and%20Settings/Owner/Desktop/Viking%20Fitness/tanning.html">TANNING<small style="font-size:7pt;"></small></a> : </span>
<span class="descriptionsize9"> <a href="file:///C:/Documents%20and%20Settings/Owner/Desktop/Viking%20Fitness/classes.html">CLASSES<small style="font-size:7pt;"></small></a> :</span>

<span class="descriptionsize9"> <a href="file:///C:/Documents%20and%20Settings/Owner/Desktop/Viking%20Fitness/childcare.html">CHILDCARE<small style="font-size:7pt;"></small></a> </span>
</center>
</br>
</br>
<center><span class="descriptionsize9"> <a href="file:///C:/Documents%20and%20Settings/Owner/Desktop/Viking%20Fitness/figuresforwomen.htm"><small style="font-size:7pt;"> FIGURES FOR WOMEN</small> : </a></span>
<span class="descriptionsize9"> <a href="file:///C:/Documents%20and%20Settings/Owner/Desktop/Viking%20Fitness/success.html"><small style="font-size:7pt;"> SUCCESS STORIES</small></a> : <a href="mailto:vikingfitnesscenter@gmail.com"><small style="font-size:7pt;">CONTACT US</small></a></span>

</center>

<h2>&nbsp;</h2>

</div>
<div class="footer">Designed by <a href="http://www.free-css-templates.com/">Free CSS Templates</a></div>
</div>

<div class="left">
<h2>What We Offer:</h2>
&nbsp;
<ul>
<li>

<small style="font-size:10pt;">Three Convenient Locations
</li>
<li>
24-Hour 7-Day Gym
</li>
<li>
24-Hour 7-Day Tanning </li>

<li>
State Of The Art Security
</li>
<li>
Free Tanning
</li>
<li>

Free Pool Access
</li>
<li>
Free Childcare
</li>
<li>
Free Group Fitness Classes To Include:<br />
&nbsp;&nbsp;&nbsp;&nbsp;<em>Aerobic</em><br />
&nbsp;&nbsp;&nbsp;&nbsp;<em>Spin</em><br />
&nbsp;&nbsp;&nbsp;&nbsp;<em>Kickboxing</em><br />
&nbsp;&nbsp;&nbsp;&nbsp;<em>Sculpt</em><br />
&nbsp;&nbsp;&nbsp;&nbsp;<em>Zumba</em><br />

</li>
<li>
IPFA Affiliation
</li>
<li>
Cardio Area With Televisions
</li>
<li>
Figures For Women<br />
</li>
<li>
Free Weights
</li>
<li>
Stacked Weights
</li>

<li>
Yoga & Pilates
</li>
<li> Certified Instructors &amp; Personal Trainers
</li>
<li>
Sauna
</li>
<li>
Metabolic Assessments
</li>
<li>
Body Composition Analyses

</li>
<li>
Free Blood Pressure/<br/>Stroke Screening
</li>
<li>
Massage Therapist


<br />

</li>
</ul>
</div>
<div class="c3"></div>
</div>
</div>
</body>
</html>

CSSQuest
10-01-2010, 10:44 PM
On the 'li' elements use margin to increase the space between the bullets and the edge of the ul. Use padding to increase the space between the bullets and the content.



#ul li { margin:0 0 0 30px; padding:0 0 0 50px; }

List
|--30px--|*|---50px--|List Item Content
|--30px--|*|---50px--|List Item Content
|--30px--|*|---50px--|List Item Content
End List

quartzy
10-02-2010, 12:22 AM
Did not know that strong could have a class.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum