Need help with a bit of code for a simple website...

bad typist · 10-06-2006, 09:47 AM

I'm redesigning my website and Itried to add a cute banner, but after I uploaded the index.html file then went to the site, the banner (which I made using a cute little banner thing from Xara's webstyles) isn't there, nor is the HTML code lines in the index.html sourcecode! How come it did that? (I uploaded the same thing 5 times, and it keeps removing the gif banner line out.) My OTHER gif files (that aren't animated) work just fine. Why is that?

If you go to the site , you'll see that the code lines with the banner1.gif weren't uploaded! (Should I change the gif's name???) Also, to fix it, please tell me the HTML code and where to put it, so I can get the cute banner working! :-) [I may just need to add a table or something, but to be honest, I wrote the original code SOOO long ago, and am not a programmer, that I've forgotten how to DO it, so please give details as if you're speaking to a newbie.

Here's the code I used:

<!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
<head>
<title>Elise Leonard's Web site</title>
<link rel="stylesheet" type="text/css" href="elises_styles.css" />

</head>

<body>

<table width="526" border="0" cellspacing="0" cellpadding="10" align="center">
<tr>
<td align="center"><img border="0" src="welcome.gif" width="522" height="73" alt="Welcome" /></td>
</tr>

<tr>
<td align="center">

<a href="index.html">[Home]</a>
<a href="bio.html">[Bio]</a>
<a href="books.html">[Books]</a>
<a href="contact.html">[Contact]</a>
<a href="mailto:Elise.Leonard>[E-mail Me]</a> 

</tr>

<tr>
<td>
<center>

Welcome to my Web site. I'm glad you stopped by.

After teaching for many years and then having two sons, I realized that there were few funny books out there once kids (especially boys) got out of elementary school.

 Lucky for you... I've got a ton! <img border="0" src="wink0000.gif" width="16" height="16">

Let me know how you like them, and please write with funny stories of your own or to just say hi! <img border="0" src="smiley00.gif" width="16" height="16">

(Click on the E-mail Me link above.)

 ~Elise

</center>
</td>
</tr>

</table>

<center><img border="0" src="banner1.gif" width="525" height="67"></center>

 

<center><img src='http://counter.dreamhost.com/cgi-bin/Count.cgi?df=eliseleonard&pad=F&ft=2&dd=C&istrip=T'> 

© COPYRIGHT 2003-2006 Elise Leonard. ALL RIGHTS RESERVED.

</center>

</body>
</html>

And here's the css style sheet:

body {background: #000000; font-family: "Times New Roman", Times; font-color: #FFFFff; font-size: 20px}
table {border-right: 1px #FFFFff solid; width: 526px; border-left: 1px #FFFFff solid;}

h1 {margin-top: 0; margin-bottom: 10px; font-family: "Times New Roman", Times; font-size: 22px; line-height: 1.1; color: #66CC00; background-color: transparent; text-align: center; text-indent: 0cm}
h1.coming {margin-top: 0; margin-bottom: 2px; font-family: "Times New Roman", Times; font-size: 20px; line-height: 1.1; color: #FFFE72; background-color: transparent; text-align: center; text-indent: 0cm}
h2 {margin-top: 0; margin-bottom: 10px; font-family: "Times New Roman", Times; font-size: 14px; line-height: 1; color: #E52222; background-color: transparent; text-align: center; text-indent: 0cm}

p {margin-top: 0; margin-bottom: 18px; color: #FFFFff; font-family: "Times New Roman", Times; font-size: 20px; line-height: 1.1; background-color: transparent; text-align: center; text-indent: 0cm}
p.copyright {margin-top: 0; margin-bottom: 5px; font-family: Arial; font-style: normal ;font-size: 11px; font-weight: bold; text-align: center; color: #FFFFff; line-height: 1.1; background-color: transparent; text-align: center; text-indent: 0cm}

a {color: #FFFFcc; font-family: verdana; font-size: 20px; background-color: transparent; text-align: center; text-decoration: none; white-space: nowrap}
a:link {color: #66cc66}
a:visited {color: #999999}
a:hover {color: #ffcc33}
a:active {color: #ffffff}

THANK YOU!!!!!
~Elise Leonard

v-six · 10-06-2006, 10:59 AM

Elise,
The banner is showing up for me. Is the problem resolved? Maybe your cache wasn't clearing... I'm happy to help if there's still an issue, but it's hard to troubleshoot something where the trouble has gone.

If it was a caching issue, you can add this to your head tags if you want it to load fresh every time.

<meta http-equiv="pragma" content="no-cache"/>

**DJ-Zep** · 10-06-2006, 02:25 PM

If you have an image on a server, then you replace that image with one with the same name, your cache will not recognize the difference. That is why you were seeing the old picture instead of the new. Next time, just clear your cache before you look at the changes or name the image something different.

dai · 10-06-2006, 02:45 PM

fixed

10-06-2006, 09:47 AM	#1 (permalink)
bad typist Registered User Join Date: Mar 2005 Posts: 13 OS: Win XP	Need help with a bit of code for a simple website... I'm redesigning my website and Itried to add a cute banner, but after I uploaded the index.html file then went to the site, the banner (which I made using a cute little banner thing from Xara's webstyles) isn't there, nor is the HTML code lines in the index.html sourcecode! How come it did that? (I uploaded the same thing 5 times, and it keeps removing the gif banner line out.) My OTHER gif files (that aren't animated) work just fine. Why is that? If you go to the site , you'll see that the code lines with the banner1.gif weren't uploaded! (Should I change the gif's name???) Also, to fix it, please tell me the HTML code and where to put it, so I can get the cute banner working! :-) [I may just need to add a table or something, but to be honest, I wrote the original code SOOO long ago, and am not a programmer, that I've forgotten how to DO it, so please give details as if you're speaking to a newbie. Here's the code I used: <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <title>Elise Leonard's Web site</title> <link rel="stylesheet" type="text/css" href="elises_styles.css" /> </head> <body> <table width="526" border="0" cellspacing="0" cellpadding="10" align="center"> <tr> <td align="center"><img border="0" src="welcome.gif" width="522" height="73" alt="Welcome" /></td> </tr> <tr> <td align="center"> <a href="index.html">[Home]</a> <a href="bio.html">[Bio]</a> <a href="books.html">[Books]</a> <a href="contact.html">[Contact]</a> <a href="mailto:Elise.Leonard>[E-mail Me]</a><br /><br /> </tr> <tr> <td> <center> <p>Welcome to my Web site. I'm glad you stopped by.</p> <p>After teaching for many years and then having two sons, I realized that there were few funny books out there once kids (especially boys) got out of elementary school.</p> <p> Lucky for you... I've got a ton! <img border="0" src="wink0000.gif" width="16" height="16"></p> <p>Let me know how you like them, and please write with funny stories of your own or to just say hi! <img border="0" src="smiley00.gif" width="16" height="16"></p> <p>(Click on the E-mail Me link above.)</p> <p><i> ~Elise</i></p> </center> </td> </tr> </table> <center><img border="0" src="banner1.gif" width="525" height="67"></center> <br /> <center><img src='http://counter.dreamhost.com/cgi-bin/Count.cgi?df=eliseleonard&pad=F&ft=2&dd=C&istrip=T'><br /><br /> <p class= "copyright">© COPYRIGHT 2003-2006 Elise Leonard. ALL RIGHTS RESERVED.</p> </center> </body> </html> And here's the css style sheet: body {background: #000000; font-family: "Times New Roman", Times; font-color: #FFFFff; font-size: 20px} table {border-right: 1px #FFFFff solid; width: 526px; border-left: 1px #FFFFff solid;} h1 {margin-top: 0; margin-bottom: 10px; font-family: "Times New Roman", Times; font-size: 22px; line-height: 1.1; color: #66CC00; background-color: transparent; text-align: center; text-indent: 0cm} h1.coming {margin-top: 0; margin-bottom: 2px; font-family: "Times New Roman", Times; font-size: 20px; line-height: 1.1; color: #FFFE72; background-color: transparent; text-align: center; text-indent: 0cm} h2 {margin-top: 0; margin-bottom: 10px; font-family: "Times New Roman", Times; font-size: 14px; line-height: 1; color: #E52222; background-color: transparent; text-align: center; text-indent: 0cm} p {margin-top: 0; margin-bottom: 18px; color: #FFFFff; font-family: "Times New Roman", Times; font-size: 20px; line-height: 1.1; background-color: transparent; text-align: center; text-indent: 0cm} p.copyright {margin-top: 0; margin-bottom: 5px; font-family: Arial; font-style: normal ;font-size: 11px; font-weight: bold; text-align: center; color: #FFFFff; line-height: 1.1; background-color: transparent; text-align: center; text-indent: 0cm} a {color: #FFFFcc; font-family: verdana; font-size: 20px; background-color: transparent; text-align: center; text-decoration: none; white-space: nowrap} a:link {color: #66cc66} a:visited {color: #999999} a:hover {color: #ffcc33} a:active {color: #ffffff} THANK YOU!!!!! ~Elise Leonard Last edited by dai; 10-06-2006 at 02:48 PM.

10-06-2006, 10:59 AM	#2 (permalink)
v-six Manager Emeritus Join Date: Sep 2004 Location: Gardiner, NY Posts: 2,076 OS: OS X for mac, XP Pro for PC	Elise, The banner is showing up for me. Is the problem resolved? Maybe your cache wasn't clearing... I'm happy to help if there's still an issue, but it's hard to troubleshoot something where the trouble has gone. If it was a caching issue, you can add this to your head tags if you want it to load fresh every time. <meta http-equiv="pragma" content="no-cache"/> __________________ mysql> --i-am-a-dummy

10-06-2006, 02:25 PM	#3 (permalink)
DJ-Zep Design Team Join Date: Mar 2006 Location: Philadelphia Posts: 1,541 OS: Windows Vista Home Premium (x64) My System	If you have an image on a server, then you replace that image with one with the same name, your cache will not recognize the difference. That is why you were seeing the old picture instead of the new. Next time, just clear your cache before you look at the changes or name the image something different. __________________ Nice music blog Nvu \|\| Notepad++ \|\| Apache \|\| PHP \|\| Keep TSF Alive "The great thing about a computer notebook is that no matter how much you stuff into it, it doesn't get bigger or heavier."

10-06-2006, 02:45 PM	#4 (permalink)
dai Manager, Hardware Forums Join Date: Jul 2004 Location: west australia Posts: 56,670 OS: win 7 32x 64x rtm	fixed __________________