Solved

HTML Assistyance

Posted on 2006-07-06
2
221 Views
Last Modified: 2010-04-06
I am trying to create an html template and am copying the code from a book "Head First HTML."  The sample in the book shows the border place around the text very nicely. However when I open up the html in a browser window I can barely make out the border as it is hugging the very edges of the window. Evidently they forgot to tell me something important. Any idea of what I can do so that I see my border within the template?


<html>

      <head>
            <title>Marketing Template for LLCAZ</title>

            <style type="text/css">

                  body {
                        background-color: #FFFFFF;
                        margin-left: 20%;
                        margin-right: 20%;
                        border: 2px solid #B0C091;
                        padding: 10px 10px 10px 10px;
                        font-family: sans-serif;
                        
                        }
            </style>

      </head>
      <body>

                  <table align="center" width="100" height="100">
                  <tr><td><img src="https://system.netsuite.com/core/media/media.nl?id=1&c=609554&h=6a8c952b15c45ebcd2b3" alt="LLCAZ logo"/>
                  </td></tr></table>
            
            <h1>Massage Envy Customer Center</h1>

            <h2>What is the Customer Center?</h2>

                  <p>For each of your franchise locations you can now login to reorder, ask a question or log a concern. You can also see past orders and current ones, and a statement of your activity with LifeStyle and Leisure Creations.
                  </p>
      </body>
</html>
0
Comment
Question by:tfoydel
2 Comments
 
LVL 36

Accepted Solution

by:
Zyloch earned 500 total points
ID: 17052759
It must be something with IE and <body>. In any case, you can fix it if you add:

<div id="wrapper"></div> around all your content in your <body>. Then, instead of having

body {styles}

have

#wrapper {styles}
0
 
LVL 2

Expert Comment

by:bowen18
ID: 17053114
This is what your code will look like if you take Zyloch's suggestion:

<html>

     <head>
          <title>Marketing Template for LLCAZ</title>

          <style type="text/css">

               #wrapper {
                    background-color: #FFFFFF;
                    margin-left: 20%;
                    margin-right: 20%;
                    border: 2px solid #B0C091;
                    padding: 10px 10px 10px 10px;
                    font-family: sans-serif;
                   
                    }
          </style>

     </head>
     <body>
      <div id="wrapper">

               <table align="center" width="100" height="100">
               <tr><td><img src="https://system.netsuite.com/core/media/media.nl?id=1&c=609554&h=6a8c952b15c45ebcd2b3" alt="LLCAZ logo"/>
               </td></tr></table>
         
          <h1>Massage Envy Customer Center</h1>

          <h2>What is the Customer Center?</h2>

               <p>For each of your franchise locations you can now login to reorder, ask a question or log a concern. You can also see past orders and current ones, and a statement of your activity with LifeStyle and Leisure Creations.
               </p>
      </div>
     </body>
</html>
0

Featured Post

Optimizing Cloud Backup for Low Bandwidth

With cloud storage prices going down a growing number of SMBs start to use it for backup storage. Unfortunately, business data volume rarely fits the average Internet speed. This article provides an overview of main Internet speed challenges and reveals backup best practices.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

This article covers the basics of the Sass, which is a CSS extension language. You will learn about variables, mixins, and nesting.
Browsers only know CSS so your awesome SASS code needs to be translated into normal CSS. Here I'll try to explain what you should aim for in order to take full advantage of SASS.
The viewer will learn how to count occurrences of each item in an array.
The viewer will learn the benefit of using external CSS files and the relationship between class and ID selectors. Create your external css file by saving it as style.css then set up your style tags: (CODE) Reference the nav tag and set your prop…

778 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question