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 6 of 6
  1. #1
    New to the CF scene
    Join Date
    Aug 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts

    issue with border around page

    Hey guys, im sorry if this has been asked before, but i appear to be having some trouble using html/css to get a border around my webpage. Some people have tried to explain to me how to do i but it is not working. I'm thinking if i post the whole page source here, i would really appreciate if some one could tell me where to alter the code and what to alter it with.
    Thanks in advance.

    ______page source follows_______

    Code:
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
      <title>index</title>
    </head>
    <body
     style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);"
     id="homediv" onload="start();" alink="#000000"
     link="#000000" vlink="#000000">
    <div style="text-align: center;"><img
     style="width: 900px; height: 200px;" alt=""
     src="http://i488.photobucket.com/albums/rr248/kingofkingspoker/planohead4.png"><br>
    <table
     style="background-color: rgb(0, 51, 255); text-align: left; margin-left: auto; margin-right: auto; width: 832px; height: 52px;"
     border="0" cellpadding="0" cellspacing="0">
      <tbody>
        <tr>
          <td style="vertical-align: middle; text-align: center;"><img
     style="width: 50px; height: 35px;" alt=""
     src="http://i488.photobucket.com/albums/rr248/kingofkingspoker/home2.png">&nbsp;<img
     style="width: 175px; height: 35px;" alt=""
     src="http://i488.photobucket.com/albums/rr248/kingofkingspoker/paymentprotection3.png">&nbsp;
          <img style="width: 50px; height: 35px;" alt=""
     src="http://i488.photobucket.com/albums/rr248/kingofkingspoker/loans4.png">
          <img style="width: 140px; height: 35px;" alt=""
     src="http://i488.photobucket.com/albums/rr248/kingofkingspoker/creditcards2.png"><img
     style="width: 140px; height: 35px;" alt=""
     src="http://i488.photobucket.com/albums/rr248/kingofkingspoker/referafriend2.png"><img
     style="width: 50px; height: 35px;" alt=""
     src="http://i488.photobucket.com/albums/rr248/kingofkingspoker/faqs2.png"><img
     style="width: 140px; height: 35px;" alt=""
     src="http://i488.photobucket.com/albums/rr248/kingofkingspoker/contactus2.png"></td>
        </tr>
      </tbody>
    </table>
    <br>
    <span class="Apple-style-span"
     style="border-collapse: separate; color: rgb(0, 0, 0); font-family: 'Times New Roman'; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; font-size: medium;"><span
     class="Apple-style-span"
     style="font-family: Verdana,Arial,Helvetica,sans-serif;"></span></span><br>
    <table
     style="background-color: rgb(153, 255, 153); width: 100px; text-align: left; margin-left: auto; margin-right: auto;"
     border="1" cellpadding="2" cellspacing="2">
      <tbody>
        <tr>
          <td style="vertical-align: middle; text-align: center;"><span
     class="Apple-style-span"
     style="border-collapse: separate; color: rgb(0, 0, 0); font-family: 'Times New Roman'; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; font-size: medium;"><span
     class="Apple-style-span"
     style="font-family: Verdana,Arial,Helvetica,sans-serif;">
          <p
     style="margin: 0px; padding: 0px 0px 10px; width: 390px; float: left; height: auto; font-size: 12px; line-height: 18px;">We
    are a specialist claims management company with an excellent track
    record. Our managers have a combined twenty years of experience and we
    have been successfully
    winning redress for our client&rsquo;s mis-sold endowment policies.</p>
          <p
     style="margin: 0px; padding: 0px 0px 10px; width: 390px; float: left; height: auto; font-size: 12px; line-height: 18px;">Our
    team of&nbsp;professionals have years of experience and insider
    know how in the financial services sector.</p>
          <p
     style="margin: 0px; padding: 0px 0px 10px; width: 390px; float: left; height: auto; font-size: 12px; line-height: 18px;">Please
    check our feedback below to see what our clients think of us. We have
    had many satisfied clients referring our services to friends and
    family. We pride ourselves in providing a personalised and highly
    professional&nbsp;service.</p>
          </span></span></td>
          <td style="text-align: center; vertical-align: top;"><img
     style="width: 297px; height: 127px;" alt=""
     src="http://i488.photobucket.com/albums/rr248/kingofkingspoker/claimbk3.png"><br>
          <img style="width: 259px; height: 75px;" alt=""
     src="http://i488.photobucket.com/albums/rr248/kingofkingspoker/litigate.png"></td>
        </tr>
      </tbody>
    </table>
    <br>
    <span style="font-weight: bold;">Customer Feedback</span><br>
    <br>
    <table
     style="background-color: rgb(153, 255, 153); width: 710px; height: 250px; text-align: left; margin-left: auto; margin-right: auto;"
     border="1" cellpadding="2" cellspacing="2">
      <tbody>
        <tr>
          <td style="vertical-align: middle; text-align: center;"><img
     style="width: 200px; height: 174px;" alt=""
     src="http://i488.photobucket.com/albums/rr248/kingofkingspoker/happycustomer.jpg"><br>
          </td>
          <td style="text-align: center; vertical-align: top;">
          <marquee direction="up" scrolldelay="32"
     scrollamount="1" onmouseover="this.stop()"
     onmouseout="this.start()"><b>Mary Jones, Swansea</b><br>
    "Excellent service, highly recommended"
          <br>
          <br>
          <b>Arthur Davies, York</b><br>
    "100% professional. Told all my friends about this firm." <br>
          <br>
          <b>Stephen Doyle, London</b><br>
    "I was told to contact you by a family member thats from a banking firm
    to see if you can help me. Best bit of advice I ever had!!"
          <br>
          <br>
          <b>M.Barnett, Wales</b><br>
    "Outstanding help, I was having a lot of troubles with my PPI, you
    really solved
    my problems. Thank you!!" <br>
          <br>
          <b>Karri Howards, Cardiff</b><br>
    "Simply the best. Thank you!"
          <br>
          <br>
          <b>Angela Michaels, Bristol</b><br>
    "You guys saved me all the stress of dealing with my credit card
    charges. Thank you ever so much" <br>
          <br>
          <b>Jamie Richards, Manchester</b><br>
    "Professional and speedy. Thank you"
          <br>
          <br>
          <b>Wayne Kirby, Plymouth</b><br>
    "My stressful arguments with my bank is now over, I have you to
    thank!." <br>
          <br>
          </marquee>
          </td>
        </tr>
      </tbody>
    </table>
    <span class="Apple-style-span"
     style="border-collapse: separate; color: rgb(0, 0, 0); font-family: 'Times New Roman'; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; font-size: medium;"><span
     class="Apple-style-span"
     style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-style: italic; line-height: 15px; text-align: left;"><br>
    <img style="width: 800px; height: 75px;" alt=""
     src="http://i488.photobucket.com/albums/rr248/kingofkingspoker/calltoday-1.png"><br>
    <br>
    Planohead
    financial is a liability company registered in England and Wales under
    registration number 7150550<br>
    </span></span><span class="Apple-style-span"
     style="border-collapse: separate; color: rgb(0, 0, 0); font-family: 'Times New Roman'; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; font-size: medium;"><span
     class="Apple-style-span"
     style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-style: italic; line-height: 15px; text-align: left;">&copy;<span
     class="Apple-converted-space"> Planohead financial. All
    rights reserved 2010</span></span></span></div>
    </body>
    </html>

  • #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,950
    Thanks
    9
    Thanked 724 Times in 718 Posts
    With your code, the following changes do the trick:

    Code:
    .....<body
     style="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);margin:0"
     id="homediv" onload="start();" alink="#000000"
     link="#000000" vlink="#000000">
    <div style="text-align: center;border:4px solid orange">

  • #3
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,606
    Thanks
    6
    Thanked 997 Times in 970 Posts
    Woah, I’m trying to hold back on commenting your code.
    However, it’s a little ambiguous what you want when you say you want a border around your webpage. What do you consider the webpage? The entire viewport? The content of the page?

    Would this be doing what you want?
    Code:
    <body style="border: 5px solid green; color: rgb(0, 0, 0); background-color: rgb(255, 255, 255);" id="homediv" onload="start();" alink="#000000" link="#000000" vlink="#000000">

  • #4
    New to the CF scene
    Join Date
    Aug 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    thanks guys, i got it working :-)

    VIPStephen, what's wrong with the code? (honest question)

    Be blunt or ill never learn :-)

  • #5
    The fat guy next door VIPStephan's Avatar
    Join Date
    Jan 2006
    Location
    Halle (Saale), Germany
    Posts
    8,606
    Thanks
    6
    Thanked 997 Times in 970 Posts
    I’m not gonna be blunt but this website is: Why tables for layout is stupid. Look into the principles of semantic HTML and progressive enhancement. If you’ve dug that then you’re a step ahead of many others.

  • #6
    New to the CF scene
    Join Date
    Aug 2010
    Posts
    3
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Thanks you kindly, i will certainly look at those links.


  •  

    Posting Permissions

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