|
HTML - Coding Template Problem
Hey,
I'm coding a template for someone and I was learning how to make everything extendable and I know how to do it now. But, all of the images are spaced out and idk why they are, can anyone help me? http://teamafterglow.com/templates/template7.html Thank you, Similar TutorialsHi, Im had my site redesigned by a designer a while ago, it was working fine till a couple of weeks ago. When the site loads the logo and and links load for a couple of seconds and disappear. My site address is www.broadway-engraving.co.uk. If anyone can help it would be much appiciated. The code for the template is below. Thanks Ashley HTML Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<script language="JavaScript">
function MM_preloadImages()
{
//v3.0
var d=document; if(d.images)
{
if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0)
{
d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];
}
}
}
function MM_swapImgRestore()
{
//v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d)
{
//v4.0
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length)
{
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);
}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && document.getElementById) x=document.getElementById(n); return x;
}
function MM_swapImage()
{
//v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];
}
}
//-->
</script>
<title>{title}</title>
<META name="description" content="{description}">
<META name="keywords" content="{keywords}">.
<META name="title" content="{title}">
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1">
<LINK REL="STYLESHEET" type="text/css" HREF="templates/{templatenum}/style.css">
<link href="http://www.broadway-engraving.co.uk/main.css" rel="stylesheet" type="text/css">
</head>
<!--DO NOT REMOVE THESE LINES#-->
<SCRIPT LANGUAGE="JavaScript" src="script.js"></SCRIPT>
<!--DO NOT REMOVE THESE LINES#-->
<script language="JavaScript">
<!--
//-->
</script><body {onload} onLoad="MM_preloadImages('karton.gif','homon.gif','proon.gif','aboon.gif','teron.gif','prion.gif','seron.gif','cont.gif','mykarton.gif','conton.gif')">
<!--DO NOT REMOVE THIS JAVASCRIPT OBJECT#-->
{jscript}
<!--DO NOT REMOVE THIS JAVASCRIPT OBJECT#-->
<div class="topanelbelowboder"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="460" height="200" align="left" valign="top" background="logo-sample3--red-style-gra.jpg"><a
href="http://www.broadway-engraving.co.uk/TROPHIES-Football.html"></a><img src="logo-sample3--red-style.jpg" width="354" height="203" alt="Sports Trophies Shop London"></td>
<td width="160" height="200" align="left" valign="middle" background="logo-sample3--red-style-gra.jpg"><table width="160" border="0" cellspacing="0" cellpadding="0">
<tr>
<td class="botomnavcolor"><a href="{f3index}">Home</a> » <a href="viewcart.cgi">View Cart »</a></td>
</tr>
</table></td>
<td width="358" height="200" align="right" valign="top" background="logo-sample3-blue-gra-1px.jpg"><table width="300" height="100" border="0" align="left" cellpadding="2" cellspacing="0">
<tr>
<td class="toppanel"><a href="{f3products}">Products</a></td>
<td class="toppanel"><a href="{f3faq}">Faq</a></td>
</tr>
<tr>
<td class="toppanel"><a href="{f3about}">About Us</a></td>
<td class="toppanel"><a href="{f3search}">Search</a></td>
</tr>
<tr>
<td class="toppanel"><a href="{f3terms}">Terms</a></td>
<td class="toppanel"><a href="{f3contact}">Contact</a></td>
</tr>
<tr>
<td class="toppanel"><a href="{f3privacy}">Privacy</a></td>
<td class="toppanel"><a href="{f3orderstatus}">Order Status</a></td>
</tr>
</table></td>
</tr>
<tr>
<td colspan="2" align="left" valign="top"></td>
</tr>
</table>
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150" align="left" valign="top"><table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150" height="10"><img alt="Sports Trophies London" src="navigation-menu.gif" width="150" height="23"></td>
</tr>
<tr>
<td width="150"> <!--MENU-->
{menu}
<!--MENU-->
<script>
if (document.layers) {
} else {
// document.write("<BR>");
}
</script>
<img src="clear.gif" border=0 width="9" height="4">
<script>
if (document.layers) {
} else {
// document.write("<BR>");
}
</script></td>
</tr>
<tr>
<td> </td>
</tr>
<td width="150"> </td>
</tr>
</table></td>
<td width="10" height="100%" align="left" valign="top" bgcolor="#A01E20"> </td>
<td width="100%" align="left" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td bgcolor="#FFFFFF" valign="top"><table width="100%" border="0" cellspacing="0" cellpadding="0" align="center">
<tr>
<td valign="top"><table width="100%"
border="0"
cellpadding="2"
cellspacing="0"
height="70%"
valign="top">
<tr>
<td b1gcolor="#FFFFFF" align="left" valign="top" width="100%" height="21"><!--Actual Content Table Cell-->
<!--Content-->
{content} {intro}
<!--Content-->
<!--Actual Content-->
</td>
</tr>
<tr>
<td colspan="1" align="center" valign="bottom"> </td>
</tr>
</table></td>
</tr>
<tr>
<td width="99%" valign="bottom" height="100%" align="right"><font class="addressfontcolor">
<!--COMPANY MAILER--->
<!--PLEASE DO NOT REMOVE THE FOLLOWING LINE-->
{companyinfo}
<!--COMPANY MAILER--->
</font></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="6" align="left" valign="top" bgcolor="#A01E20"> </td>
<td width="163" align="left" valign="top"><table width="150" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="150" height="20"><img alt="Sports Trophies and Gifts" src="cart-contents.gif" width="151" height="23"></td>
</tr>
<tr>
<td height="20">{jscart}</td>
</tr>
<tr>
<td width="150" height="20">{randomft} {randomsp} {randomrp} </td>
</tr>
<tr>
<td width="151" height="20"> </td>
</tr>
<tr>
<td width="151" height="20"> </td>
</tr>
<tr>
<td width="151" height="20"> </td>
</tr>
</table></td>
<td width="19" align="left" valign="top" bgcolor="#A01E20"> </td>
</tr>
</table>
<div class="botomupperboder"><table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="14%"> </td>
<td width="69%"><table width="600" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="600" height="41" background="botom-navigation-panel.png" class="botomnavcolor"> <a href="{f3index}">Home</a> | <a href="{f3products}">Products</a> | <a href="{f3about}">About Us</a> | <a href="{f3contact}">Contact Us</a>| <a href="{f3privacy}">Privacy Policy</a> | <a href="viewcart.cgi">View Cart</a> | <a href="{f3search}">Search</a> | <a href="{filename}#">Links</a></td>
</tr>
</table></td>
<td width="17%"> </td>
</tr>
</table></div>
</body>
</table>
</html>
So I downloaded this http://www.flashmo.com/preview/flash...humbnail_stack flash template, and the URLs don't work. When I click on a picture, it's supposed to redirect me to a webpage, but when I do this nothing happens. I've tried this with several different flash templates from other websites but the same problem happens. When creating a file from a template in Dreamweaver CS3, is there anyway to remove all the comment tags around editable regions? I'm not sure this is the correct place to post this question. Please redirect me if it is not. I am trying to use a template for all the pages on my site. I am using Dreamweaver. When I apply the template to a new page, it appends the path of the template directory to all my links, and won't let me edit them. I'm not sure in general how templates are supposed to work. Can I do this without Dreamweaver? Is there a good FAQ on templates somewhere that I can read? Thanks. Hi: We are having a problem with an eBay Custom Storefront template. HTML is not one of my strengths, so if we could get a little help it would be greatly appreciated. At the top of our template it shows our feedback number as well as several icons such as "top rated seller", about me, store icon, etc. This feedback number should change when we get a new feedback, it does not. Everywhere else in eBay the number changes fine and the code looks the same to me. I think the section of code below is the relevant section. The store address is www.connectibles.net if you need to see more code. Or just post a note and I will copy more code. Much thanks, Bill <TABLE id=frameheader cellSpacing=0 cellPadding=0 width="100%" border=0> <TBODY> <TR> <TD><IMG src="http://img.photobucket.com/albums/v145/wpaprints/ebaydesign/left_up.gif"></TD> <TD id=logo><IMG src="http://img.photobucket.com/albums/v145/wpaprints/ebaydesign/logo.gif"> <TD id=r_head width="100%"><B>connectibles is maintained by:</B> <a href="http://myworld.ebay.com/connectibles">connectibles</a><img src="http://pics.ebaystatic.com/aw/pics/s.gif" width="4" border="0">( <a href="http://feedback.ebay.com/ws/eBayISAPI.dll?ViewFeedback&userid=connectibles">6712</a><img src="http://pics.ebaystatic.com/aw/pics/icon/iconGreenStar_25x25.gif" height="25" width="25" class="mbg-star" title="Feedback score is 5,000 to 9,999">) </span> <span class="mbg-l"><b><img src="http://pics.ebaystatic.com/aw/pics/icons/iconTrsMini.gif" height="19" width="56" title="Get fast shipping and excellent service from Top-rated sellers."></b> <a href="http://pages.ebay.com/services/buyandsell/powersellers.html"><img src="http://pics.ebaystatic.com/aw/pics/icon/psIcon_50x25.gif" height="25" width="50" alt="Member is a PowerSeller" title="Member is a PowerSeller" border="0"></a> <a href="http://members.ebay.com/ws/eBayISAPI.dll?ViewUserPage&userid=connectibles"><img src="http://pics.ebaystatic.com/aw/pics/aboutme-small.gif" height="8" width="23" title="About connectibles" border="0"></a> <a href="http://stores.ebay.com/connectibles"><img src="http://pics.ebaystatic.com/aw/pics/icon/iconStoresNW_20x20.gif" height="20" width="20" border="0" title="eBay Store"></a> </span></div></div></div><P><!--*************description*********--> I'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. 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 I'm about to rip my hair out on this one. I'm using Dreamweaver 8. I have navigation that is using image rollovers to swap. My images that are needed for the rollover to work are in my "assets" folder in the "root" directory. However, when I create the actual html page off the template it is looking for the image in "templates/assets" and therefore does not find the image to swap. I have a number of different navigation buttons and I inserted them all the exact same way. This is the only one that is having this issue, the rest work properly. This is the code that resides on the templates page. Code: <p class="navimage">
<a href="../logset.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Log & Grate Set','','..assets/menu/log_over.jpg'',1)"><img src="../assets/menu/log_default.jpg" alt="Log & Grate Set" name="Log & Grate Set" width="158" height="34" border="0" id="Log & Grate Set" /></a></p>
Notice the Set','','..assets/menu/log_over.jpg. This is the code that is produced when you create an html page from the template. Code:
<a href="logset.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Log & Grate Set',Templates/'','..assets/menu/log_over.jpg'',1
For some reason it is adding the directory templates, and therefore does not find the image. Does anyone know how I can fix this? Thanks, braves07 Hi!!! I'm new here, I'm having trouble dealing with this question that needs to be an html coding. At the top of the page, create a table with the following attributes: 1. The border size should be 5 pixel with a width 100% of the page and a cell padding value of 10 pixels. The table should have a red border. 2. The rules value should be set to "none" and the frame value to "below". 3.The content of this table should be displayed in a red sans-serif font with a font size of 18 pixels. the bottom margin size of the table should be set to 20 pixels. I'm attaching a notepad with my html codes, can someone please help me with above questions. please help, I've tried using books and some site on internet. Can't get anywhere I'm completely clueless at this point. Back Story: New Manager at a manufacturer and they had a friends child or something do the website so I've got some issues... I simply updated some info on the bottom of some pages on the site and the page now looks like the spacing is off and is being folded towards the header... This one is correct... This one got messed up somehow... You can see how above the header saying "Innovative Outdoor Products..." the spacing is gone and the entire table got pushed up... If I had messed with the code, I know I could figure it out but, it just sort of happened... Here's the coding of the messed up page... Coding is actually the same just different images... Code: <!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">
<head>
<title>T-Reign</title>
<link rel="stylesheet" href="css/styles.css" />
<link rel="stylesheet" href="css/interior.css" />
<!-- START EMBED CODE -->
<script type="text/javascript" src="js/swfobject.js"></script>
<script type="text/javascript">
var flashvars = {};
var params = {};
var attributes = {};
attributes.id = "oxylusflash";
params.allowFullScreen = "true";
params.allowScriptAccess = "always";
params.base = "";
params.bgColor = "#000000";
params.wmode = "transparent";
// Specify xml file here
flashvars.xmlFile = "data.xml";
swfobject.embedSWF("main.swf", "flashAlternativeContent", "1024", "350", "10.0.0", "js/expressInstall.swf", flashvars, params, attributes);
</script>
<!-- END EMBED CODE -->
</head>
<body>
<div id="container">
<div id="header">
<div id="header_logo">
<h1 id="logo"><a href="index.html">T-Reign</a></h1>
</div>
<div id="header_navigation">
<ul class="menu">
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li class="active"><a href="products.html">Products</a></li>
<li><a href="news.html">News</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
</div>
<div id="content">
<div id="home_flash"><!-- START FLASH CONTAINER -->
<div id="flashAlternativeContent"><a href="http://www.adobe.com/go/getflashplayer"> <img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" /> </a></div>
<!-- END FLASH CONTAINER --></div>
<div id="content_panel">
<div class="innertube">
<h3><img src="images/title_innovativeProducts.gif" alt="Innovative Products Built To Last" width="660" height="13" /></h3>
<img src="images/title_fishingSeries.jpg" alt="Fishing Series" width="666" height="64" />
<table style="width: 100%;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td>
<p>Fishing is all about fooling fish into biting. Sounds simple, but in reality it takes skill, determination and gear. Lots of gear.</p>
<p>Whether you fish from a boat miles offshore, wade crystalline mountain streams or paddle a kayak through the bayou, keeping your pliers, Bogagrip, landing net or wading staff handy is critical. And unlike other outdoor activities, if you happen to drop an item, the chances of retrieving it from the depths is slim.</p>
<p>That's why T-REIGN™ retractable gear tethers make the perfect fishing companion. Fly fisherman can keep nippers, hemostats and tippet spools right on their vest. And a retractable tether makes more sense for landing nets than a magnetic setup, since you can simply let go if the fish makes another run.</p>
<p>With T-REIGN you'll never lose your gear again. But we can't make the same promise about the landing that big one.</p>
</td>
</tr>
<tr>
<td>
<h4><a href="accessories.html" target="new"><img src="images/title_treignProductsGreen.gif" border="0" alt="T-REIGN Products" width="666" height="34" /></a></h4>
</td>
</tr>
<tr>
<td><img src="images/photo_fishing.jpg" alt="TREIGN Product Shot: Fishing" width="664" height="281" /></td>
</tr>
<tr>
<td align="center"><img src="images/grx_ruleTrident.gif" alt="" width="419" height="43" />
<h4>Retractable Gear Tether</h4>
<br /></td>
</tr>
<tr>
<td>
<h4><img src="images/title_productsGreen.gif" border="0" alt="Products" width="666" height="34" /></h4>
</td>
</tr>
<tr>
<td><img src="images/grxProductFishing.jpg" alt="Photo: Fishing Series Products" width="666" height="324" /></td>
</tr>
<tr>
<td>
<h4><img src="images/title_attachmentsGreen.gif" alt="Attachement Style Options" width="666" height="34" /></h4>
</td>
</tr>
<tr>
<td><img src="images/grxAttachementFishing.jpg" alt="Photos: Attachement Options" width="666" height="296" /></td>
</tr>
<tr>
<td>
<h4><img src="images/title_featureGreen.gif" alt="Features" width="666" height="34" /></h4>
</td>
</tr>
</tbody>
</table>
<table style="background-image: url(http://members.hypermart.net/controlpanel/FileManager/images/bg_features.jpg); background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; width: 100%; background-position: initial initial; background-repeat: no-repeat no-repeat;" border="0" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding-top: 20px;">
<ul>
<li>Highest quality, extreme duty and ready for the elements. Featuring stainless steel spring and hardware.</li>
<li>Made in the USA</li>
<li>Quick disconnect gear attachment for easy gear change out or for sharing.</li>
<li>Rugged Kevlar cord is durable and lightweight.</li>
<li>Lifetime service policy</li>
</ul>
</td>
</tr>
<tr>
<td style="padding-top: 20px;" align="center"><img src="images/grxFeatureChartFishing.png" alt="Features chart" width="646" height="297" /></td>
</tr>
<tr>
<td style="padding-top: 20px;" align="center"><img src="images/grxFeaturePhotoFishing.png" alt="Features photo: fishing" width="542" height="242" /></td>
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
<div id="footer">
<div id="footer_trademark">T-REIGN is a registered trademark of West Coast Corporation</div>
<div id="footer_copyright">© West Coast Corporation 2010 - 2011</div>
<div id="footer_contact"><a href="mailto:sales@t-reign.com">Send Email</a><br />ph /// (909)923-7800 fax /// (909)923-0024</div>
</div>
</body>
</html>
Thanks in advance for the help... Hi Guys, I hope someone can help me out. I have slightly changed the layout of my website and it now appears that at the bottom of one of my pages the HTML is different for no reason. Take a look Here and the part saying "Terms and Conditions" is different to everywhere else on the website (click any of the links within the webpage to see how it should look). The HTML coding is the same yet why on this page is the layout messed up? The only thing I can think of is that this webpage contains java script? Thanks in advance, any help appreciated. I'm doing some homework for my basic html class and i put the code in the w3 validate and it keep's putting errors on my images what am i doing wrong? Here is the 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=utf-8" /> <title>Tyler East, ITSE 1411 Lab Project 1, Tutorial 1 Case 4, Due 02/09/2011</title> <!-- Body System's Home Gym Equipment Tyler East 2/4/2011 --> </head> <body> <img src="logo.jpg" alt="Body Systems" /> <hr/> <h2>Body Systems LSM400 Linear Smith Machine</h2> <IMG src="smith.jpg" ALT="LSM4000" /> <h2>Overview</h2> <p>Linear Smith Machines are the ultimate in weight machines and the LSM400 leads the field. Designed for both serious fitness users and beginners, the LSM400's vertical design provides all of the safety and control associated with Smith Machines, while still allowing for the effective use of gravity for effective resistance. You don't even need a workout partner. Lock points can be set to prevent the bar from movement outside of your body's natural range of motion.</p> <p>You can tailor the LSM400 to meet you specific workout needs. Start with the basic package of the Smith Machine rack and, as your needs grow, add a lat/row, pec dec, plate tree, dip, and accessory organizer. Accessories are easy to insert and remove, allowing you to continue your workout without delay. The LSM400 works with all standard Olympic weight plates</p> <p>The LSM400 is compact with all components place one side of the unit for easy access. This makes the LSM400 perfect for people who want a quality home gym, but do not have a lot of space. Place the LSM400 against a wall and you're ready to go!</p> <p><b>Features</b> Smooth Smith Action: The bar (rated at 800 lb. capacity) slides on Teflon bushings alongside solid steel guide rods. Smooth motion is key to successful workouts, as the target muscles are utilized to their full potential with each repetition.</p> <p><b>Proper Angle:</b> The bar travels along a 7 degree path from vertical. Studies have shown that this is the proper lifting angle to increase your comfort and prevent injury.</p> <p><b>Safety:</b> The LSM400 has 20 lock-out points for a safe, solid stop at any point in your workout routine.</p> <p><b>Rugged:</b> Constructed with heavy 12 gauge steel and 7 gauge reinforcing plate. This is a unit built to last.</p> <p><b>Warranty:</b> Every part of the LSM400 has a lifetime guarantee. We will replace or repair anything that goes wrong.</p> <b>Dimensions</b> <ul> <li>Width: 85"</li> <li>Height: 82"</li> <li>Depth: 72"</li> </ul> <b>Optional Attachments</b> <ul> <li>Selectorized Lat/Row station (Part: MA831-4)</li> <li>Pec Dec station (Part: MA218-6)</li> <li>Dip station (Part: MA105-3)</li> <li>Plate tree (Part: MA488-0)</li> <li>Accessory organizer (MA212-1)</li> <li>Workout DVD (MA051-1)</li> <li>Workout poster (MA055-3)</li> </ul> <address> Body Systems 401 Commercial Drive Eaton, TX 87015 (800) 555-2811 </address> </body> </html> Hi there, I'm curious of how to code a fix display size of html files. If I were to set the size (when launching) as a monitor size 1024 x 768, which means users don't need to scroll up and down anymore. It will exactly fit into the screen. How should I go about doing it? Thanks and cheers........... 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. 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 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. 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, 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 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: |
|||||||