HTML - Template And Form Positioning
Hello. I have a Jpg image that I want to be the template for my website. I uploaded the image into FRONTPAGE as a background that is centered in the middle horizontally, and top vertically.
NOw I want to put a FORM that I made on top of the template but I want to position it in a certain spot and keep it there no matter how wide you open your browser to. How should I go about this? I want it in an exact position. Is there an easier way of doing this? Similar TutorialsI'm using this template on my Tumblr blog: http://blog.tmimgcdn.com/wp-content/...ute.jpg?9d7bd4 I'm wondering how I can get those boxes to the top so that they are not centered? I've been messing about with the HTML for ages. You'll have to excuse me because I'm a noob at HTML. I appreciate any help! Thanks. i bought this template and going well, but i am stuck with the contact page, i want the user to be able to fill the contact form and send it to my mailbox.. yes i have tried it myself and also build my own contact.php . But the template coding is a bit confusing for me Code: <div id="content"> <div class="bg-cont png"> <div class="indent-main"> <div class="container"> <div class="col-1"> <div class="box"> <form action="" id="form2"> <div class="indent-box"> <img alt="" src="images/6page_title1.gif" class="title1" /><br /> <div class="h1"><input type="text" class="input1" value="Name: " /></div> <div class="h1"><input type="text" class="input1" value="E-Mail: " /></div> <div class="h1"><input type="text" class="input1" value="Phone:" /></div> <div class="h1"><input type="text" class="input1" value="State:" /></div> <textarea rows="40" class="textarea" cols="30" value="Message:">Message:</textarea><br /> <div class="fright"> <a href="#" class="link-1" onclick="document.getElementById('form2').reset()"><em><b>Reset</b></em></a> <div class="indent-2"><a href="#" class="link-1" onclick="document.getElementById('form2').submit()"><em><b>Send</b></em></a></div> </div> <div class="clear"></div> </div> </form> </div> so lets say i make a contact.php and i will change it to <form action="contact.php" id="form2"> how about this line: what should i replace with "a href?????? " Code: <div class="fright"> <a href="#" class="link-1" onclick="document.getElementById('form2').reset()"><em><b>Reset</b></em></a> <div class="indent-2"><a href="#" class="link-1" onclick="document.getElementById('form2').submit()"><em><b>Send</b></em></a></div> and here is my contact.php page... it doesn't work properly Code: <?php $name = $_POST['Name']; $email = $_POST['E-Mail']; $phone = $_POST['Phone']; $state = $_POST['State']; $Message = $_POST['Message']; $to = "gilbylu@gmail.com"; $subject; $message = ""; foreach($_POST as $key=>$value) { $message .= $key.": ".$value."\n\r"; } mail($to,$subject,$message); ?> <html> <head> <title> Contact - Message Sent</title> <body> Message Sent Succesfully. </body> </html> Hi I am designing a form to update a template i have created. The idea is to leave the form with a user and they can input details which will update a template i have designed for use with ebay. However i have designed it using javascript and when this updates my template it doesnt actually fill out the data, it is only taking the data from the intial form not actually making a new hard copy with the data? My code: User Form: Code: <!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>Pass Data Form</title> <BODY> <center> <form type=get action="template.htm"> <table border=1> <tr> <td>Item Title:</td> <td><input type=text name=itemtitle size=100></td> </tr> <tr> <td>Item Condition:</td> <td><input type=text name=itemcondition size=50></td> </tr> <tr> <td>Box Condition:</td> <td><input type=text name=boxcondition size=50></td> </tr> <tr> <td>UK Postage:</td> <td><input type=text name=ukpostage size=10></td> </tr> <tr> <td>European Postage:</td> <td><input type=text name=europepost size=10></td> </tr> <tr> <td>Rest Of World Postage:</td> <td><input type=text name=rowpostage size=10></td></tr> <tr> <td>Description Item 1:</td> <td><input type=text name=descritionitem1 size=100></td> </tr> <tr> <td>Description Item 2:</td> <td><input type=text name=descritionitem2 size=100></td> </tr> <tr> <td>Description Item 3:</td> <td><input type=text name=descritionitem3 size=100></td> </tr> <tr> <td>Description Item 4:</td> <td><input type=text name=descritionitem4 size=100></td> </tr> <tr> <td>Description Item 5:</td> <td><input type=text name=descritionitem5 size=100></td> </tr> <tr> <td>Description Item 6:</td> <td><input type=text name=descritionitem6 size=100></td> </tr> <tr> <td>Description Item 7:</td> <td><input type=text name=descritionitem7 size=100></td> </tr> <tr> <td>Description Item 8:</td> <td><input type=text name=descritionitem8 size=100></td> </tr> <tr> <td>Description Item 9:</td> <td><input type=text name=descritionitem9 size=100></td> </tr> <tr> <td>Description Item 10:</td> <td><input type=text name=descritionitem10 size=100></td> </tr> <tr> <td>Description Item 11:</td> <td><input type=text name=descritionitem11 size=100></td> </tr> <tr> <td>Description Item 12:</td> <td><input type=text name=descritionitem12 size=100></td> </tr> <tr> <td colspan=2><input type=submit value="Submit!"> </td> </tr> </table> </form> </center> </head> <body> </body> </html> Template javascript: Code: <SCRIPT LANGUAGE="JavaScript"> <!-- This script and many more are available free online at --> <!-- The JavaScript Source!! http://javascript.internet.com --> <!-- Begin function getParams() { var idx = document.URL.indexOf('?'); var params = new Array(); if (idx != -1) { var pairs = document.URL.substring(idx+1, document.URL.length).split('&'); for (var i=0; i<pairs.length; i++) { nameVal = pairs[i].split('='); params[nameVal[0]] = nameVal[1]; } } return params; } params = getParams(); // End --> </script> <SCRIPT LANGUAGE="JavaScript"> itemtitle = unescape(params["itemtitle"]).replace(/\+/g,' '); document.write(itemtitle); </script> </STRONG></FONT></DIV> </DIV> <DIV align=left><FONT color=#492d67><STRONG> <SCRIPT LANGUAGE="JavaScript"> itemcondition = unescape(params["itemcondition"]).replace(/\+/g,' '); document.write("ITEM CONDITION: " + itemcondition); </script> </STRONG></FONT></DIV> <DIV align=left><FONT color=#492d67></FONT> </DIV> <DIV align=left><FONT color=#492d67><STRONG> <SCRIPT LANGUAGE="JavaScript"> boxcondition = unescape(params["boxcondition"]).replace(/\+/g,' '); document.write("BOX CONDITION: " + boxcondition); </script></STRONG></FONT> </DIV> <DIV align=left><FONT color=#492d67></FONT> </DIV> <DIV align=left><FONT color=#492d67><STRONG> <SCRIPT LANGUAGE="JavaScript"> ukpostage = unescape(params["ukpostage"]).replace(/\+/g,' '); europepost = unescape(params["europepost"]).replace(/\+/g,' '); rowpostage = unescape(params["rowpostage"]).replace(/\+/g,' '); document.write("POSTAGE: " + ukpostage + " (UK Mainland) " + europepost + " (Europe) " + rowpostage + " (R.O.W) " ); </script></STRONG></FONT> </DIV> <DIV align=left></DIV> <UL> <LI> <DIV align=left><FONT color=#492d67> <SCRIPT LANGUAGE="JavaScript"> descritionitem1 = unescape(params["descritionitem1"]).replace(/\+/g,' '); document.write(descritionitem1); </script> <br> <LI> <DIV align=left><FONT color=#492d67> <SCRIPT LANGUAGE="JavaScript"> descritionitem2 = unescape(params["descritionitem2"]).replace(/\+/g,' '); document.write(descritionitem2); </script> <br> <LI> <DIV align=left><FONT color=#492d67> <SCRIPT LANGUAGE="JavaScript"> descritionitem3 = unescape(params["descritionitem3"]).replace(/\+/g,' '); document.write(descritionitem3); </script> <br> <LI> <DIV align=left><FONT color=#492d67> <SCRIPT LANGUAGE="JavaScript"> descritionitem4 = unescape(params["descritionitem4"]).replace(/\+/g,' '); document.write(descritionitem4); </script> <br> <LI> <DIV align=left><FONT color=#492d67> <SCRIPT LANGUAGE="JavaScript"> descritionitem5 = unescape(params["descritionitem5"]).replace(/\+/g,' '); document.write(descritionitem5); </script> <br> <LI> <DIV align=left><FONT color=#492d67> <SCRIPT LANGUAGE="JavaScript"> descritionitem6 = unescape(params["descritionitem6"]).replace(/\+/g,' '); document.write(descritionitem6); </script> <br> <LI> <DIV align=left><FONT color=#492d67> <SCRIPT LANGUAGE="JavaScript"> descritionitem7 = unescape(params["descritionitem7"]).replace(/\+/g,' '); document.write(descritionitem7); </script> <br> <LI> <DIV align=left><FONT color=#492d67> <SCRIPT LANGUAGE="JavaScript"> descritionitem8 = unescape(params["descritionitem8"]).replace(/\+/g,' '); document.write(descritionitem8); </script> <br> <LI> <DIV align=left><FONT color=#492d67> <SCRIPT LANGUAGE="JavaScript"> descritionitem9 = unescape(params["descritionitem9"]).replace(/\+/g,' '); document.write(descritionitem9); </script> <br> <LI> <DIV align=left><FONT color=#492d67> <SCRIPT LANGUAGE="JavaScript"> descritionitem10 = unescape(params["descritionitem10"]).replace(/\+/g,' '); document.write(descritionitem10); </script> <br> <LI> <DIV align=left><FONT color=#492d67> <SCRIPT LANGUAGE="JavaScript"> descritionitem11 = unescape(params["descritionitem11"]).replace(/\+/g,' '); document.write(descritionitem11); </script> <br> <LI> <DIV align=left><FONT color=#492d67> <SCRIPT LANGUAGE="JavaScript"> descritionitem12 = unescape(params["descritionitem12"]).replace(/\+/g,' '); document.write(descritionitem12); </script> I would like the new template so i can view the source code which will contain the user filled info. This will then just be copied into the ebay description for use. Any help appreciated. Not sure if this can be done in the HTML itself, or if this is something that CSS could resolve (or both? )... I'm wanting to create a navigation "strip" with a couple links and a search box. Here's the HTML I'm using at the moment: Quote: <p class="navigation"><a href="/?p=index" class="internallink">home</a>|<a href="tools/edit.php?p=index" class="internallink">edit</a>|<form action="search.php" method="POST"><input type="text" name="term" maxlength=255 size=10><input type="submit" value="Search"></form></p> When the browser renders it, the form shows on a new line, rather than on the same line as the text! Quote: home|edit| [______] [Search] I'd like for it to appear on the same line like: Quote: home|edit|[______] [Search] I've tried the only thing I could find via Google that seemed even close to what I'm looking for - adding a style='display:inline;', but this didn't correct the issue. Any idea what I could do to make this appear the way I'm wanting? Thanks in advance. Hi: I would like the freedom to position <input> elements of a form to specific places on my page. What is the proper way to do that please ?? Thanks, -Mel Smith I have an older template that has a stylesheet and iframes.html I am wanting to put this into it and just havent had any luck. <!-- MLCALC BEGIN --> <script type="text/javascript"><!-- mlcalc_default_calculator = 'loan'; mlcalc_currency_code = 'usd'; mlcalc_amortization = 'year_nc'; //--></script> <script type="text/javascript" src="http://www.mlcalc.com/jquery.js"></script><div style="font-weight:normal;font-size:9px;font-family:Tahoma;padding:0;margin:0;border:0;background:transparent;color:#E5E5E5;width:300px;text-align:right;padding-right:10px;" id="mlcalcWidgetHolder"><script type="text/javascript" src="http://www.mlcalc.com/widget-wide.js"></script>Powered by <a href="http://www.mlcalc.com/" style="color:#E5E5E5;text-decoration:none">Mortgage Calculator</a></div> <!-- MLCALC END --> I have been able to muddle it into the page but get script error. I am sure I need to provide more information. The tables on the page are just to confusing for me to work this in. Just thought I would start off with the problem. Wasnt sure what forum to put this in either thanks in advance for any input. Well okay it's me again. I'm making another template. How do I get this: Image To look like this: Image And then let me add text? Codes: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Apateezer - Home</title> <link rel=stylesheet href="style.css" type="text/css" media=screen> </head> <body> <div id="page"> <div id="Header"> </div> <div id="linkbar"> <div id="page"> <p>test</p> </div> <div id="footer"> <p>Copyright (c) 2008 Apateezer.com <br/> All Rights Reserved.</p> </div> </div> </body> </html> Code: body { background-color:#000000; margin:0; padding:0; text-align:center; font-family:Trebuchet MS Bold; font-size:16px; color:#ffffff; } #page { width:960px; margin:auto; padding:auto; background-image:url(images/page.png); text-align:center; } #header { width:780px; height:123px; background-image:url(images/header.png); clear:both; } #linkbar { width:780px; height:66px; background-image:url(images/linkbar.png); clear:both; } #footer { width:780px; height:51px; background-image:url(images/footer.png); clear:both; } PLease help. Hi, total newbie to website design and I need help in getting rid of a template. I think for now all i want is to go to cPanel, then right to a HTML editor, but every choice seems to leave me with some sort of forced template. I just switched from Sitebuilder to RVsitebuilder and was a little happier with the 'build your own' template... but still there is a template. I want to learn to design my own header, not have some preset thing.... Should I just keep messing with different builders? Try wordpress? (it's Not like i can ruin anything, there is no content up yet to worry about overwriting) Hoping someone feels like answering this tonight How would you add a template to your site with HTML. This concept is getting very annoying and I have started arguing with someone on this subject. Please if you know how to do this please don't hesitate to tell me. Thanks in advance!! -Levi here is the template. it's coded badly since I used photoshop and dreamweaver since I dont really know how to code. the only thing I need to do is add a div tag in the body thats white and another div tag for the footer with that color. ive been messing with it but i cant get it. i end up messing the whole template up. could someone please help me with those 2 spots please? Hey everyone, First of all, I don't know any HTML, I'll be following a tutorial later this week to learn it, yet I decided to give website lay-outs, a go. Here's what I got so far. Now my questions are, do I have to add the text on there now? Or will I add it with HTML later on? And my other question is, how exactly does the slice tool work? Do I just have to slice it all in pieces? Or do I have to add the URL to it too? (If you double-click a slice you can enter a URL, how can I know the URL if I don't even have a site yet?) Thanks a lot! HI Guys, I am making a template using Web 2.0. Everything was alright but when I opened the html files in Dreamweaver again for work. One div in the middle it showed white space. When I viewed it in firefox, it viewed completely and there was no white space. The text was there , everything was there. I dont get it, where did the white space came from. Also, if I view the code view, that specific div is highlighted with yellow color. Also the yellow highlighted div is showing in the design view. I am attaching the screenshots. Kindly help with this Regards, a2usmani I'm trying to make a template for e-bay using Dreamweaver. When I use CSS, it applies everything to the whole auction, so even the e-bay things have the font as orange. I went in and changed everything to html and things look better, but I'm having a problem with the border around my images. I would like it to be the color in the background instead of black. Here is a screenshot of what I am talking about. http://s132.photobucket.com/albums/q...screenshot.jpg Here is the code I currently have: <img src="http://i132.photobucket.com/albums/q14/littlestinkerstore/SSTemplate/ssimagej.jpg" width="288" height="288" border="9"></p> <p align="center"> </p> <p align="center"><img src="http://i132.photobucket.com/albums/q14/littlestinkerstore/SSTemplate/ssdescriptionj.jpg" width="450" height="225" border="2"></p> What I would REALLY like is a border around the image that is another image, a pattern used in the background, but I will be happy with a color that matches!! Thanks! Hey there. I have a blog. its called reign of uncertainty, and the url is www.confusedforeternity.blogspot.com i am using a zigmag remedy template. i am trying to put links in the bar, where it says "home, about me, art....". but the template automatically prefixes the blog url before the link. if i put www.deviantart.com in the xml code, it automatically becomes http://www.confusedforeternity.blogs...deviantart.com. i am not the good at coding and i dont know why its happening. the xml template is available he http://www.mediafire.com/?tz3mzcgntmt A solution will be appreciated. Hi guys.I have very little html experience so I decided to work from a template. Problem is, I didn't even know how to add some of the simple stuff. I was able to figure out how to add: a) the background b) the main header(banner) and c) a few normal pictures I have no idea however how to add the: sidebar, menubar (where about us, etc is), or the footer. I don't know where the programming for them starts or how to add so that the show up. In the following post I'll add my website name and code: Hi, this may not be even a HTML question but... I was wondering if there was a way to create some kind of website template, so if I wanted to add a banner or something to a page I don't have to go into each individual html file and put it in. Something like a css that everything references to and making a change in that changes all. THX. Hello, I downloaded a couple of templates a week ago, thinking I could use them to base my site (which is just going to be a simple, personal site) off of them. However, I seem to hit a complete blank in knowing what any of it means! I've done some html sites before, albeit about 6 years ago and I don't remember much of what I did then. So when I looked at these templates and tried to work with them I was just perplexed just how to go about changing it to do what I want.. I was wondering if anyone would know of any tutorials, very good ones that go into detail about the code the templates use. The code for one of the templates is below, the other uses the same style. One thing I am quite frustrated with is that every link simply links to the whole main page and brings it all up again, so in effect I would have to have several copies of the main page. I would like so that all links simply bring the information up in the lower left part of the page (below the "Maecenas" link). I have used iframes for that in the past, however I can't remember how, or how with this style of code. I've also been told that ALL frames should be totally avoided, including iFrames! (I thought it was just the normal frames..). So if anyone would be able to help me out with this, it would be very much appreciated. Thanks, Pete Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/> <meta name="description" content="description"/> <meta name="keywords" content="keywords"/> <meta name="author" content="author"/> <link rel="stylesheet" type="text/css" href="default.css"/> <title>Deep Red</title> </head> <body> <div class="main"> <div class="main_left"> <div class="header"> <h1><a href="index.html">Deep Red</a></h1> </div> <div target="_blank" class="link_menu"> <a href="index.html" accesskey="1">Vestibulum</a> <a href="index.html" accesskey="2">Suspendisse</a> <a href="index.html" accesskey="3">Elemen</a> <a href="index.html" accesskey="4">Maecenas</a> </div> <div class="content"> <h1>Porttitor posuere</h1> <div class="descr">Jun 13, 2006 by Vulputate</div> <p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In bibendum. Aenean ornare, <a href="index.html">nunc eget pretium</a> porttitor, sem est pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante. Sed in est.</p> <blockquote><p>Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus.</p></blockquote> <p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc blandit sodales lacus. Nam luctus semper mi. In eu diam.</p> <p>Fusce porta pede nec eros. Maecenas ipsum sem, interdum non, aliquam vitae, interdum nec, metus. Maecenas ornare lobortis risus. Etiam placerat varius mauris. Maecenas viverra. Sed feugiat. Donec mattis <a href="index.html">quam aliquam</a> risus. Nulla non felis sollicitudin urna blandit egestas. Integer et libero varius pede tristique ultricies. Cras nisl. Proin quis massa semper felis euismod ultricies. </p> <h1>Adipiscing</h1> <div class="descr">Jun 11, 2006 by Laoreet</div> <p>Aliquam risus justo, mollis in, laoreet a, consectetuer nec, risus. Nunc blandit sodales lacus. Nam luctus semper mi. In eu diam. Phasellus rutrum elit vel nisi. Cras mauris nulla, egestas quis, cursus at, venenatis ac, ante. Fusce accumsan enim et arcu. Duis sagittis libero at lacus. Suspendisse lacinia nulla eget urna.</p> <ul> <li>Tristique</li> <li>Aenean</li> <li>Pretium</li> </ul> <p>In hac habitasse platea dictumst. Duis porttitor. Sed vulputate elementum nisl. Vivamus et mi at arcu mattis iaculis. Nullam posuere tristique tortor. In bibendum. Aenean ornare, nunc eget pretium porttitor, sem est pretium leo, non euismod nulla dui non diam. Pellentesque dictum faucibus leo. Vestibulum ac ante. Sed in est. Sed sodales nisl sit amet augue. Donec ultrices, augue ullamcorper posuere laoreet, turpis massa tristique justo, sed egestas metus magna sed purus. Fusce eleifend, dui ut posuere auctor, justo elit posuere sapien, at blandit enim quam fringilla mi.</p> <h1>Interdum</h1> <div class="descr">May 24, 2006 by Lectus</div> <p>Praesent nisi sem, bibendum in, ultrices sit amet, euismod sit amet, dui. Donec varius tincidunt nisi. Ut ut sapien. Integer porta. Fusce nibh. Curabitur pellentesque, lectus at <a href="index.html">volutpat interdum</a>, sem justo placerat elit, eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie. Nullam semper massa eget ligula. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque a nibh quis nunc volutpat aliquam</p> <code>margin-bottom: 12px; font: normal 1.1em "Lucida Sans Unicode",serif; background: url(img/quote.gif) no-repeat; padding-left: 28px; color: #555;</code> <p>Eget feugiat est leo tempor quam. Ut quis neque convallis magna consequat molestie.</p> </div> </div> <div class="main_right"> <div class="link_projects"> <div class="lbl">projects</div> <span class="left"> <a href="index.html" class="g1" accesskey="c"><span>CSS</span><br/>Cascading Style Sheets</a> </span> <span class="right"> <a href="blog.html" class="g2" accesskey="p"><span>Blog</span><br/>of Nonsensical Musings!</a> </span> </div> <div class="link_updates"> <div class="lbl">updates</div> <a href="index.html"><span>PHP</span>laoreet<br/>-<br/>2006-12-19</a> <a href="index.html"><span>PHP</span>neque convallis<br/>-<br/>2006-12-15</a> <a href="index.html"><span>CSS</span>pellentesque<br/>-<br/>2006-12-13</a> <a href="index.html"><span>CSS</span>quis neque<br/>-<br/>2006-12-10</a> <a href="index.html"><span>CSS</span>ultrices sit amet<br/>-<br/>2006-12-07</a> <a href="index.html"><span>PHP</span>nascetur ridiculus<br/>-<br/>2006-12-06</a> <a href="index.html"><span>PHP</span>semper massa<br/>-<br/>2006-12-05</a> <a href="index.html"><span>CSS</span>nibh quis nunc<br/>-<br/>2006-12-04</a> <div class="clearer"><span></span></div> </div> </div> <div class="footer"> <div class="left"><a href="index.html">Website</a> © Copyright 2006, Arcsin </div> <div class="right"><a href="http://jigsaw.w3.org/css-validator/check/referer">Never before could a mind be so blank.</a></div> </div> </div> </body> </html> I am creating a blog, and I went on a blog skin website and downloaded a couple of templates. i signed up to start my blog on blogspot.com. anyway, when i tried to customize and upload my downloaded templates, it had some errors. i'll try to give anyone the html codes...i can't make an attachment with the files on the first template i got the following error: "Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message: The element type "html" must be terminated by the matching end-tag "". " i tried the second template, and i got this error: "Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message: Open quote is expected for attribute "{1}" associated with an element type "language". " i am wondering if the person who made these made a mistake in the html. please help! oh, here is my blogspot address: harmony-dreams.blogspot.com thanks~ Hi. Im trying to use the background style of: http://www.freelayouts.com/templates...-Blue#download I looked through the .HTML for almost an hour, but I cant find ANY mention of the background. Heres the text: Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <!-- Bright Blue by christopher robinson http://www.edg3.co.uk/ hope you enjoy it and find it usefull :) --> <html xmlns="http://www.w3.org/1999/xhtml"> <head profile="http://gmpg.org/xfn/11"> <title>edg3.co.uk | Bright Blue</title> <link rel="shortcut icon" href="image/favicon.ico" /> <link rel="stylesheet" href="style.css" type="text/css" media="screen" /> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta http-equiv="content-language" content="en-gb" /> <meta http-equiv="imagetoolbar" content="false" /> <meta name="author" content="Christopher Robinson" /> <meta name="copyright" content="Copyright (c) Christopher Robinson 2005 - 2007" /> <meta name="description" content="" /> <meta name="keywords" content="" /> <meta name="last-modified" content="Sat, 01 Jan 2007 00:00:00 GMT" /> <meta name="mssmarttagspreventparsing" content="true" /> <meta name="robots" content="index, follow, noarchive" /> <meta name="revisit-after" content="7 days" /> </head> <body> <div id="header"> <h1>Bright <span>Blue</span></h1> </div> <div id="content"> <div id="main"> <h1>Important</h1> <p>Licensed under the <a href="http://creativecommons.org/licenses/by/2.5/">Creative Commons Attribution 2.5</a>. I have left the actual text design style very basic for you to add your own text / header / quotes / list etc. styles yourself.</p> <h1>About</h1> <p>Designed by Christopher Robinson of <a href="http://www.edg3.co.uk/">EDG3</a>.</p> <p>This template would be great as a simple personal site which only needs little content and a few pages, you are free to use this design for whatever purpose you wish as long as you do <strong>NOT</strong> sell it or claim it as your own and you leave the link back to my site at the bottom of your pages.</p> <h1>Filler Text</h1> <p>Donec sodales tempor neque. Vivamus faucibus interdum ante. Suspendisse tincidunt nibh. Sed quis libero sit amet dui faucibus egestas. Quisque varius dapibus risus. Cras tincidunt malesuada velit. Vestibulum vel turpis eu sem vehicula eleifend. Sed tristique, lacus ut tempus lobortis, tellus lorem cursus nunc, vel convallis dui magna nec massa. Phasellus sed est. Phasellus purus sem, sodales sit amet, iaculis sed, lobortis eget, metus. Proin ut mi. Praesent accumsan commodo nisi. Aliquam erat volutpat. Vestibulum urna. Ut in quam sit amet dui pharetra pellentesque. Suspendisse id ipsum. Nulla urna leo, ultricies sit amet, posuere ut, elementum et, magna. Mauris tempus mi ut metus. </p> <p>Phasellus viverra sapien non nunc. Integer est enim, nonummy eu, tempus convallis, mollis ut, lorem. Morbi ornare mattis nulla. Pellentesque in risus at ligula scelerisque malesuada. Morbi elementum nisl sit amet purus. Cras erat quam, suscipit id, tincidunt in, dignissim ac, risus. Aliquam nunc. Donec tristique, felis sit amet bibendum blandit, arcu libero congue nibh, in bibendum nisl arcu at enim. Quisque varius velit vel dolor. Curabitur arcu tortor, lacinia ac, consectetuer nec, imperdiet nec, quam. Sed sed magna. Integer eget sem. In rhoncus eleifend orci. Morbi pharetra, justo at cursus nonummy, metus lectus ullamcorper est, sit amet consequat justo mauris sit amet augue. Aenean vel libero. Proin vehicula. Integer sollicitudin. Duis varius consequat leo. Fusce ultricies purus eu est.</p> </div> <div id="sidebar"> <ul class="navigation"> <li><a href="http://www.edg3.co.uk/about/" class="active">About</a></li> <li><a href="http://www.edg3.co.uk/">Blog</a></li> <li><a href="http://www.edg3.co.uk/contact/">Contact</a></li> </ul> <h1>Sponsered Links</h1> <ul> <li><a href="http://www.4templates.com/?aff=christopher">4Templates</a></li> <li><a href="http://www.edg3.co.uk">Christopher Robinson</a></li> <li><a href="http://www.evohosting.co.uk/affiliate/idevaffiliate.php?id=133">EVO Hosting</a></li> <li><a href="http://www.openwebdesign.org/userinfo.phtml?user=christopher">Open Web Design</a></li> <li><a href="http://www.opendesigns.org/profile/?user=christopher">Open Web Design</a></li> <li><a href="http://www.text-link-ads.com/?ref=31171">Text Link Ads</a></li> <li><a href="http://www.w3csites.com/profile.asp?u=christopher">W3C Sites</a></li> </ul> <h1>Blogroll</h1> <ul> <li><a href="#">Person's Name Here</a></li> <li><a href="#">Person's Name Here</a></li> <li><a href="#">Person's Name Here</a></li> <li><a href="#">Person's Name Here</a></li> <li><a href="#">Person's Name Here</a></li> </ul> </div> </div> <div id="footer"> <p>Copyright © <a href="#">Bright Blue</a> 2007 | Designed by <a href="http://www.edg3.co.uk/">edg3.co.uk</a><br /> Sponsored by <a href="http://www.opendesigns.org/">Open Designs</a> | Valid <a href="http://jigsaw.w3.org/css-validator/">CSS</a> & <a href="http://validator.w3.org/">XHTML</a></p> </div> </body> Can one of you induviduals that acctualy know how it workes please point me in the corect direction? Thanks.. |