PDA

View Full Version : Help, please!


jcmoore2007
12-29-2009, 12:31 AM
Hi! I'm learning how to build websites with Dreamweaver CS3, and I am utterly baffled. I have a site that I'm building, trying to set up a template, and all kinds of things are getting jacked up. My links at the bottom of the page aren't showing up in the previews of Safari or Opera, but they are in Firefox. Despite searching for help online, I cannot for the life of me figure out how to get the images on my template to show up on an editable page. I keep scrapping and rebuilding this stuff, and I'm ready to throw the Mac through the wall. I'm attaching screen shots and codes. If you need anything else to help figure this out, please let me know. If you can help, I would be very, very grateful. Thank you!

CODE


<style type="text/css">
<!--
body {
background: url(bigheader.jpg) top center no-repeat;
margin-top: 0px;
background-color: #666666;
background-image: url(bigheader.gif);
}
a:link {
color: #0C5E03;
}
a:visited {
color: #0000CC;
}
a:hover {
color: #FF0000;
}
.style6 {
font-size: 10px;
color: #000000;
font-family: "Times New Roman", Times, serif;
font-weight: bold;
}
.style7 {color: #000000; font-family: "Times New Roman", Times, serif; font-size: 10px;}
-->
</style>
<!-- TemplateBeginEditable name="doctitle" -->
<title>Greenwood, LA :: Welcome</title>
<!-- TemplateEndEditable -->
<script type="text/javascript">
<!--
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_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_findObj(n, d) { //v4.01
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 && d.getElementById) x=d.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];}
}
function MM_nbGroup(event, grpName) { //v6.0
var i,img,nbArr,args=MM_nbGroup.arguments;
if (event == "init" && args.length > 2) {
if ((img = MM_findObj(args[2])) != null && !img.MM_init) {
img.MM_init = true; img.MM_up = args[3]; img.MM_dn = img.src;
if ((nbArr = document[grpName]) == null) nbArr = document[grpName] = new Array();
nbArr[nbArr.length] = img;
for (i=4; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = args[i+1];
nbArr[nbArr.length] = img;
} }
} else if (event == "over") {
document.MM_nbOver = nbArr = new Array();
for (i=1; i < args.length-1; i+=3) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = (img.MM_dn && args[i+2]) ? args[i+2] : ((args[i+1])? args[i+1] : img.MM_up);
nbArr[nbArr.length] = img;
}
} else if (event == "out" ) {
for (i=0; i < document.MM_nbOver.length; i++) {
img = document.MM_nbOver[i]; img.src = (img.MM_dn) ? img.MM_dn : img.MM_up; }
} else if (event == "down") {
nbArr = document[grpName];
if (nbArr)
for (i=0; i < nbArr.length; i++) { img=nbArr[i]; img.src = img.MM_up; img.MM_dn = 0; }
document[grpName] = nbArr = new Array();
for (i=2; i < args.length-1; i+=2) if ((img = MM_findObj(args[i])) != null) {
if (!img.MM_up) img.MM_up = img.src;
img.src = img.MM_dn = (args[i+1])? args[i+1] : img.MM_up;
nbArr[nbArr.length] = img;
} }
}
</script>
<!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->
<body onLoad="MM_preloadImages('../art/Buttons/home_over.jpg','../art/Buttons/govt_over.jpg','../art/Buttons/agenda_over.jpg','../art/Buttons/calendar_over.jpg','../art/Buttons/ordinances.jpg','../art/Buttons/report_over.jpg','../art/Buttons/todo_over.jpg','../art/Buttons/links_over.jpg','../art/Buttons/dept_over.jpg','../art/Buttons/contactover.jpg')">
<table width="800" height="998" border="0" align="center" cellpadding="10" cellspacing="0">
<tr>
<td width="187" rowspan="2" valign="top"><table width="174" border="0" cellspacing="0" cellpadding="0">
<tr>
<td height="137">&nbsp;</td>
</tr>
<tr>
<td><table height="316" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="174"><a href="../index.html" target="_top" onClick="MM_nbGroup('down','group1','homeup','',1)" onMouseOver="MM_nbGroup('over','homeup','../art/Buttons/home_over.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="../art/Buttons/home_up.jpg" alt="" name="homeup" width="150" height="26" border="0" onload=""></a></td>
</tr>
<tr>
<td><a href="../govt.html" target="_top" onClick="MM_nbGroup('down','group1','govtup','',1)" onMouseOver="MM_nbGroup('over','govtup','../art/Buttons/govt_over.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="../art/Buttons/govt_up.jpg" alt="" name="govtup" width="150" height="26" border="0" onload=""></a></td>
</tr>
<tr>
<td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','deptover','',1)" onMouseOver="MM_nbGroup('over','deptover','../art/Buttons/dept_over.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="../art/Buttons/dept_up.jpg" alt="" name="deptover" border="0" onload=""></a></td>
</tr>
<tr>
<td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','calendarup','',1)" onMouseOver="MM_nbGroup('over','calendarup','../art/Buttons/calendar_over.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="../art/Buttons/calendar_up.jpg" alt="" name="calendarup" width="150" height="26" border="0" onload=""></a></td>
</tr>
<tr>
<td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','agendaup','',1)" onMouseOver="MM_nbGroup('over','agendaup','../art/Buttons/agenda_over.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="../art/Buttons/agenda_up.jpg" alt="" name="agendaup" width="150" height="26" border="0" onload=""></a></td>
</tr>
<tr>
<td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','ordinances','',1)" onMouseOver="MM_nbGroup('over','ordinances','../art/Buttons/ordinances.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="../art/Buttons/ordinances.jpg" alt="" name="ordinances" width="150" height="26" border="0" onload=""></a></td>
</tr>
<tr>
<td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','reportup','',1)" onMouseOver="MM_nbGroup('over','reportup','../art/Buttons/report_over.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="../art/Buttons/report_up.jpg" alt="" name="reportup" width="150" height="26" border="0" onload=""></a></td>
</tr>
<tr>
<td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','todoup','',1)" onMouseOver="MM_nbGroup('over','todoup','../art/Buttons/todo_over.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="../art/Buttons/todo_up.jpg" alt="" name="todoup" width="150" height="26" border="0" onload=""></a></td>
</tr>
<tr>
<td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','linksup','',1)" onMouseOver="MM_nbGroup('over','linksup','../art/Buttons/links_over.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="../art/Buttons/links_up.jpg" alt="" name="linksup" width="150" height="26" border="0" onload=""></a></td>
</tr>
<tr>
<td><a href="javascript:;" target="_top" onClick="MM_nbGroup('down','group1','contact','',1)" onMouseOver="MM_nbGroup('over','contact','../art/Buttons/contactover.jpg','',1)" onMouseOut="MM_nbGroup('out')"><img src="../art/Buttons/contact.jpg" alt="" name="contact" border="0" onload=""></a></td>
</tr>
</table> </td>
</tr>

</table></td>
<td width="604" height="146">&nbsp;</td>
</tr>
<tr>
<td valign="top"><h2 class="style3">
<!-- TemplateBeginEditable name="EditRegion3" -->EditRegion3<!-- TemplateEndEditable -->
<div align="center"></div></td>
</tr>
</table>
<table width="800" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td height="39" bgcolor="#FFFFFF"><div align="center"><span class="style6"><span class="style7"></span><span class="style7"><a href="../index.html">HOME</a> | <a href="../govt.html">TOWN GOVT.</a> | TOWN DEPT. | CALENDAR | AGENDAS &amp; MINUTES | ORDINANCES | MAYOR'S REPORT | THINGS TO DO | HELPFUL LINKS | CONTACT US</span></div></td>
</tr>
</table>
<p>&nbsp;</p>
</body>
</html>

edbr
12-29-2009, 12:43 AM
lose the span styles and start again. you have spans in ide spans and are not closing correctly. it is bbetter to us href class=
for links IMO
<span class="style6"><span class="style7"></span><span class="style7"><a href="../index.html">HOME</a> | <a href="../govt.html">TOWN GOVT.</a> | TOWN DEPT. | CALENDAR | AGENDAS &amp; MINUTES | ORDINANCES | MAYOR'S REPORT | THINGS TO DO | HELPFUL LINKS | CONTACT US</span>

as to the images it will be the path check them
../art/Buttons/todo_over.jpg' perhaps should be
art/Buttons/todo_over.jpg'

jcmoore2007
12-29-2009, 12:53 AM
I keep deleting the <span> stuff and it comes back when I reformat the copy. How do I get rid of it for good? The buttons are the only images that ARE showing up. It's the background image that disappears. Thank you so much!

edbr
12-29-2009, 01:49 AM
how do you mean reformat the copy?
chech the backgound image links then bigheader.gif is looking for the images in your root folder is that correct?

jcmoore2007
12-29-2009, 02:42 AM
When I delete <span>, it changes my copy size and boldness. I've linked and relinked to the bigheader image, changed it from a JPG to a GIF, moved it from the root folder to the template folder - nothing seems to make it "stick" where I want it.