|
HTML - Creating Html Template From Scratch, Need Some Help :)
Hi all,
Basically, I'm an amatuer at this. I have created several websites, but most of them are through templates being edited on the likes of Dreamweaver. I have been creating my template, and I have finished the banner, then all the buttons directly underneith it. I have a background colour... and now I'm up to the the area the text is supposed to go into, directly under the buttons (home, contact, forums etc). I want this to be a different colour to the background colour, and for it to just be a box, 950pix wide, and go as high/low as I want it to depending on how much text is going on that particular page. I hope you all understand what I mean... I've got a feeling there is a possibility this might be a CSS issue, but I'm not 100% sure, so I didn't know which topic to put it under. Can anyone please help me? It would be much appreciated. I have been trying to figure this out on my own for hours now (I'm the type of person who doesn't like to ask for help ) Similar TutorialsI have icons I made that I want to use for the nav bar, and I made a background image that I want to use, but I cant get it up properly. How do I make my nav bar scrollable and link it to other pages, and create those pages o.0? So far the code looks like this: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>Saad Ismail Digital Artist</title> <link rel="stylesheet" href="style.css" type="text/css"/> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> body { background-image: url(homepage.gif); } </style> </head> <body <h1 align="center"> </h1> <h1 align="center">Saad</h1> <p align="center">Digital Artist</p> <p align="center"> </p> <p align="center"> </p> <div id="wrapper"> <div id="inner"> <div id="header"> </div> <div id="navbar"> <ul id="nav"> <li> <div align="center"><a id="nav1" href="../website/About me.html">About me</a> <a id="nav2" href="../website/Illustrations.html">Illustrations</a> <a id="nav3"href="../website/Videos.html">videos</a> <a id="nav4"href="../website/Animation.html">Animation</a> <a id="nav5"href="../website/Photography.html">Photography</a></div> </li> </ul> </div> <div id="content"></div> </div> </div> </body> </html> </body> </html> Ive been asked to fix up an old webpage. The old web master is a bit senile and can not complete the page. I had created a php page but the server is so old that it doesnt support php. I want a page with a simple leftnav and I need to add a photogallery with thumbnails... anyone have any advice for me? Are there any good free templates out there that could do all this for me? Or maybe some good tools? Thanks in advance Sorry if this has been posted before, I looked but couldn't find it. I am having serious problems with something I am trying to create. I am building a site which at the moment consists of 1 Page, namely my index.html page. I have put a lot of time and effort into the page and it looks fantastic, however, When the site goes live (school website) there will be a LOT of content pages. My dilema is, say for instance we want to add a new button on or change something on ALL the pages, it would take hours. I know in PHP you can do the index.php?page=departments....and I am sure I have seen it in HTML before. Therefore creating me a template which I only have to change 1 page and the rest will change automatically. This would help me SO Much. Thanks In advance Can someone please recommend to me a good site(s) where I can get free HTML templates for websites? Hello, I have a problem pulling external vbscript into an html template. I have various .vbs files written in vbscript, in a function library. Each .vbs file contains many functions that do a variety of things. Every function is documented with the following format; 'Function Name ''Purpose 'Date 'Author etc... What I need to do is create an html template and populate the template with the formatted documentation only from each of the functions. Unfortunately, this isn't as easy as using src=filename.vbs because I'm trying to access the documentation only....not the script itself. Does anyone have any ideas? thanks in advance! -Ken M so i need help with this .. what i want to accomplish is have everything with a width of 750px and each item to go after one another .. i thought a table would make that happen but it doesn't seem like it does .. on some previews it shows that it goes straight downward, but i think on larger resolutions it doesn't. i'm using this for ebay and it's showing up like this which isn't how i want it to look like. can someone help? HTML Code: <body><body bgcolor="#000000"> <table width="750" border="0"> <img src="http://www.advancespeedshop.com/d4auto888/top-header.jpg"> <!-- PRODUCT IMAGE --> <img src="http://www.advancespeedshop.com/frictiondesigns/easyimg/images/bfi1241809521c.jpg"> <!-- PRODUCT IMAGE --> <!-- DESCRIPTION --> <img src="http://www.advancespeedshop.com/frictiondesigns/easyimg/images/opt1241809533e.jpg"> <!-- DESCRIPTION --> <!-- POLICIES --> <img src="http://www.advancespeedshop.com/d4auto888/shipping-rates-calculated.jpg"> <img src="http://www.advancespeedshop.com/d4auto888/shipping.jpg"> <img src="http://www.advancespeedshop.com/d4auto888/payment.jpg"> <img src="http://www.advancespeedshop.com/d4auto888/policies.jpg"> <img src="http://www.advancespeedshop.com/d4auto888/returns.jpg"> <img src="http://www.advancespeedshop.com/d4auto888/contact-us.jpg"> <!-- POLICIES --> </table> </body> i want help to modify a html template,when modified gives error,mail me if anyone is interested i can send you the template. [b]So I'm modifying my blogger template, but i can't remove this thing: Could anyone tell me what to delete in my html code to make it disappear??? Website: http://13stairstomikarain.blogspot.c...o-so-sick.html I'm using a BlogSpot template and have made some alterations to it, but I can't figure out how to change the main background. It's currently black. I'm thinking a nice chocolate brown color would better contrast my post background. What should look for in the html codes? Thanks in advance for any ideas. please reply....i had made an template using power point and i want to put that template on my html code ...the code is HTML Code: <html>
<head>
<style>
</style>
<script type='text/javascript'>
<!--
var clicks = new Array();
clicks['a'] = 0;
clicks['b'] = 0;
function AddClick(choice){
clicks[choice] = clicks[choice] + 1;
document.getElementById('CountedClicks_' + choice).innerHTML = clicks[choice] + ' votes';
}
// --></script>
</head>
<body>
<H1 align="center"><I>WELCOME 2 U-COMPARE</H1>
<HR COLOR="RED" SIZE="10" width="50%" NOSHADE>
<img src="ab.jpg" style="margin-left:400px"align="down" alt="Pulpit rock" width="250" height="400" />
<span id="CountedClicks_a">0 vote</span><br>
<button style="background-color:grey"; ; onclick="AddClick('a')">vote</button>
<table cellspacing="15" border="0" cellpadding="0">
<td width="700"></td>
<td width="3" height ="200" bgcolor="RED"><BR></td>
<td width="150" valign="DOWN" align="right">
</td>
</tr>
</table>
<img src="tiesto.jpg" style="margin-left:400px"align="bottom" width="250" height="400" />
<span id="CountedClicks_b">0 vote</span><br>
<button style="background-color:grey"valign="top" onclick="AddClick('b')">vote</button>
<!-- begin htmlcommentbox.com -->
<div id="HCB_comment_box"><a href="http://www.htmlcommentbox.com">HTML Comment Box</a> is loading comments...</div>
<link rel="stylesheet" type="text/css" href="http://www.htmlcommentbox.com/static/skins/simple/skin.css" />
<script type="text/javascript" language="javascript" id="hcb"> /*<!--*/ if(!window.hcb_user){hcb_user={};} (function(){s=document.createElement("script");s.setAttribute("type","text/javascript");s.setAttribute("src", "http://www.htmlcommentbox.com/jread?page="+escape((window.hcb_user && hcb_user.PAGE)||(""+window.location)).replace("+","%2B")+"&opts=406&num=10");if (typeof s!="undefined") document.getElementsByTagName("head")[0].appendChild(s);})(); /*-->*/ </script>
<!-- end htmlcommentbox.com -->
<table cellspacing="15" border="0" cellpadding="0">
<td width="700"></td>
<td width="3" height ="300" bgcolor="RED"><BR></td>
<td width="150" valign="DOWN" align="right">
</td>
</tr>
</table>
</body>
</html>
http://pixelpatriot.blogspot.com/ Problem #1 The dimensions of the blog image thumbnails are compressed on the x axis with word wrap set to the right side of the image on the main/index page. When you click on the html link that takes you to the full blog page the image is displayed OK. Do you have a suggestion on how to correct the image size displayed in the thumbnail mode? Problem #2 Video screen on right side bar of main page is cropped so can't see full video. I think it is preventing the viewer from access link to Vimeo site. Problem #3 Reduce left margin to maybe 10 or 15 pixels Problem #4 Can the Gallery delay rate be slowed by approx. 1 sec I tried to embed the code here but it was too long. Can you see the code from the above URL? Hi, I am not sure if this is the right forum for something like this, but I couldn't find one that would suit it....Moderators feel free to move to the correct forum. Anyway, I have a question, I was wondering if anyone on here can give me step by step instructions on how to covert a psd template (made in photoshop) to html. Thanks for any help! I have to develop a page which have same frame and different content. Example http://www.dcu.org My page should have 3 columns where as DCU have 2. The content should look same across all browsers, The page may be used for 10inches to 30inches screens. What is the strategy to develop such page. The page must occupy 100% of screen ad should not have scrolebars. What is the strategy to display the content? I am using Tables but not sure how to make the content adjust according the screen. I am looking to develop a template and can be used to all the content. Please help me figure out the strategy. Regards, Swaroop Kunduru. Hi I've done a search with various keywords about this but haven't been able to find the answer. I'd like to know how you combine the html and css from a website to create a single file that can be used to make a template suitable to send as an email (that keeps the look and feel of the site intact) I'm sure it's really easy to do via dreamweaver but I don't know how. Thanks Hi all, I use this template quite a lot and was wondering if someone could have a look at the coding and remove any errors? Code: <!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> <meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"/> <link rel="shortcut icon" href="img/favicon.ico" /> <link rel="stylesheet" type="text/css" href="stylesheet.css" /> <title>Top Bargain</title> </head> <body> <table align=center border=2> <tr vAlign=top> <td colSpan=2> <center> <br /> <font size=2><a href="http://feedback.ebay.co.uk/ws/eBayISAPI.dll?ViewFeedback&userid=top.bargain&ssPa geName=StrK:ME:UFS" target="_blank"><img src="http://www.topbargain.pwp.blueyonder.co.uk/images/Template/Top.BargainLogo.gif" alt="TopBargain" border="0" /></a> <br /> <br /> Purchase With Confidence. <a href="http://feedback.ebay.co.uk/ws/eBayISAPI.dll?ViewFeedback&userid=top.bargain&ssPa geName=StrK:ME:UFS"><em>VIEW FEEDBACK.</em></a> A Trusted eBay Power Seller. <a href="http://members.ebay.co.uk/ws/eBayISAPI.dll?ViewUserPage&userid=top.bargain"><img src="http://www.topbargain.pwp.blueyonder.co.uk/images/Template/aboutme-small.gif" border="0"> </a><p> </font> </center> </td> </tr> <tr vAlign=top> <td> <h3 align=center>Description:</h3> </td> <td rowSpan=6> <img src="URL" width="300" height="600" alt="Picture Name" /> </td> </tr> <tr vAlign=top> <td> <br /> <ul> <font size=2><p>DESCRIPTION</p> <li></li> <li></li> <li></li> <li></li> <li></li> </font> </ul> </td> </tr> <tr vAlign=top> <td> <h3 align=center>Postage:</h3> </td> </tr> <tr vAlign=top> <td> <br /> <ul><font size=2> <li>Please Check Table At Bottom For UK Postal Rates</li> <li>Fast Delivery Via An Insured/Traceable Courier</li> <li>Please Click <a href="http://members.ebay.co.uk/ws/eBayISAPI.dll?ViewUserPage&userid=top.bargain" border="0"><img src="http://pics.ebaystatic.com/aw/pics/uk/aboutme-small.gif" border=0 /></a> For Full Details.</li> </font> </ul> </td> </tr> <tr vAlign=top> <td> <h3 align=center>Payment Methods:</h3> </td> </tr> <tr vAlign=top> <td> <br /> <p align=center><a href="http://www.paypal.co.uk/uk" target=_blank><IMG style="WIDTH: 253px; HEIGHT: 56px" height=52 alt=TopBargain src="http://www.topbargain.pwp.blueyonder.co.uk/images/Template/PaypalLogo.gif" width=253 border=0></a></p> <ul><font size=2> <li><em>Bank Transfer.<em></li> <li>Money/Postal Orders and Cheques Accepted.<FONT color=white>.................. </font> </body> </html> I had to use that color=white....... piece otherwise the table is too small, can not find a solution to using something else. Any help appriciated. Thanks 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. I'd like to know 2 things please, which is FASTER, using templates and modifying to design sites or building from scratch? Next, which is BETTER, using templates or building from scratch? Hi guys, It's my first time on these forums, and I thought you all would be the best help I could get for my HTML problem. I've just recently created a blog and I am currently using a custom template. I'm not too familiar with HTML, or any sort of coding really, and I would like to stretch the content area of the template so that I could place larger images without it overlapping the grey bars. I have no idea what values to change though or what I should be looking for. Could you guys help me out? Many thanks, AciesEdge Hi guys, I created a email template for company usage using html, i put company`s logo in it, it works perfect with outlook and windows live mail, but when i open that email template in browsers, i see .jpg file at the end of the mail message. Is there any way to get rid of this? Thanks. here is a screenshot of my problem: http://img26.imageshack.us/img26/5672/16715830.jpg |
|||||||