...

View Full Version : Page Wrap, and table margins



Janek
02-26-2011, 03:24 AM
I'm looking to improve how my first website looks, and I want to add a Page Wrap around the page and have all my contents (aside from a couple of things like a Banner) inside the wrap. I've looked around some and couldn't find anything that worked. Also does anyone know what I could do for table margins from the wall of the page until the text starts? What I have is causing it to have double spacing with the margin.

Excavator
02-26-2011, 03:37 AM
Hello Janek,
We sort of need to see what you have.

Janek
02-26-2011, 07:50 AM
Hello Janek,
We sort of need to see what you have.
The website itself is http://madisoneastxc.tk/
And the code for the table page is

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">



<html>

<head>



<link rel="stylesheet" type="text/css" href="CSS/Expectations CSS.css" />

<style type="text/css">

.center {margin:auto; width:50%;}



table.displayed

{displayed: block;

margin-left:auto;

margin-right:auto;}



p.displayed

{displayed: block;

margin-left:auto;

margin-right:auto;}



img.displayed

{display: block;

margin-left: auto;

margin-right: auto;}



h1 {text-align:center;}

h2 {text-align:center;}

h4 {text-align:center;}



html, body {

margin: 0;

font: 100% "Trebuchet MS", Arial, Helvetica, sans-serif;}

/* HTML5 tags */

header, section, footer,

aside, nav, article, figure {display: block;}

#container {

width: 800px;

margin: 15px auto;

padding: 10px;

background: #782a90;

}

#menu {

width: 800px;

margin: 0;

overflow: auto;

background: #FFFC17;

text-align: center;

}

a {

display: inline;

padding: 0 10px 0 10px;

}

a:hover {

color: #302217;

background: #357EC7;

}

a:active {

background: #000000;

color: #000000;

}



</style>

<title>Team Expectations.</title>

</head>



<body>



<h1>Team Expectations</h1>

<hr />



<div id="container">

<div id="menu">

<a href="index.html">Home</a>

<a href="Our Team.html">Our Team</a>

<a href="Stuff.html">News & Events</a>

<a href="Races.html">Races & Results</a>

<a href="gallery/index.php">Gallery</a>

<a href="">Previous Years (Under work)</a>

<a href="Expectations.html">Team Expectations</a>

<!--closes menu--></div>

<!--container--></div>





<h2>2010 Madison East Boys Cross Country Team

Team Expectations

</h2>



<h4>Congratulations! You have made a commitment to be on a team that represents Madison East High School. Here are some simple expectations for the season.</h4>



<!-- season expectations #1 -->



<ol><li>BE AT PRACTICE

<ul><li>During the school year, meet AFTER SCHOOL in the forum

<li>Some Saturdays when we do not have a meet, expect to practice

<li>Wednesdays early release - stay tuned for when those practices will be.

<li>Don't be late

<li>Be dressed and ready at 3:45, by 3:50, captain-led warm-up should begin

<li>Run off season! Talk to your coach/captain and find out when the off season practices are. Or even check the <a href="Stuff.html">News & Event</a> page for when/where practices are held.

<br>

<li>If you need to be absent for academic or family reasons, your absences need to be cleared with a coach. You can...

<ul><li>make a direct phone call (see phone numbers below)

<li>talk to a coach directly

<li>send a message through the computer - facebook message or email</ul>

<li>If absent for family reason, need a message from a parent to a coach for absence to be cleared.

<li>If absent for academic reason, need a note/message from your teacher to a coach

<br>

<li>Make a goal for NO UNEXCUSED absences because...

<ul><li>1 UNEXCUSED = sit the next meet, contact parents

<li>2 UNEXCUSED = sit next 2 meets, contact parents

<li>3 UNEXCUSED = return uniform, contact parents</ul></ul>



<!-- #2 -->



<br>

<li>BE POSITIVE AND RESPECTFUL

<ul><li>To each other (use positive language, encourage each other, refrain from swearing) (THIS INCLUDES FACEBOOK photos and dialogue is RESPECTFUL at all times)

<li>To both teams (the girls are a part of your team too! All members deserve your support and respect)

<li>To coaches, parents, opposing teams, community (always remember that you represent Madison East - be proud of this representation)

<li>To yourself - good nutrition/hydration and stay away from illegal substances (the second could cause an automatic expulsion from the team)</ul>



<!-- #3 -->



<br>

<li>BE READY TO PRACTICE AND PRACTICE WELL representing EAST!!

<ul><li>Obey all traffic signs, ALWAYS give a car the right-of-way and NEVER ASSUME a driver sees you - <b>BE SAFE!!!</b>

<li>Wear a digital watch - all workouts require one

<li>Wear proper shoes and clothing. Movin Shoes on Park Street is an excellent place to go for a pair of running shoes, but please see a coach if you are unable to purchase a pair of shoes

<li>Think about your season goals daily. Post them in a place that you will see throughout the day.

<li>Practice and perform according to your goals. (More to follow with season/career goals.)</ul></ol>



<br>

<br>

This sport is challenging and demands your diligence. Like most things in life, you'll get out of it what you put into it. Make the commitment now, and you will NOT be disappointed with the results!!

<br>

Let the captains or coaches know if you have any questions or concerns.

<br>

<br>

Coaches' contact information:

<table class="displayed" style="yellow" cellpadding="1.5" cellspacing="0" border="1.8">

<tr><Td>Nancy Gritt </td><td>920-209-2607</td><td>ngritt@gmail.com</td></tr>

<tr><td>Adam Olson</td><td>608-628-8513</td><td>celica_336@yahoo.com</td></tr></table>
And it's side CSS is
body {background-color:#000000;
color:#782a90;
text-size:4;
text-align:justify;}

p {text-align:justify;
font-size:0.875em;
font-family:times new roman;
color:#782a90;
margin:40px;}
h1 {color:#782a90; text-align:center;}
h2 {color:#782a90; text-align:center;}
hr {color:#782a90;}

a:link {color:blue;}
a:visited {color:#8E35EF;}
a:hover {color:red;}
a:active {color:blue;}

li {margin:20px;}

Excavator
02-26-2011, 04:59 PM
You already have #container set up for this, just move the closing tag for it down to the end of your markup.
I've closed your list items with </li>, added html and body closing tags, ... it's still invalid though. You can find more to fix if you check your code with the validators, see the links in my signature line below.

This might get you started though -

<body>
<h1>Team Expectations</h1>
<hr />
<div id="container">
<div id="menu">
<a href="index.html">Home</a>
<a href="Our Team.html">Our Team</a>
<a href="Stuff.html">News &amp; Events</a>
<a href="Races.html">Races &amp; Results</a>
<a href="gallery/index.php">Gallery</a>
<a href="">Previous Years (Under work)</a>
<a href="Expectations.html">Team Expectations</a>
<!--closes menu--></div>
<h2>2010 Madison East Boys Cross Country Team

Team Expectations </h2>
<h4>Congratulations! You have made a commitment to be on a team that represents Madison East High School. Here are some simple expectations for the season.</h4>

<!-- season expectations #1 -->

<ol>
<li>BE AT PRACTICE
<ul>
<li>During the school year, meet AFTER SCHOOL in the forum </li>
<li>Some Saturdays when we do not have a meet, expect to practice </li>
<li>Wednesdays early release - stay tuned for when those practices will be. </li>
<li>Don't be late </li>
<li>Be dressed and ready at 3:45, by 3:50, captain-led warm-up should begin </li>
<li>Run off season! Talk to your coach/captain and find out when the off season practices are. Or even check the <a href="Stuff.html">News &amp; Event</a> page for when/where practices are held. <br />
</li>
<li>If you need to be absent for academic or family reasons, your absences need to be cleared with a coach. You can...
<ul>
<li>make a direct phone call (see phone numbers below) </li>
<li>talk to a coach directly </li>
<li>send a message through the computer - facebook message or email </li>
</ul>
</li>
<li>If absent for family reason, need a message from a parent to a coach for absence to be cleared. </li>
<li>If absent for academic reason, need a note/message from your teacher to a coach <br />
</li>
<li>Make a goal for NO UNEXCUSED absences because...
<ul>
<li>1 UNEXCUSED = sit the next meet, contact parents </li>
<li>2 UNEXCUSED = sit next 2 meets, contact parents </li>
<li>3 UNEXCUSED = return uniform, contact parents </li>
</ul>
</li>
</ul>

<!-- #2 -->

<br />
</li>
<li>BE POSITIVE AND RESPECTFUL
<ul>
<li>To each other (use positive language, encourage each other, refrain from swearing) (THIS INCLUDES FACEBOOK photos and dialogue is RESPECTFUL at all times) </li>
<li>To both teams (the girls are a part of your team too! All members deserve your support and respect) </li>
<li>To coaches, parents, opposing teams, community (always remember that you represent Madison East - be proud of this representation) </li>
<li>To yourself - good nutrition/hydration and stay away from illegal substances (the second could cause an automatic expulsion from the team) </li>
</ul>

<!-- #3 -->

<br />
</li>
<li>BE READY TO PRACTICE AND PRACTICE WELL representing EAST!!
<ul>
<li>Obey all traffic signs, ALWAYS give a car the right-of-way and NEVER ASSUME a driver sees you - <b>BE SAFE!!!</b></li>
<li>Wear a digital watch - all workouts require one</li>
<li>Wear proper shoes and clothing. Movin Shoes on Park Street is an excellent place to go for a pair of running shoes, but please see a coach if you are unable to purchase a pair of shoes</li>
<li>Think about your season goals daily. Post them in a place that you will see throughout the day.</li>
<li>Practice and perform according to your goals. (More to follow with season/career goals.)</li>
</ul>
</li>
</ol>
<br />
<br />
This sport is challenging and demands your diligence. Like most things in life, you'll get out of it what you put into it. Make the commitment now, and you will NOT be disappointed with the results!! <br />
Let the captains or coaches know if you have any questions or concerns. <br />
<br />
Coaches' contact information:
<table class="displayed" style="yellow" cellpadding="1.5" cellspacing="0" border="1.8">
<tr>
<td>Nancy Gritt </td>
<td>920-209-2607</td>
<td>ngritt@gmail.com</td>
</tr>
<tr>
<td>Adam Olson</td>
<td>608-628-8513</td>
<td>celica_336@yahoo.com</td>
</tr>
</table>

<!--container--></div>
</body>
</html>



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum