|
HTML - Is There A Way To Automatically Change Photos?
I was wondering if it was possible to have photos on a page, automatically change to a different photo, say every 5 seconds, to add a bit of variety to a page... but I have no idea where to start. Can anyone help?
Similar TutorialsI'm not sure how to explain this, but I hope someone can help me or point me in the right direction. I'd like to have a small side column on my website with content such as recent updates. Ideally, I'd like to be able change just one file and have that reflected on every page. Right now, I have to go through and update each page manually but I know there must be an easier way to do this. I'm thinking this is somehow related to RSS feeds but I don't really know much about them and I'm not sure if that's what I'm actually looking for. Can anyone offer any advice/tutorials/suggestions/help for a way to do this? The site I'm working on is located here and the section that I would like to be able to change that right column ("Recently Updated"). Hi guys. I am putting together a website for someone and they want that effect where there is a photo in the background underneath everything else. How does the photo become faded like that? Is it told to in the HTML or do you have to do that yourself first by using some photo software? Many thanks for any replies posted. kop44. Ok I need to display all of my friends pictures on his photo page for his new self defense website. Here is how it is now: http://lmiinc.com/LMIinc_photos.html Is there anything sleaker out there to get? It doesnt really look like a nice media player, but just a pop up window right now... Ideas? My webpage was built using Mac I-Web then transferred to a folder on my desktop. I then uploaded the file to my host. The photos on the site are not showing up due to bad coding. Can anyone offer suggestions. thanks I have a simple homework assignment that I need to submit to my instructor. The assignment is a simple HTML based webpage with two photos. When I open the webpage on my computer the photos display just fine, but I need to send it all to my instructor in a compressed .zip file. When he opens the .zip file, the photos will not display. This is because the original path is no longer valid. How do I change the path so that the webpage will display the photos included within the .zip file? Here is what my code looks like.... Code: <html> <!----Website assignment student University of Phoenix Web/236 May 15, 2011 /----> <body bgcolor="#500000"> <table border="1" align = "center"> <tr><a name="Home"</a> <td><img src="C:\Users\THRILLSEEKER\Desktop\DjSteveRyan.jpg"/></td> </tr> </table> <table border="1" align = "center"> <tr> <td><a href="#Home"style="color:FFCC33">HOME</td> <td><a href="#About"style="color:FFCC33">ABOUT</td> <td><a href="#Upcoming Events"style="color:FFCC33">UPCOMING EVENTS</td> <td><a href="#Past Events"style="color:FFCC33">PAST EVENTS</td> <td><a href="#Contact"style="color:FFCC33">CONTACT</td> </tr> </table> <table border="1" align = "center"> <tr> <td><img src="C:\Users\THRILLSEEKER\Desktop\DjSteveRyan2.jpg"/></td> </tr> </table> <a name="About" style="color:FFCC33">About DJ Steve Ryan</a> <table border="1" align = "center"> <tr> <td style="color:white"><font size="5">RANDOM NOTESfont></td> </tr> </table> <p border="1" align = "right"> <a href="#Home"style="color:FFCC33">HOME</> </p> <a name="Upcoming Events" style="color:FFCC33">Upcoming Events</a> <table border="1" align = "center"> <tr> <td><img src="C:\Users\THRILLSEEKER\Desktop\DjSteveRyan2.jpg"/></td> </tr> </table> <p border="1" align = "right"> <a href="#Home"style="color:FFCC33">HOME</> </p> <a name="Past Events" style="color:FFCC33">Past Events</a> <table border="1" align = "center"> <tr> <td><img src="C:\Users\THRILLSEEKER\Desktop\DjSteveRyan2.jpg"/></td> </tr> </table> <p border="1" align = "right"> <a href="#Home"style="color:FFCC33">HOME</> </p> </body> </html> I am currently working on a webpage that will primarily be viewed on an Ipad. I am currently linking images with the following code. <a href="images/why/photo_large.jpg"><img src="images/photo_thumb.jpg" width="139" height="92" border="0" /></a> This links the tumbnails to a larger image in the same window. Currently the only way to go back to the original page is to click the back arrow in the corner of the image. Is there someway to make it so the new image is a back arrow? I would like the user to be able to click anywhere on the new image and it take them back to the original page. If this is possible any help you guys can provide would be greatly appreciated. Thank you. Luke I want to center my photos evenly so that they have equal space around them. Or even better would be to have the long Matrix photo in the middle and the other smaller ones surrounding it. This place that I am laying the photos into was a scroller that I just deleted all the photos out of. http://www.completeautopaint.com/ Thank you in advanced!! Hihi.. On my web, i have decided to put up a series of photos running downwards along the left.. This is the series of htmls i used. <div style="position: absolute; top: 260px; left: 60px; z-index: 5;"> <img src="http://xs205.xs.to/xs205/06343/1.PNG"> </div> <div style="position: absolute; top: 348px; left: 60px; z-index: 5;"> <img src="http://xs205.xs.to/xs205/06343/2.PNG"> </div> <div style="position: absolute; top: 433px; left: 60px; z-index: 5;"> <img src="http://xs205.xs.to/xs205/06343/3.PNG"> </div> However, when i change a picture, it gets posted as its original size.. Is there any way i can create a "frame" in which my photos, once posted, will be auto sized into the frame? Also, whenever i put my cursor over a weblink... its shifts to the left! and I wont be able to read the first 2 letters... =/ How do i solve this? Thanx so much for any of the help given.. I'm not much of a html guru, I cobbled this web page together and everything looks good to me but the images don't appear. It works find when I test it, view the file in the in browser, but when I uploaded it to the server it flunked. I'm guessing the html is pointing to the wrong location of the files, but I can't figure it out. I need a little help. Here's the web location: http://home.att.net/~puudstrand/index2.htm Here's the HTML for the page: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <!-- saved from url=(0014)about:internet --> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Minneapolis photographer</title> <meta name="keywords" content="Minneapolis, wedding, portrait, event, photographer"> <meta name="description" content="Minneapolis wedding, portrait, event, and corporate photography"> <link rel="stylesheet" href="res/css/slightbox.css" type="text/css" media="screen" /> <link rel="stylesheet" href="res/css/jd.gallery.css" type="text/css" media="screen" /> <script language="javascript" type="text/javascript" src="res/scripts/mootools.js"></script> <script language="javascript" type="text/javascript" src="res/scripts/jd.gallery.js"></script> <script language="javascript" type="text/javascript" src="res/scripts/slightbox.js"></script> <link rel="alternate" href="album.rss" type="application/rss+xml"> <style fprolloverstyle>A:hover {color: #FF0000; font-weight: bold} </style> </head> <body id="index" bgcolor="#000000"> <center> <!-- Create navigation buttons if more than one index page --> <h1><font color="#FFFF00" face="Garamond" size="4">Paul Udstrand Photographer</font><font face="Garamond" color="#FFFF00"> Paul's Photography</font><font face="Garamond" size="4" color="#FFFF00"> &nbs p; 952-546-2802</font></h1> <p><font face="Georgia" size="5" color="#FFFF00"> <a style="color: #FFFF00; font-style: italic" href="http://home.att.net/~pudwed/wed1/wed1.htm"> <font color="#FFFF00">Weddings</font></a><i> <font color="#FFFF00"> </font><a style="color: #FFFF00" href="http://home.att.net/~pudstrand/Portraits/Portraits.html"><font color="#FFFF00">Portraits</font></a> <a style="color: #FFFF00" href="http://home.att.net/~paulsassignments/Main/intro/Assments.html"> <font color="#FFFF00">Freelance</font></a> <font color="#FFFF00"> </font> <a style="color: #FFFF00" href="http://home.att.net/~puudstrand/assignment/Decor1.htm"> <font color="#FFFF00">Fine Art</font></a> <font color="#FFFF00"> </font> <a style="color: #FFFF00" href="http://home.att.net/~paulsassignments/Main/events/events.html"> <font color="#FFFF00">Corporate Events </font></a> </i></font></p> <p><font face="Garamond" size="5" color="#FFFF00"><i>Special Feature</i>: <a style="color: #FFFF00" href="http://home.att.net/~pthumb/frank09/index.html"> <font color="#FFFF00">Al Franken</font></a></font></p> <div class="content"> <div id="myGallery"> <script type="text/javascript"> function startGallery() { var myGallery = new gallery($('myGallery'), { timed: true, textShowCarousel: '', lightbox: true }); var mylightbox = new Lightbox(); } window.onDomReady(startGallery); </script> <div class="imageElement"> <h3>Weddings </h3> <p> </p> <a href="slides/Iphoto02 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto02 .jpg" class="full" /> <img src="thumbs/Iphoto02 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>News </h3> <p></p> <a href="slides/Iphoto17 .JPG" title="open image" class="open" ></a> <img src="slides/Iphoto17 .JPG" class="full" /> <img src="thumbs/Iphoto17 .JPG" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Weddings </h3> <p></p> <a href="slides/Iphoto05 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto05 .jpg" class="full" /> <img src="thumbs/Iphoto05 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>News </h3> <p> </p> <a href="slides/Iphoto07 .JPG" title="open image" class="open" ></a> <img src="slides/Iphoto07 .JPG" class="full" /> <img src="thumbs/Iphoto07 .JPG" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Reunions and Corporate Events </h3> <p> </p> <a href="slides/Iphoto18 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto18 .jpg" class="full" /> <img src="thumbs/Iphoto18 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Weddings </h3> <p> </p> <a href="slides/Iphoto09 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto09 .jpg" class="full" /> <img src="thumbs/Iphoto09 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Weddings</h3> <p> </p> <a href="slides/Iphoto08 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto08 .jpg" class="full" /> <img src="thumbs/Iphoto08 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Portraits </h3> <p> </p> <a href="slides/Iphoto01 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto01 .jpg" class="full" /> <img src="thumbs/Iphoto01 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Portraits</h3> <p> </p> <a href="slides/Iphoto03.jpg" title="open image" class="open" ></a> <img src="slides/Iphoto03.jpg" class="full" /> <img src="thumbs/Iphoto03.jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Bar Mitzvahs </h3> <p></p> <a href="slides/Iphoto15 .JPG" title="open image" class="open" ></a> <img src="slides/Iphoto15 .JPG" class="full" /> <img src="thumbs/Iphoto15 .JPG" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Portraits</h3> <p></p> <a href="slides/Iphoto06 .JPG" title="open image" class="open" ></a> <img src="slides/Iphoto06 .JPG" class="full" /> <img src="thumbs/Iphoto06 .JPG" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Fine Art </h3> <p> </p> <a href="slides/Iphoto13 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto13 .jpg" class="full" /> <img src="thumbs/Iphoto13 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Portraits </h3> <p> </p> <a href="slides/Iphoto04 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto04 .jpg" class="full" /> <img src="thumbs/Iphoto04 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>News </h3> <p> </p> <a href="slides/Iphoto12 .JPG" title="open image" class="open" ></a> <img src="slides/Iphoto12 .JPG" class="full" /> <img src="thumbs/Iphoto12 .JPG" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Wedding</h3> <p> </p> <p> <a href="slides/Iphoto11 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto11 .jpg" class="full" /> <img src="thumbs/Iphoto11 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Weddings </h3> <p> </p> <a href="slides/Iphoto08 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto08 .jpg" class="full" /> <img src="thumbs/Iphoto08 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Weddings </h3> <p> </p> <a href="slides/Iphoto14 .jpg" title="open image" class="open" ></a> <img src="slides/Iphoto14 .jpg" class="full" /> <img src="thumbs/Iphoto14 .jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> <div class="imageElement"> <h3>Fine Art</h3> <p> </p> <a href="slides/StFferriswhl3web.jpg" title="open image" class="open" ></a> <img src="slides/StFferriswhl3web.jpg" class="full" /> <img src="thumbs/StFferriswhl3web.jpg" width="120" height="120" alt="thumbnail" class="thumbnail" /> </div> </div> </div> </div> <div class="inc"> </div> </div> <p> </p> <p> <!--webbot bot="HitCounter" i-image="4" I-ResetValue="20660" B-Reset="TRUE" I-Digits="0" U-Custom --></p> <p></p> <p><small>S</small></p> </body> </html> I want to rearrange photo samples so that both are on the same line...rather than one photo below the other? I have tried to correct it. Any ideas????? http://www.lisahermes.com/test Code: <!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<!-- Start of StatCounter Code -->
<script type="text/javascript" language="javascript">
var sc_project=513727;
var sc_invisible=1;
var sc_partition=3;
var sc_security="";
</script>
<script type="text/javascript" language="javascript" src="http://www.statcounter.com/counter/counter.js"></script><noscript><a href="http://www.statcounter.com/" target="_blank"><img src="http://c4.statcounter.com/counter.php?sc_project=513727&java=0&security=&invisible=1" alt="counter create hit" border="0"></a> </noscript>
<!-- End of StatCounter Code -->
<meta http-equiv="Content-type" content="text/html;charset=ISO-8859-1">
<META NAME="Keywords" CONTENT="Lisa Hermes, Lisa Hermes Portrait Design, Lisa Hermes Photography, Hermes, Lisa Hermes Photo, children's photography, family portraits, pet photography, pawprints photos">
<META NAME="Description" CONTENT="Lisa Hermes Portrait Design. Specializing in outdoor portraiture of children, families, and pets.">
<META NAME="Author" CONTENT="lhportrait@aol.com">
<title>Lisa Hermes Portrait Design</title>
<link rel="Stylesheet" href="assets/tech/style-kdw.css" type="text/css">
<script>
<!--
function F_loadRollover(){} function F_roll(){}
//-->
</script>
<SCRIPT LANGUAGE="JavaScript1.2" SRC="assets/rollover.js"></SCRIPT>
</head>
<body>
<br>
<table class="1">
<tr><td align="center">
<table class="heder" cellpadding=0 cellspacing=0>
<tr>
<td>
<a href="index.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton1','',0);F_roll('NavigationButton1',1)" onMouseOut="F_roll('NavigationButton1',0)"><img id="NavigationButton1" name="NavigationButton1" height=66 width=270 src="assets/images/autogen/Home_Hs3.gif" onLoad="F_loadRollover(this,'Home_HRs4.gif',0)" border=0 alt="Home" title="Home"></a>
</td>
<td>
<a href="html/children.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton2','',0);F_roll('NavigationButton2',1)" onMouseOut="F_roll('NavigationButton2',0)"><img id="NavigationButton2" name="NavigationButton2" height=66 width=99 src="assets/images/autogen/Children_Ns1.gif" onLoad="F_loadRollover(this,'Children_NRs2.gif',0)" border=0 alt="Children" title="Children"></a>
</td>
<td>
<a href="html/companions.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton3','',0);F_roll('NavigationButton3',1)" onMouseOut="F_roll('NavigationButton3',0)"><img id="NavigationButton3" name="NavigationButton3" height=66 width=120 src="assets/images/autogen/Companions_Ns1.gif" onLoad="F_loadRollover(this,'Companions_NRs2.gif',0)" border=0 alt="Companions" title="Companions"></a>
</td>
<td>
<a href="html/families.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton4','',0);F_roll('NavigationButton4',1)" onMouseOut="F_roll('NavigationButton4',0)"><img id="NavigationButton4" name="NavigationButton4" height=66 width=105 src="assets/images/autogen/Families_Ns1.gif" onLoad="F_loadRollover(this,'Families_NRs2.gif',0)" border=0 alt="Families" title="Families"></a>
</td>
<td>
<a href="html/information.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton5','',0);F_roll('NavigationButton5',1)" onMouseOut="F_roll('NavigationButton5',0)"><img id="NavigationButton5" name="NavigationButton5" height=66 width=135 src="assets/images/autogen/Information_Ns1.gif" onLoad="F_loadRollover(this,'Information_NRs2.gif',0)" border=0 alt="Information" title="Information"></a>
</td>
<td>
<td>
<a href="html/contact.html" style="cursor:hand; text-decoration:none;" onMouseOver="F_loadRollover('NavigationButton6','',0);F_roll('NavigationButton6',1)" onMouseOut="F_roll('NavigationButton6',0)"><img id="NavigationButton6" name="NavigationButton6" height=66 width=83 src="assets/images/autogen/Contact_Ns1.gif" onLoad="F_loadRollover(this,'Contact_NRs2.gif',0)" border=0 alt="Contact" title="Contact"></a>
</td></tr>
</table>
</td></tr>
<tr>
<td align="left">
<table class="2">
<tr>
<td valign="top">
</td>
<td valign="top">
<h1>
<!------------------------------- START MAIN PAGE CODE -------------------------->
<table width="935" height="460" border="0" cellpadding="0" cellspacing="0" bgcolor="ffffff">
<tr>
<td width="205" height="253"><div align="right" class="style1">
<!----------------------------if logo equals default ---------------------->
<!----------------------------if logo equals default ---------------------->
<table width="935" height="460" border="0" cellpadding="0" cellspacing="0" bgcolor="ffffff">
<tr>
<td height="265"><div align="center" class="style1">
<table border="0" cellpadding="0" cellspacing="0">
</table>
<table width="935" height="460" border="0" cellpadding="0" cellspacing="0" bgcolor="ffffff">
<tr>
<td height="265"><div align="center" class="style1">
<table border="0" cellpadding="0" cellspacing="0">
</table>
<h1> <table width="100%" border="0" align="center">
<div align="center" class="style1"><font size="1" >Please roll mouse over image to see <br>before and after.<br></div>
<table border="0" cellpadding="0" cellspacing="0" width = "100%">
<tr>
<!-------------------------------------------------------------------->
<!----------------------------MAIN CONTENT --------------------------->
<!-------------------------------------------------------------------->
<table border="0" cellpadding="0" cellspacing="0">
<tr>
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0 WIDTH=246 NOF=LY>
<TR VALIGN=TOP ALIGN=LEFT>
<TD WIDTH=1 HEIGHT=5><IMG SRC="./assets/images/autogen/clearpixel.gif" WIDTH=1 HEIGHT=1 BORDER=0 ALT=""></TD>
<TD WIDTH=37><IMG SRC="./assets/images/autogen/clearpixel.gif" WIDTH=37 HEIGHT=1 BORDER=0 ALT=""></TD>
<TD></TD>
</TR>
<TR VALIGN=TOP ALIGN=LEFT>
<TD COLSPAN=2 HEIGHT=5></TD>
<TD ROWSPAN=2 WIDTH=275>
<SCRIPT LANGUAGE="JavaScript">
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->
<!-- Begin
image1 = new Image();
image1.src = "http://www.lisahermes.com/c2.jpg";
image2 = new Image();
image2.src = "http://www.lisahermes.com/Alaska_2006_062.jpg";
// End -->
</script>
</HEAD>
<!-- STEP TWO: Insert this code into the BODY of your HTML document -->
<BODY>
<a href="" onmouseover="image1.src='http://www.lisahermes.com/c2.jpg';"
onmouseout="image1.src='http://www.lisahermes.com/a2.jpg';">
<img name="image1" src="http://www.lisahermes.com/a2.jpg" border=0></a>
<a href="" onmouseover="image2.src='http://www.lisahermes.com/e2.jpg';"
onmouseout="image2.src='http://www.lisahermes.com/d1.jpg';">
<img name="image2" src="http://www.lisahermes.com/d1.jpg" border=0></a>
</BODY>
<td width = "100%" align="left"><td width="975" rowspan="2" align="left" valign="top">
<table width="90%" border="0" align="center">
<tr>
</table><h1>
<div id="content" style="position:static; text-align:center; width: 540 ; height:50px; z-index:1; overflow: auto; ">
<table width="100%" border="0" align="center" cellspacing="5">
</table>
</div>
<table width="100%" border="0" align="center">
<div align="left" class="style1"><font color="#b6b0a4" size="4" >Memorial Tributes</font>
</div>
<table border="0" cellpadding="0" cellspacing="0" width = "70%">
<tr>
<td><h1>
<font color="b6b0a4"> phone<br> </font>
925-200-6586
<br><br>
<font color="b6b0a4"> e-mail<br> </font>
<a href="mailto: info@LisaHermes.com" class= "navigation">info@LisaHermes.com</a>
<br><br>
Now offering Memorial Tributes! <br>Prices available upon request.<br>Lisa Hermes Photography
</table>
<br><br><br><br>
</body>
</html>
Hi I have designed pages for my site and sometimes they do not look like the design once the are placed on the site. What happens is all of the small images are lined up on the left side of the page whiile the larger images are not in the same order as expected. This happens when I post my site onto google or any other site that allows html. However, it looks correct on my web site. http://dnorwood.com/FLYERS.aspx. I can only assume that I need to lock the images in place. However, I can not figure out how to do so. I have tried anchors, with no luck. Does anyone know why the images are not staying in place and do you know what I should do to lock them in place? BTW: I design the site pages in Photoshop CS and import the layers into Golive 5. Not sure if this is the best way to desing a site, but it seems to work well on my site. David Hi. I am comparatively new to html. Hi. I am aware there are differing opinions regarding Html emails. However, I have been requested to produce an html document to email to specific recipients in this format. Some of the html functions I need to use are not handled well by the Email client I am using (Outlook 2007), let alone where it is going. Therefore as a workaround I am attempting to email the html document as an attachment to my email, so that it will be opened in a web browser. However, I am having trouble, linking to the attached photos to the same email from within that html document. I have successfully, embeded the photos into the same email, using CDO 1.21 (from MS Access VBA) and <img src=cid: etc. However, this does not work for the attached html file. Any ideas on how to refer to them from within the attached html document would be greatly appreciated, even if I am going in the wrong direction. Thank you. I know this is something simple, but I can't remember how its done. But how can I have a form go to the bottom of a page? I'm making a chat, and everything works fine. Except whenever you submit something it goes back to the top of the page. So how do I force it to the bottom? At home it looks fine, on other computers, the photos are in different places and cover text. I used Coffee Cup HTML program. Thank you to all who have advice! I appreciate the time and effort you put in to assist me with my code www.scrapsandtreasures.ca Here is the code (I took out some unaffected text to make it fit here): HTML Code: <div style="MARGIN: 1em auto; FONT: 11px arial,sans-serif; TEXT-ALIGN: center"><IMG style="Z-INDEX: 100" alt="" src="Header.gif" width=800 align=middle border=0> <br><br><br><A href="/index"><IMG style="Z-INDEX: 100; LEFT: 79px; POSITION: absolute; TOP: 242px" height=142 alt=Home src="home.gif" width=139 border=0><A href="/preowned"><IMG style="Z-INDEX: 100; LEFT: 257px; POSITION: absolute; TOP: 243px" height=136 alt="Previously Owned Supplies" src="Preowned.gif" width=130 border=0><A href="/newitems"><IMG style="Z-INDEX: 100; LEFT: 176px; POSITION: absolute; TOP: 300px" height=140 alt="New Supplies" src="new.gif" width=145 border=0><A href="/handmade"><IMG style="Z-INDEX: 100; LEFT: 348px; POSITION: absolute; TOP: 293px" height=144 alt="Handmade Items" src="handmadeitems.gif" width=135 border=0></A> <br><br><br><A href="/policies"><IMG style="Z-INDEX: 100; LEFT: 444px; POSITION: absolute; TOP: 246px" height=141 alt="Policies and Shipping" src="policyshipping.gif" width=136 border=0></A><br><IMG style="Z-INDEX: 96; LEFT: 911px; POSITION: absolute; TOP: 279px" height=800 alt="" src="rightSide.gif" width=100 border=0><br><br><br><br><br><br><br><br><br><strong><em><marquee><font face="Lucida Sans" color="#0080ff" size="6">Welcome to Scraps &
Treasures...Saskatchewan's Craft Alternative</font></marquee></em></strong><br><br><IMG style="Z-INDEX: 100; LEFT: -5px; POSITION: absolute; TOP: 277px" height=800 alt="" src="Side.gif" width=100 border=0> </div>
<div style="MARGIN: 1em auto; FONT: 11px arial,sans-serif; TEXT-ALIGN: center"><strong><font size="5" face="Lucida Handwriting" color="#ff8080"> Home to...
<A href="/specials">
<IMG style="Z-INDEX: 100; LEFT: 532px; POSITION: absolute; TOP: 298px" height=148 alt="Specials and Events" src="Events.gif" width=145 border=0></A> <br> </div></FONT>
<div style="MARGIN: 1em auto; FONT: 11px arial,sans-serif; TEXT-ALIGN: center">
<ul type="circle">
<li><font face="Lucida Handwriting" color="#ff8080" size="5">Unique, hard to find, new supplies <A
href="/contact"> <IMG style="Z-INDEX: 100; LEFT: 641px; POSITION: absolute; TOP: 252px" height=136 alt="Contact Us" src="contactus.gif" width=134 border=0></A> </font>
<li><font face="Lucida Handwriting" color="#ff8080" size="5">Discounted, previously owned supplies </font>
<li><font size="5" face="Lucida Handwriting" color="#ff8080">Original, locally crafted Handmade
items</font></STRONG><br><br><A href="/zen"><IMG style="Z-INDEX: 100; LEFT: 742px; POSITION: absolute; TOP: 297px" height=148 alt=Shop src="Shop.gif" width=139 border=0></A><IMG style="Z-INDEX: 100; LEFT: -3px; POSITION: absolute; TOP: 1074px" height=800 alt="" src="Side.gif" width=100 border=0><A href="www.scrapsandtreasures.ca/contact"><IMG style="Z-INDEX: 94; LEFT: 912px; POSITION: absolute; TOP: 1069px" height=800 alt="" src="rightSide.gif" width=100 border=0><IMG style="Z-INDEX: 100; LEFT: 666px; POSITION: absolute; TOP: 2171px" height=136 alt="Contact Us" src="contactus.gif" width=134 border=0></A> <IMG style="Z-INDEX: 100; LEFT: -2px; POSITION: absolute; TOP: 1882px" height=800 alt="" src="Side.gif" width=100 border=0>
<table height="1677" width="779" border="3" bordercolor="#663300"><tbody>
<tr><!-- Row 1 -->
<td valign="center" align="middle" width="443" bgcolor="#ff8080" height="400">
<p style="MARGIN: 1em auto" color="#663300" face="Bradley Hand ITC" font="" center="" bradley="" hand="" itc="" text-align:=""><font size="5"><font face="Lucida Calligraphy"><font color="#663300"><IMG
style="Z-INDEX: 100; LEFT: 139px; POSITION: absolute; TOP: 666px" height=103 alt="Logo" src="Header.gif" width=421 border=0><BR><BR>Your store
for...<br>Scrapbooking<br>Paper Crafts<br></font></font></font><font face="Lucida Calligraphy" color="#663300" size="5">Stamping &
Embossing<br>Sewing<br>Quilting<br>Knitting &
Crocheting<br>Needlepoint & Cross Stitch<br>and Much much more!!</font></p></td><!-- Col 1 -->
<td valign="top" align="right" width="250" bgcolor="#48b0fd" height="300"><font face="Comic Sans MS" color="#663300" size="5">
<div align="right">
<marquee><font face="Lucida Handwriting"><font size="4">Hot items in
Scrapbooking</font>!!</font></EM></marquee></div></font>
<p align="left"><br><em><a href="http://www.scrapsandtreasures.ca/zen/index.php?main_page=product_info&cPath=1_2_11&products_id=2"
><IMG style="Z-INDEX: 103; LEFT: 597px; POSITION: absolute; TOP: 712px" height=132 alt=Crop-A-Dile src="Crop_a_dile.gif" width=142 border=4></a><br><A
href="http://www.scrapsandtreasures.ca/zen/index.php?main_page=product_info&cPath=1_2_11&products_id=34"
><IMG style="Z-INDEX: 103; LEFT: 738px; POSITION: absolute; TOP: 747px" height=130 alt="Ribbon Punch" src="ribbon.gif" width=96 border=3 ></A><br><br><br><br><br><br><br><br><br><a href="http://www.scrapsandtreasures.ca/zen/index.php?main_page=product_info&products_id=15"
><IMG style="Z-INDEX: 103; LEFT: 618px; POSITION: absolute; TOP: 833px" height=119 alt="Karen Foster 2008 Calendar 12 x 12 Sheets" src="April.gif" width=132 border=3></a><br><br><br></em><font face="Comic Sans MS">
<ul>
<li>
<div align="center"><font face="Lucida Calligraphy" color="#663300">We R Memory Keepers' Crop-A-Dile</font></div>
<li>
<div align="center"><font face="Lucida Calligraphy" color="#663300">Karen Foster 2008 Calendar 12 x 12 Sheets</font></div>
<li>
<div align="center"></font><font face="Lucida Calligraphy" color="#663300">EK Success Ribbon
Punch</font> </div></LI></UL></TD><!-- Col 2 --></TR>
<tr><!-- Row 2 -->
<td valign="center" align="middle" width="443" bgcolor="#48b0fd" height="475"><span><font face="Lucida Handwriting" size="4"><font color="#663300"><font face="Lucida Calligraphy"></font></a></td><!-- Col 1 -->
<td valign="top" align="middle" bgcolor="#ff8080"><font face="Lucida Calligraphy" size="4" color="#663300">Grand Opening Specials!!<br></font>
<ul type="circle"></ul>
<p align="center"><font> <font><font size="2"><font face="Lucida Calligraphy"><font color="#663300"><font size="3">Free Delivery in
Saskatoon*<br><br>$10 off Crop-a-Dile<br>(reg $35.00, now
$25!)<br><br>List 10 items for sale and receive a $10 store
coupon!*<br><br>Buy all 12 sheets of Karen Foster 2008 Calendar 12 x 12 papers for
$10. (Save $2.00 off the individual price)<br><br>Free Gift with
purchase for any purchase over $100*</font> <br><br></font></font><font size="3"><font face="Lucida Calligraphy" color="#663300">Get notified
of all specials and events by signing up for our<br></font></font><A href="mailto:amy@scrapsandtreasures.ca?subject=Newsletter Subscription"><font face="Lucida Handwriting"><font size="3" face="Lucida Calligraphy" color="#663300">store newsletter.</font><br></font></A><br><br></font><br><br><br></font></font><br><font size="2">*For details see Specials & Events page. <A href="www.scrapsandtreasures.ca/specials"><font color="#000000"> <IMG style="Z-INDEX: 100; LEFT: 659px; POSITION: absolute; TOP: 1535px" height=148 alt="Specials and Events" src="Events.gif" width=145 border=0></font></A></font></p></td><!-- Col 2 --></tr>
<tr><!-- Row 3 -->
<td valign="top" align="middle" width="443" bgcolor="#ff8080" height="600"><font color="#663300"><font face="Lucida Calligraphy"><font size="5">Coming Soon...</font><br><br><br><br><br><br><br></font><a href="http://www.scrapsandtreasures.ca/zen/index.php?main_page=product_info&cPath=53&products_id=21"><font face="Lucida Calligraphy"><IMG style="Z-INDEX: 100; LEFT: 146px; POSITION: absolute; TOP: 1717px" height=170 alt="NHL 12 X 12 Sheets" src="nhl.gif" width=340 border=3></font></a><br><br><br><br><br><br><br><a href="http://www.scrapsandtreasures.ca/zen/index.php?main_page=product_info&cPath=53&products_id=31"><font face="Lucida Calligraphy"><IMG style="Z-INDEX: 101; LEFT: 382px; POSITION: absolute; TOP: 1802px" height=174 alt="Karen Foster Scraparatus" src="Scraparatus.gif" width=169 border=3></font></a><br><br><br><br><a href="http://www.scrapsandtreasures.ca/zen/index.php?main_page=product_info&cPath=53&products_id=17"><font face="Lucida Calligraphy"><IMG style="Z-INDEX: 100; LEFT: 168px; POSITION: absolute; TOP: 1880px" height=125 alt=Silhouette src="Silhouette.gif" width=243 border=2></font></a><font face="Lucida Calligraphy">NHL 12 x 12 Papers: Toronto Maple Leafs, Edmonton Oilers, Calgary Flames, Vancouver Canucks, Ottawa Senators, and Montreal Canadians<br><br>Karen Foster's Scraparatus <br>(visit </font></font><a href="http://www.scraparatus.com"><font face="Lucida Calligraphy" color="#663300">www.scraparatus.com</font></a><font face="Lucida Calligraphy"> </font><font color="#663300"><font face="Lucida Calligraphy">for details)<br><br>QuicKuts Silhouette Personal Cutting Machine<br>(Visit </font><a href="http://www.quickutz.com/silhouette/"><font face="Lucida Calligraphy">www.quickutz.com/silhouette/</font></a><font face="Lucida Calligraphy"> for details)<br><br>Pre-Order yours now and save 10% !!</font></font>
</td><!-- Col 1 -->
<td valign="top" align="middle" bgcolor="#48b0fd"><font color="#663300"><br><br><br><font face="Lucida Calligraphy"></font></font><font face="Lucida Calligraphy">?</font>
</td><!-- Col 2 --></tr></TBODY></TABLE><IMG style="Z-INDEX: 100; LEFT: 914px; POSITION: absolute; TOP: 1880px" height=800 alt="" src="Side.gif" width=100 border=0> </LI></UL></DIV>
After a user uploads a file he is automatically logged-out and re-directed to "destination" web page. Then the user can only select the Home link and re-directs himself to the home page. What code can I add to the "destination" web page (code below) that will automatically (in the background) move the user automatically from the "destination" page to the Home Page? (if you suggest I re-direct straight from the upload to Home Page, I'd rather go to destination page and then to home page) Thank you. Also, I tried this at the end of the page, but it didn't work: Code: header("Location: http://www.somewebsite.com/home/index.php");
exit;
</table></html>
Here's the full page code: Code: <html>
<head>
<title></title>
</head>
<link href="custom.css" rel="stylesheet" type="text/css">
</head>
<body>
<table width="770" border="0" cellpadding="0" cellspacing="0" id="maintable" align="center">
<td><img src="images/greyline.gif" alt="" width="174" height="0"></td>
<td><img src="images/white.gif" alt="" width="596" height="0"></td>
<link href="../style.css" rel="stylesheet" type="text/css" /><style type="text/css"></style>
<tr>
<td width="174" align="left" valign="top" bgcolor="#A30100">
<form method="POST" action="index.php">
<input class='field' type='hidden' name='command' value='account'>
<input class='field' type='hidden' name='param' value='login'>
<br>
<img src="images/bullet.gif" alt="" width="10" height="10"><a href="/home/index.php"><font color="#DDCEA2"><font face="Arial" size="2">Home</a></font><br>
<td width="420" valign="top" bgcolor:"#000000">
[main_content]</td>
</table>
<td width="174" valign="top" bgcolor="#FFFFFF" align="right"> </tr></table>
</table>
</html>
Im not sure if this an html, php, or javascript question but here goes. I am trying to set up a place at my sight where I can have a content page from a certain link update automatically. For example, I want to create a 30 day journal link where each day a new journal page would come up. To my understanding I know I would have create a folder that would have 30 separate html pages. But my question is how can I set up the site that each page would automatically update according to day and time. Let's say that at 12:00am midnight a new html page with new content would be available for the reader. I don't have a lot of time to manually update the link with new content, so I want the site to do it on its own each day. Am I making any sense? I just need to know how I can have content automatically update each day without my needed to go and do it manually every day. Any help would be appreciated....thx so much. How can I automatically add the same top and bottom to all my pages ? Should I use an authoring tall such as Dreamweaver (using templates) ? thanks Hello, I have about 25-30 pages on my site. It has a link navigation menu and a sidebar on the left with newsletter opt in, products for sale, etc... I was wondering if there was a way to change/ edit the contents of the sidebar on EVERY PAGE without having to manually go in and change the updated HTML code on every single page. Is there a script that i can use to make this happen that I can just edit the sidebar and it will "update" the sidebar on all 30 pages accordingly?? Rather than manually doing this 30 times for every page my website is http://www.optimumtennis.net thanks in advance I've got a menu I've made in fireworks that I've got to copy to about 20 pages every time I update it. Is there any way to make this process simpler? When I put in my code, it works just fine on my Mac in Safari or Firefox. However, when I test it on a PC in Explorer 7 or 8 it starts playing automatically. This is what my code looks like: Code: <audio controls="controls"> <source src="/media/GOAL.wav" type="audio/wav" autostart="false"/> <embed height="100px" width="200px" src="/media/GOAL.wav" /> </audio> The "autostart" code I put in apparently is wrong. Is there a way to fix this so it does not autostart in Explorer and any other browers? Thx. |
|||||||