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 10-01-2010, 10:37 PM   PM User | #1
Mindy Sue
New to the CF scene

 
Join Date: Feb 2010
Posts: 8
Thanks: 2
Thanked 0 Times in 0 Posts
Mindy Sue is an unknown quantity at this point
Help with indenting a list

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>
Mindy Sue is offline   Reply With Quote
Old 10-01-2010, 10:44 PM   PM User | #2
CSSQuest
Regular Coder

 
Join Date: Mar 2009
Posts: 108
Thanks: 13
Thanked 0 Times in 0 Posts
CSSQuest is an unknown quantity at this point
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.

Code:
#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
CSSQuest is offline   Reply With Quote
Old 10-02-2010, 12:22 AM   PM User | #3
quartzy
Regular Coder

 
Join Date: May 2009
Posts: 813
Thanks: 123
Thanked 24 Times in 24 Posts
quartzy is an unknown quantity at this point
Did not know that strong could have a class.
quartzy 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 02:50 AM.


Advertisement
Log in to turn off these ads.