|
HTML - Dreamweaver Template Problem [was 'templates']
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. Similar TutorialsHi, I'm looking at creating a website for a university assignment, and am not allowed to create the code in Dreamweaver. Is there any way to store the constant layout components in one file, referenced by each separate page in the site, so I wouldn't need to go through each page to edit the design after I've built it? Put another way, is it possible to use template-style files to apply to HTML pages, without using the Dreamweaver's built-in varieties? If this is possible in JavaScript or PHP instead of HTML, please let me know. Thanks for your help, Christian I have a Dreamweaver template located in a folder called "Templates" - the default and seemingly unchangeable folder Dreamweaver saves .dwt files in. All my .htm files are located one folder up. When I make a new page from this template, my new page can't find images because the template sees them in this directory: "../resources/images" and the page sees them in this one: "resources/images". The file in question is part of the background and therefore not an editable region, so I can't just remove the "../" to link the file correctly. Previously, Dreamweaver has updated the links to wherever I save my .htm file but not today. What am I doing wrong? In the Optional zones only one of my zones will update! I save the template and it's fine but the rest of my pages won't update!! What gives?? swingrays ---------- hi, for some reason i cannot see the images i am interting in the dreamweaver split funbction, however when i preview it, all is ok in internet explorer hmmm http://img148.imageshack.us/my.php?i...titled3pd9.jpg I would like the image at the very bottom of that pic to go underneath my iframe, how would i do this? Thanks in advance.All help is appreciated! Code: <html> <head> <title>Untitled-2</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <p> <!-- ImageReady Slices (Untitled-2.psd) --> </p> <table id="Table_01" width="750" height="801" border="0" cellpadding="0" cellspacing="0"> <tr> <td colspan="9"> <img src="images/Untitled-2_01.gif" width="750" height="131" alt=""></td> </tr> <tr> <td colspan="2"> <img src="images/Untitled-2_02.gif" width="206" height="35" alt=""></td> <td> <img src="images/Untitled-2_03.gif" width="103" height="35" alt=""></td> <td> <img src="images/Untitled-2_04.gif" width="68" height="35" alt=""></td> <td> <img src="images/Untitled-2_05.gif" width="70" height="35" alt=""></td> <td> <img src="images/Untitled-2_06.gif" width="66" height="35" alt=""></td> <td> <img src="images/Untitled-2_07.gif" width="82" height="35" alt=""></td> <td colspan="2"> <img src="images/Untitled-2_08.gif" width="155" height="35" alt=""></td> </tr> <tr> <td colspan="9"> <img src="images/Untitled-2_09.gif" width="750" height="32" alt=""></td> </tr> <tr> <td rowspan="0"> <img src="images/Untitled-2_10.gif" width="95" height="602" alt=""></td> <td colspan="7"><iframe src="page.html" width="576" height="500"></iframe> </td> <td rowspan="0"> <img src="images/Untitled-2_12.gif" width="79" height="602" alt=""></td> </tr> <tr> <td colspan="7"> <img src="images/Untitled-2_13.gif" width="576" height="102" alt=""></td> </tr> <tr> <td> <img src="images/spacer.gif" width="95" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="111" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="103" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="68" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="70" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="66" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="82" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="76" height="1" alt=""></td> <td> <img src="images/spacer.gif" width="79" height="1" alt=""></td> </tr> </table> <!-- End ImageReady Slices --> </body> </html> Hey everyone, Hopefully someone can help me. One of the pages on my website goes all wonky when I view it in a browser, but it looks fine in Dreamweaver. I know the code is correct, and what's weird is that when I right click an image and view its properties, the page straightens out. I think it may be because I'm aligning a lot of the pics left or right as opposed to default, but I really don't want to change the look of the page. If you look he www.lovefresh.com/bath.html you'll see what I mean. I can also post the code if that helps...thanks for any help!! Tara I am working on an index page with menu for a friend and originally did the page an menu separately....I was able to get them to work together but when i do the In-Dreamweaver preview does not work...This is very important because she will need the preview to make her changes... Everything looks fine upon viewing in browser but no preview.... I think it probably has something to do with me using two different body tages with two different csses....Can somebody take a look and see if they can find my problem? Any help would be greatly appreciated! You can view an online version at: http://www.firstpresgreenville.org/NEWFPATEST/menu.html Dear I made an html newsletter with dreamweaver and I used the swap image behavior. I can view the result perfectly in explorer. Now I mailed it to my own mailbox (via explorer) and in outlook (and also in hotmail) the swap image effect doesn't appear.(the second photo is not shown) Is there a possibility to see this in my mailbox? I tried to paste the code into my outlook, but that doesn't work with the regular outlook, I only can view the source, not edit it. Thank you very much in advance! Kind regards Sandra Hi, 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>
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, 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? 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. 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 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 not sure if this is in the correct section, but what is the use of a template in PSD form with all the layers in it? does anyone know of any nice HTML/CSS templates that I could use for my ecommerce website? or would anyone like to help me design a nice layout? I would be most appreciative I have tried searching but unable to find anything nice. So I really am at the end of the barrel. Thank-you for your help. Hi. I need to find a way of displaying some thumbnail photos in a table cell across a bunch of different tempates. I put a new thumbnail in the group about once a week, but I dont want to edit every template I have. Is is possible to have code in the table cell that say's get thumbnails.htm and put them in this cell That way I can just edit thumbnails.htm and it will show up on all the templatess/pages I'm sure it can be done, but I'm not sure how to go about it. Thanks Leroy |
|||||||