Jump to content

Adding a border to my web page


Jonnym53

Recommended Posts

Hi all. I've come up against a problem which I simply cant seem to pass.I've been building a web page around a capture form and I wanted to decorate it so it looks more appealing. I wanted to add a frame (or border) around the form so it looks a bit more professional.I've tried to follow the instructions on this site, forst I added the html to the header, nothing. So I added it to the body,nothing. I wondered if I should try CSS so I wrote the code for a border, all that did was show up the code when I viewed the site in a browser. It seems the page is made up of tables. I'm using Gimp to edit as well, if that makes a difference. All I want to do is add a border, of around 5-7px in width around either the form to frame it or the page to give it a bit of individuality. Can someone help as I'm lost on this one.File attached.ThanksJohn MorrisUK.index.html

Link to comment
Share on other sites

You really need to learn CSS, and remove all the tags and attributes used for styling. I'd suggest reading the CSS tutorial and rewriting your page. If you have trouble then you can write here. For example, you can remove <big> tags and use CSS on the real text container.

  • Like 1
Link to comment
Share on other sites

Hi. You say to remove all the attributes for syling (once I have a grip of CSS). Do you mean things such as <body-style, <h1 style etc? also what about the <link href="style.css" rel="stylesheet" type ="text/css" etc and auto-style2{font-familyetc? I really need to be able to understand all this as I don't, I'm afraid, at the moment.If you could give some guidance I'd appreciate it.Thanks for nowJohn Morris.

Link to comment
Share on other sites

The <link> element needs to be there for the stylesheet. The style attributes can go. Tags like <big>, <center>, <font> and other things can go. The external stylesheet should target elements and set their color, size, borders and other things. Once all your styles have been moved to a stylesheet, you can add a border to the page easily:

body {    border-width: 10px;    border-style: solid;    border-color: blue;}

  • Like 1
Link to comment
Share on other sites

Hi, again. I'm tryong to follow the things you mentioned, I have removed the tags in the head section and right down to where the css style sheets are already built into the code. I tried adding some CSS code as described in your message above and in the tutorial. I added it in the head section but nothing shows up on the page??? I'm using Gimp to edit and it somehow doesn't seem to work.You say it's easy to add a border, I seem to be finding it very difficult.Don't know why it's not working.Any suggestions?Thanks.

Link to comment
Share on other sites

Like this:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <style type="text/css">p.one.all_sides{border-style:solid;border-color:green;}<meta http-equiv="Content-Type"content="text/html; charset=utf-8" /><title>Work from Home secrets</title> </style> <title></title></head><body style="margin-top: 1px; height: 907px;"><h1 style="font-family: Helvetica,Arial,sans-serif;" font="arial" color="0066CC" align="center">"Findingit Hard to make a living on line"?</h1><h2 style="font-family: Helvetica,Arial,sans-serif; color: rgb(0, 0, 215);" font="arial" color="0066CC" align="center">"Learnhow to take the internet by storm in less time then you thoughtpossible"<br /><span style="color: rgb(0, 0, 25);">Yes, even if you'venever made a penny on line you too can master the secrets to onlinewealth.</span></h2><script src="http://www.yourfuture2012.co.uk/future/lib/functions.js" language="javascript"><meta http-equiv="Content-Type"content="text/html; charset=iso-8859-1" /><link href="style.css" rel="stylesheet" type="text/css" /><meta http-equiv="Content-Type"content="text/html; charset=iso-8859-1" /><link href="style.css" rel="stylesheet" type="text/css" /><meta http-equiv="refresh"content=" 5;url=http://www.thecompetitive-edge.co.uk" /><meta content="en-us" http-equiv="Content-Language" /><meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><meta http-equiv="Refresh"content="4; URL=http://www.thecompetitive-edge.co.uk" /><style type="text/css">.auto-style1 {text-align: center;}.auto-style2 {font-family: Arial, Helvetica, sans-serif;font-size: x-large;}.auto-style3 {font-family: Arial, Helvetica, sans-serif;font-size: large;}.auto-style8 {font-family: Arial, Helvetica, sans-serif;font-size: xx-large;color: #0066CC;}.auto-style9 {font-family: Arial, Helvetica, sans-serif;font-size: xx-large;color: #0066CC;}.auto-style10 {font-family: Arial, Helvetica, sans-serif;font-size: large;color: #4B4444;}</style></head><body><div style="width: 350px; height: 200px;"></div><script language="javascript">function validateForm(frm){var name=frm.name.value;var email=frm.email.value;if(name==''){alert("Please enter name");return false;}if(!checkMail(email)){return false;}frm.submit(); }</script><form style="height: 219px;" method="post" action="http://www.yourfuture2012.co.uk/future/register.php?list_id=1"> <table style="background-color: rgb(154, 210, 34); text-align: left; margin-left: auto; margin-right: auto;" border="3" cellpadding="10" frame="box"> <tbody> <tr> <th colspan="2">Simplyfill the form below to get instant access:</th> </tr> <tr> <td style="width: 100px;">YourName:</td> <td width="300"><input name="name" size="30" type="text" /></td> </tr> <tr> <td width="100">YourEmail:</td> <td width="300"><input name="email" size="30" type="text" /></td> </tr> <tr> <td>Country</td> <td> <input name="field_1" value="" type="text" /> </td> </tr> <tr> <td colspan="2" align="center"><input name="ok" value="1" type="hidden" /> <input value="Sign Up" onclick="javascript:validateForm(this.form);" type="button" /></td> </tr> </tbody> </table></form><script src="/A2EB891D63C8/avg_ls_dom.js" type="text/javascript" /><script src="lib/functions.js" language="javascript" /><table style="width: 1177px; height: 146px;" align="center" cellpadding="5"> <tbody> <tr> <td style="height: 148px;" valign="top" width="780"> <table style="margin-top: 0px; text-align: left; margin-left: auto; margin-right: auto; width: 1155px; height: 91px;" cellpadding="10"> <tbody> <tr> <td style="width: 240px; text-align: center; height: 31px;"> <big><span style="font-weight: bold;">Thank You</span></big></td> </tr> <tr> <th style="width: 250px; text-align: center; height: 55px;">Youhave been signed up in the system.However confirmationof your emailaddress is required.<br /> Please check your email andclick on thelink init to confirm your address</th> </tr> <tr> <td style="height: 17px;"></td> </tr> </tbody> </table> </td> </tr> </tbody></table><script src="/A2EB891D63C8/avg_ls_dom.js" type="text/javascript" /><script src="/A2EB891D63C8/avg_ls_dom.js" type="text/javascript" /><script src="lib/functions.js" language="javascript" /><table align="center" cellpadding="7"></table></body></html>If you can advise I'd be very grateful.ThanksJohn Morris

Link to comment
Share on other sites

Hi. I posted the code for the site on here a number of days ago and, as yet, I have not received a reply. Maybe you're busy?If you could take a look at the code in the previous post and advise what I need to do to fix it, I'd be grateful.Thanks

Link to comment
Share on other sites

Your question was how to add a border to the page, I provided that code in an earlier post, and if you put it correctly it should work.

body {    border-width: 10px;    border-style: solid;    border-color: blue;}

I looked through your code and your <style> tag isn't closed until after the <meta> tag that follows it. Other errors of the kind can be found using the W3C validator.

Link to comment
Share on other sites

Thanks for the input. I know I may seem stupid but this is a little baffling to me as I've never trained in this type of thing. W3 Schools is a very useful teaching center and I will refer to it a lot in future.I'll use your code and put it where you suggest above and see if it works this time.Thanks againJohn.

Link to comment
Share on other sites

Hi. Again. This is getting frustrating. I followed your advice a few days ago and washed the code through the application you pointed me to. This seemed OK but added a bit of code that made a redirect happen when it was not supposed to. I removed that.The problem is, when I add the code for the border (I copied and pasted the code you suggested above into the HTML under <head>.All it does is show up the code at the top of the page when I refresh the browser.As I said before I don't really understand the code as I should but you said it was just a matter of adding the right bit of code to create the border. Doesn't work in my case.What am I doing wrong (or not doing at all)? All I want to do is add a green border to my page.I read the tutorial on borders and it seems to make sense yet the page I have does not want to co operate.I'm so confused!Hope you can advise.Thanks.

Link to comment
Share on other sites

Hi. I've just found out something interesting. If I add the code to the <body> section in the page, it makes a box on the top left of the screen if you view in a browser.That was at size 25px.If I expand that to 1200px, the whole screen is changed to the color of the border and there is no border, just a solid color. I still can't find how or where to add the code to the page to give a border that is all the way around, about 10px thick and about 5px away from the edge so, when you look at it, from the outside it goes white, border green, then white (back ground color of page). I managed to add a border box to part of the page but not all the way around. A small victory for me but not enough to achieve what I'm aiming for.Can you advise?

Link to comment
Share on other sites

This is going to sound a bit blunt and harsh, but you have a lot of funky stuff going on in that code you posted. No problem. You're learning, I understand that. However, you might just want to take a step back and go through the HTML tutorial, start to finish, to see how HTML documents should be written. You have a lot of mismatched or misplaced tags. And as for the CSS code Ingolme showed you, it belongs between <style> tags.

Link to comment
Share on other sites

Hi. Thanks for the post. I washed the code through the W3 Validator and it cleaned up the code. I believe. My problem is I can't seem to get the border to go right around the edge of the form, about 5px in from the absolute edge. I looked at doing a double border, which looks good. I got the code right so it will show up (added it after <body> because if I add it between <head> and </head> it just doesn't show up at all.So I tried between <body> and </body> and it came up as a box, upper left of the form not all the way around like I want. So I tried making it bigger 1200px from 25px and all that did was fill the screen with color, no border.So I'm a bit baffled as to why, having followed the CSS tutorial in W3 Schools to the letter, it will not do as I want???Got to be doing something wrong? Do I have to add another table to encompass all the others and give the table a border?What do you think?Your help is appreciated.Thanks.

Link to comment
Share on other sites

My code now looks like this:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <style><endnote><head><style><endnote><head><style><endnote><head><style><endnote><head><style><endnote><head><style><endnote><head><style><endnote><head><style><endnote><head><style><endnote><head><meta name="Internet Marketing Secrets" /><meta http-equiv="Content-Type"content="text/html; charset=utf-8" /><title>Work from Home secrets</title><meta http-equiv="Content-Type"content="text/html; charset=utf-8" /><link href="style.css"rel="stylesheet" type="text/css" /><meta http-equiv="Content-Type"content="text/html; charset=utf-8" /><link href="style.css"rel="stylesheet" type="text/css" /><meta content="en-us"http-equiv="Content-Language" /><meta content="text/html; charset=utf-8"http-equiv="Content-Type" /><style type="text/css">/*<![CDATA[*/.auto-style1 {text-align: center;}.auto-style2 {font-family: Arial, Helvetica, sans-serif;font-size: x-large;}.auto-style3 {font-family: Arial, Helvetica, sans-serif;font-size: large;}.auto-style8 {font-family: Arial, Helvetica, sans-serif;font-size: xx-large;color: #0066CC;}.auto-style9 {font-family: Arial, Helvetica, sans-serif;font-size: xx-large;color: #0066CC;}.auto-style10 {font-family: Arial, Helvetica, sans-serif;font-size: large;color: #4B4444;}/*]]>*/<style type="text/css">/*<![CDATA[*/body.c15 {margin-top: 5px; height: 907px;}table.c14 {width: 1177px; height: 146px;}td.c13 {height: 148px;}table.c12 {margin-top: 5px; text-align: left; margin-left: auto; margin-right: auto; width: 1155px; height: 91px;}td.c11 {height: 17px;}th.c10 {width: 250px; text-align: center; height: 55px;}td.c9 {width: 240px; text-align: center; height: 31px;}span.c8 {font-weight: bold;}form.c7 {height: 219px;}table.c6 {background-color: rgb(154, 210, 34); text-align: left; margin-left: auto; margin-right: auto;}td.c5 {width: 100px;}div.c4 {width: 350px; height: 200px;}h2.c3 {color: rgb(0, 0, 215); font-family: Helvetica,Arial,sans-serif; text-align: center}span.c2 {color: rgb(0, 0, 25);}h1.c1 {font-family: Helvetica,Arial,sans-serif; text-align: center}/*]]>*/ </style> <title>Internet marketing Mastery</title></head><body><h1 class="c1">"FindingitHard to make a living on line"?</h1><h2 class="c3">"Learn howto take the internet by storm in less timethen you thought possible"<br /><span class="c2">Yes, evenif you've never made a penny on line you toocan master the secrets to online wealth.</span></h2><script src="http://www.yourfuture2012.co.uk/future/lib/functions.js" language="javascript" type="text/javascript"></script><div style="height: 83px;" class="c4"></div><script language="javascript" type="text/javascript">//<![CDATA[function validateForm(frm){var name=frm.name.value;var email=frm.email.value;if(name==''){alert("Please enter name");return false;}if(!checkMail(email)){return false;}frm.submit(); }//]]></script><form class="c7" method="post" action="http://www.yourfuture2012.co.uk/future/register.php?list_id=1"> <table class="c6" border="3" cellpadding="10" frame="box"> <tbody> <tr> <th colspan="2">Simplyfill the form below to get instantaccess:</th> </tr> <tr> <td class="c5">YourName:</td> <td width="300"><input name="name" size="30" type="text" /></td> </tr> <tr> <td width="100">YourEmail:</td> <td width="300"><input name="email" size="30" type="text" /></td> </tr> <tr> <td>Country</td> <td><input name="field_1" value="" type="text" /></td> </tr> <tr> <td colspan="2" align="center"><input name="ok" value="1" type="hidden" /> <input value="Sign Up" onclick="javascript:validateForm(this.form);" type="button" /></td> </tr> </tbody> </table></form><script src="/A2EB891D63C8/avg_ls_dom.js" type="text/javascript"></script><script src="lib/functions.js" language="javascript" type="text/javascript"></script><table class="c14" align="center" cellpadding="5"> <tbody> <tr> <td class="c13" valign="top" width="780"> <table class="c12" cellpadding="10"> <tbody> <tr> <td class="c9"><big><span class="c8">Thank You</span></big></td> </tr> <tr> <th class="c10">Youhave been signed up in thesystem.However confirmation of your email address is required.<br />Please check your email and click on the link in it to confirm youraddress</th> </tr> <tr> <td class="c11"></td> </tr> </tbody> </table> </td> </tr> </tbody></table><script src="/A2EB891D63C8/avg_ls_dom.js" type="text/javascript"></script><script src="/A2EB891D63C8/avg_ls_dom.js" type="text/javascript"></script><script src="lib/functions.js" language="javascript" type="text/javascript"></script><table align="center" cellpadding="7"></table></body></html>

Link to comment
Share on other sites

If I add the code to make a border, it looks like this:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <style><endnote><head><style><endnote><head><style><endnote><head><style><endnote><head><style><endnote><head><style><endnote><head><style><endnote><head><style><endnote><head><style><endnote><head><meta name="Internet Marketing Secrets" /><meta http-equiv="Content-Type"content="text/html; charset=utf-8" /><title>Work from Home secrets</title><meta http-equiv="Content-Type"content="text/html; charset=utf-8" /><link href="style.css"rel="stylesheet" type="text/css" /><meta http-equiv="Content-Type"content="text/html; charset=utf-8" /><link href="style.css"rel="stylesheet" type="text/css" /><meta content="en-us"http-equiv="Content-Language" /><meta content="text/html; charset=utf-8"http-equiv="Content-Type" /><style type="text/css">/*<![CDATA[*/.auto-style1 {text-align: center;}.auto-style2 {font-family: Arial, Helvetica, sans-serif;font-size: x-large;}.auto-style3 {font-family: Arial, Helvetica, sans-serif;font-size: large;}.auto-style8 {font-family: Arial, Helvetica, sans-serif;font-size: xx-large;color: #0066CC;}.auto-style9 {font-family: Arial, Helvetica, sans-serif;font-size: xx-large;color: #0066CC;}.auto-style10 {font-family: Arial, Helvetica, sans-serif;font-size: large;color: #4B4444;}/*]]>*/<style type="text/css">/*<![CDATA[*/body.c15 {margin-top: 5px; height: 907px;}table.c14 {width: 1177px; height: 146px;}td.c13 {height: 148px;}table.c12 {margin-top: 5px; text-align: left; margin-left: auto; margin-right: auto; width: 1155px; height: 91px;}td.c11 {height: 17px;}th.c10 {width: 250px; text-align: center; height: 55px;}td.c9 {width: 240px; text-align: center; height: 31px;}span.c8 {font-weight: bold;}form.c7 {height: 219px;}table.c6 {background-color: rgb(154, 210, 34); text-align: left; margin-left: auto; margin-right: auto;}td.c5 {width: 100px;}div.c4 {width: 350px; height: 200px;}h2.c3 {color: rgb(0, 0, 215); font-family: Helvetica,Arial,sans-serif; text-align: center}span.c2 {color: rgb(0, 0, 25);}h1.c1 {font-family: Helvetica,Arial,sans-serif; text-align: center}/*]]>*/ </style> <title>Internet marketing Mastery</title></head><body><style type="text/css">div{Border:15px solid;Border-syle:double;border-radius:10px;border-color:#006600;}</style><h1 class="c1">"FindingitHard to make a living on line"?</h1><h2 class="c3">"Learn howto take the internet by storm in less timethen you thought possible"<br /><span class="c2">Yes, evenif you've never made a penny on line you toocan master the secrets to online wealth.</span></h2><script src="http://www.yourfuture2012.co.uk/future/lib/functions.js" language="javascript" type="text/javascript"></script><div style="height: 83px;" class="c4"></div><script language="javascript" type="text/javascript">//<![CDATA[function validateForm(frm){var name=frm.name.value;var email=frm.email.value;if(name==''){alert("Please enter name");return false;}if(!checkMail(email)){return false;}frm.submit(); }//]]></script><form class="c7" method="post" action="http://www.yourfuture2012.co.uk/future/register.php?list_id=1"> <table class="c6" border="3" cellpadding="10" frame="box"> <tbody> <tr> <th colspan="2">Simplyfill the form below to get instantaccess:</th> </tr> <tr> <td class="c5">YourName:</td> <td width="300"><input name="name" size="30" type="text" /></td> </tr> <tr> <td width="100">YourEmail:</td> <td width="300"><input name="email" size="30" type="text" /></td> </tr> <tr> <td>Country</td> <td><input name="field_1" value="" type="text" /></td> </tr> <tr> <td colspan="2" align="center"><input name="ok" value="1" type="hidden" /> <input value="Sign Up" onclick="javascript:validateForm(this.form);" type="button" /></td> </tr> </tbody> </table></form><script src="/A2EB891D63C8/avg_ls_dom.js" type="text/javascript"></script><script src="lib/functions.js" language="javascript" type="text/javascript"></script><table class="c14" align="center" cellpadding="5"> <tbody> <tr> <td class="c13" valign="top" width="780"> <table class="c12" cellpadding="10"> <tbody> <tr> <td class="c9"><big><span class="c8">Thank You</span></big></td> </tr> <tr> <th class="c10">Youhave been signed up in thesystem.However confirmation of your email address is required.<br />Please check your email and click on the link in it to confirm youraddress</th> </tr> <tr> <td class="c11"></td> </tr> </tbody> </table> </td> </tr> </tbody></table><script src="/A2EB891D63C8/avg_ls_dom.js" type="text/javascript"></script><script src="/A2EB891D63C8/avg_ls_dom.js" type="text/javascript"></script><script src="lib/functions.js" language="javascript" type="text/javascript"></script><table align="center" cellpadding="7"></table></body></html>

Link to comment
Share on other sites

You still have some really funky stuff going on. There's no <head>, you have no opening <body>, the first <h1> has no opening tag, empty <script> elements, mismatched tags and attributes...As for the border CSS, this:div{Border:15px solid;Border-syle:double;border-radius:10px;border-color:#006600;}will make a border around all div elements, not your page. Ingolme's code targeted the body, as in:body{Border:15px solid;Border-syle:double;border-radius:10px;border-color:#006600;}Also, the <style> element has no opening tag. Seriously, though, I suggest reading the tutorial and starting over. EDIT: After rereading your code, I'm guessing that most of the errors mentioned above came from the "cleaning" that the validator did to your code. It's never really a good idea to let the validator clean your code for you, because it usually just messes it up worse than it was before. It's better to read through all the errors it shows you and fix them yourself. But even your original page had a ton of errors in it so I still recommend starting from scratch.

Edited by ShadowMage
Link to comment
Share on other sites

OK, so you recommend re writing the whole page code. That's a big ask for me as I don't really understand coding. I ran the code through the validator as I thought it would improve things. Obviously not so.It'll take me weeks (with the limited time I have) to go through the whole page and re do the code. No rest for the wicked, I suppose.ThanksJohn.

Link to comment
Share on other sites

OK, so you recommend re writing the whole page code. That's a big ask for me as I don't really understand coding.
I recommend it, yes, but if you really want to try to fix up your current page I suppose I can try to work through it with you. Do you still have a copy of your original document? I think that one was better.
Link to comment
Share on other sites

This is the original code I posted on this forum string:Like this:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><style type="text/css">p.one.all_sides{border-style:solid;border-color:green;}<meta http-equiv="Content-Type"content="text/html; charset=utf-8" /><title>Work from Home secrets</title></style><title></title></head><body style="margin-top: 1px; height: 907px;"><h1style="font-family: Helvetica,Arial,sans-serif;" font="arial"color="0066CC" align="center">"Findingit Hard to make a living on line"?</h1><h2style="font-family: Helvetica,Arial,sans-serif; color: rgb(0, 0, 215);"font="arial" color="0066CC" align="center">"Learnhow to take the internet by storm in less time then you thoughtpossible"<br /><span style="color: rgb(0, 0, 25);">Yes, even if you'venever made a penny on line you too can master the secrets to onlinewealth.</span></h2><scriptsrc="http://www.yourfuture2012.co.uk/future/lib/functions.js"language="javascript"><meta http-equiv="Content-Type"content="text/html; charset=iso-8859-1" /><link href="style.css" rel="stylesheet" type="text/css" /><meta http-equiv="Content-Type"content="text/html; charset=iso-8859-1" /><link href="style.css" rel="stylesheet" type="text/css" /><meta http-equiv="refresh"content=" 5;url=http://www.thecompetitive-edge.co.uk" /><meta content="en-us" http-equiv="Content-Language" /><meta content="text/html; charset=utf-8" http-equiv="Content-Type" /><meta http-equiv="Refresh"content="4; URL=http://www.thecompetitive-edge.co.uk" /><style type="text/css">.auto-style1 {text-align: center;}.auto-style2 {font-family: Arial, Helvetica, sans-serif;font-size: x-large;}.auto-style3 {font-family: Arial, Helvetica, sans-serif;font-size: large;}.auto-style8 {font-family: Arial, Helvetica, sans-serif;font-size: xx-large;color: #0066CC;}.auto-style9 {font-family: Arial, Helvetica, sans-serif;font-size: xx-large;color: #0066CC;}.auto-style10 {font-family: Arial, Helvetica, sans-serif;font-size: large;color: #4B4444;}</style></head><body><div style="width: 350px; height: 200px;"></div><script language="javascript">function validateForm(frm){var name=frm.name.value;var email=frm.email.value;if(name==''){alert("Please enter name");return false;}if(!checkMail(email)){return false;}frm.submit(); }</script><form style="height: 219px;"method="post"action="http://www.yourfuture2012.co.uk/future/register.php?list_id=1"><tablestyle="background-color: rgb(154, 210, 34); text-align: left; margin-left: auto; margin-right: auto;"border="3" cellpadding="10" frame="box"><tbody><tr><th colspan="2">Simplyfill the form below to get instant access:</th></tr><tr><td style="width: 100px;">YourName:</td><td width="300"><inputname="name" size="30" type="text" /></td></tr><tr><td width="100">YourEmail:</td><td width="300"><inputname="email" size="30" type="text" /></td></tr><tr><td>Country</td><td> <inputname="field_1" value="" type="text" /> </td></tr><tr><td colspan="2" align="center"><inputname="ok" value="1" type="hidden" /> <inputvalue="Sign Up" onclick="javascript:validateForm(this.form);"type="button" /></td></tr></tbody></table></form><script src="/A2EB891D63C8/avg_ls_dom.js"type="text/javascript" /><script src="lib/functions.js"language="javascript" /><table style="width: 1177px; height: 146px;"align="center" cellpadding="5"><tbody><tr><td style="height: 148px;"valign="top" width="780"><tablestyle="margin-top: 0px; text-align: left; margin-left: auto; margin-right: auto; width: 1155px; height: 91px;"cellpadding="10"><tbody><tr><tdstyle="width: 240px; text-align: center; height: 31px;"> <big><spanstyle="font-weight: bold;">Thank You</span></big></td></tr><tr><thstyle="width: 250px; text-align: center; height: 55px;">Youhave been signed up in the system.However confirmationof your emailaddress is required.<br />Please check your email andclick on thelink init to confirm your address</th></tr><tr><td style="height: 17px;"></td></tr></tbody></table></td></tr></tbody></table><script src="/A2EB891D63C8/avg_ls_dom.js"type="text/javascript" /><script src="/A2EB891D63C8/avg_ls_dom.js"type="text/javascript" /><script src="lib/functions.js"language="javascript" /><table align="center" cellpadding="7"></table></body></html> However, take a look at the next entry please.

Link to comment
Share on other sites

This is the code of the original page I based the above on:<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Internet propulsion</title> <link href="register.php_files/style.css" rel="stylesheet" type="text/css"> <script src="register.php_files/functions.js" language="javascript"></script></head><body><div id="_GPL_e6a00_parent_div" style="position: absolute; top: 0px; left: 0px; width: 1px; height: 1px; z-index: 2147483647;"><object data="register.php_files/storage.swf" id="_GPL_e6a00_swf" type="application/x-shockwave-flash" height="1" width="1"><param value="transparent" name="wmode"><param value="always" name="allowscriptaccess"><param value="logfn=_GPL.items.e6a00.log&onload=_GPL.items.e6a00.onload&onerror=_GPL.items.e6a00.onerror&LSOName=gpl" name="flashvars"></object></div><table align="center" cellpadding="7"> <tbody> <tr> <td colspan="2"> <h1 align="center"><<b>InternetPropulsion</b>></h1> <hr></td> </tr> <tr> <td height="380" valign="top" width="780"> <script language="javascript">function validateForm(frm){ var name=frm.name.value; var email=frm.email.value; if(name=='') { alert("Please enter name"); return false; } if(!checkMail(email)) { return false; } frm.submit(); } </script> <h2 align="center">Fillthe form to sign up</h2> <form method="post" action="http://www.yourfuture2012.co.uk/future/register.php?list_id=1"> <table align="center" cellpadding="10"> <tbody> <tr> <th colspan="2">Pleasefill the form below:</th> </tr> <tr> <td width="100">YourName:</td> <td width="300"><input name="name" size="30" type="text"></td> </tr> <tr> <td width="100">YourEmail:</td> <td width="300"><input name="email" size="30" type="text"></td> </tr> <tr> <td colspan="2" align="center"><input name="ok" value="1" type="hidden"> <input value="Sign Up" onclick="javascript:validateForm(this.form);" type="button"></td> </tr> </tbody> </table> </form> </td> </tr> <tr> <td colspan="2"> <hr> <h1 align="center"><<b>Thanks for Visiting</b>></h1> </td> </tr> </tbody></table></body></html>It makes a page but I wanted to change the style and add a double border, about 5px or 10px to make it look more professional.Hope you can help in some way.ThanksJohn.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...