Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New to the CF scene
    Join Date
    Jan 2011
    Location
    Wisconsin
    Posts
    8
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Page Wrap, and table margins

    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.

  • #2
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,748
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    Hello Janek,
    We sort of need to see what you have.
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad

  • #3
    New to the CF scene
    Join Date
    Jan 2011
    Location
    Wisconsin
    Posts
    8
    Thanks
    2
    Thanked 0 Times in 0 Posts
    Quote Originally Posted by Excavator View Post
    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
    Code:
    <!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
    Code:
    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;}

  • #4
    Master Coder Excavator's Avatar
    Join Date
    Dec 2006
    Location
    Alaska
    Posts
    9,748
    Thanks
    22
    Thanked 1,838 Times in 1,822 Posts
    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 -
    Code:
    <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>
    Validate often DURING development - Use it like a splelchecker | Debug during Development |Write it for FireFox, ignore IE
    Use the right DocType | Validate your markup | Validate your CSS | Why validating is good | Why tables are bad


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •