...

View Full Version : issue with border around page



sylar4444
08-02-2010, 08:52 PM
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_______


<!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>

SB65
08-02-2010, 09:45 PM
With your code, the following changes do the trick:


.....<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">

VIPStephan
08-02-2010, 09:50 PM
Woah, Iím trying to hold back on commenting your code. :eek:
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?


<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">

sylar4444
08-02-2010, 10:00 PM
thanks guys, i got it working :-)

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

Be blunt or ill never learn :-)

VIPStephan
08-02-2010, 10:14 PM
I’m not gonna be blunt but this website is: Why tables for layout is stupid. (http://www.hotdesign.com/seybold/) Look into the principles of semantic HTML (http://en.wikipedia.org/wiki/Semantic_HTML) and progressive enhancement (http://alistapart.com/articles/progressiveenhancementwithcss/). If you’ve dug that then you’re a step ahead of many others.

sylar4444
08-02-2010, 10:18 PM
Thanks you kindly, i will certainly look at those links.



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum