Solved

HTML Assistyance

Posted on 2006-07-06
2
223 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
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

Why Off-Site Backups Are The Only Way To Go

You are probably backing up your data—but how and where? Ransomware is on the rise and there are variants that specifically target backups. Read on to discover why off-site is the way to go.

Question has a verified solution.

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

Article by: Matthew
I am a very big proponent of technology compliance standards and strive to meet such criteria in all of my work. That includes my site, which is 100% XHTML 1.0 compliant as determined by the World Wide Web Consortium. https://www.matthewstevenkel…
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 dynamically set the form action using jQuery.
The viewer will receive an overview of the basics of CSS showing inline styles. In the head tags set up your style tags: (CODE) Reference the nav tag and set your properties.: (CODE) Set the reference for the UL element and styles for it to ensu…

696 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