Solved

HTML Assistyance

Posted on 2006-07-06
2
218 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
Comment Utility
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
Comment Utility
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

Better Security Awareness With Threat Intelligence

See how one of the leading financial services organizations uses Recorded Future as part of a holistic threat intelligence program to promote security awareness and proactively and efficiently identify threats.

Join & Write a Comment

Preface In the first article: A Better Website Login System (http://www.experts-exchange.com/A_2902.html) I introduced the EE Collaborative Login System and its intended purpose. In this article I will discuss some of the design consideratio…
This article covers the basics of the Sass, which is a CSS extension language. You will learn about variables, mixins, and nesting.
Viewers will learn about if statements in Java and their use The if statement: The condition required to create an if statement: Variations of if statements: An example using if statements:
The viewer will learn how to create a basic form using some HTML5 and PHP for later processing. Set up your basic HTML file. Open your form tag and set the method and action attributes.: (CODE) Set up your first few inputs one for the name and …

763 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

Need Help in Real-Time?

Connect with top rated Experts

10 Experts available now in Live!

Get 1:1 Help Now