|
HTML - Need Help Displaying Photos In Html
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> Similar TutorialsI 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 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. Hey guys, hope someone can help. I have a website that is displaying correctly in FF 3.05 but incorrectly in IE7 If you look at this page in FF and then IE you will see the problem... http://www.debt-rescued.co.uk/applynow.html Hope someone can help I would appreciate anyone's help in determining why my text is not going all the way to the right side of the "maintext" container. You can view the problematic webpage at: http://www.cornerstonecontractingcom...emp/about.html The associated CSS can be viewed at: [url="http://www.cornerstonecontractingcompany.com/temp/default.css"]http://www.cornerstonecontractingcompany.com/temp/default.css[/URL Thank you very much for your help. hi all - can anyone advise as to what might be the issue - a new html email newsletter i've modified from an existing template behaves differently in that the content doesn't display along with the images until you choose to download them. so instead of just seeing text without images, the entire email is blank. has anyone encountered this/can possibly advise? many thanks, tania Hi all, just came here to ask why is it that when I try to open my HTML file in Internet Explorer, which I created in note pad, it comes up with the code I typed it rather than displaying the actual page? Like for example I typed in this... <html> <head><title>Interspecies Conflict Videos</title></head> <body> <div align="center"> <img src="web logo.jpg" alt="Web Header" /> </div> </body> </html> And all I got was the code you see above you, there was no picture or anything. Greetings I have 3500 pages of content on my site and i would like to monetize all of them by placing some adds. The problem is that my advertisers might change sometimes and i don't want to update all the pages each time i decide to go for some other advertiser so i tought i should use another html file that would be displayed on all the 3500 pages and each time i would modify this file, it would update on all the 3500 pages. I would like the page to be search engine friendly too, if possible. Also don't want to use frames. So there would be small window 200 x 200 in size that would display the content of the seperate file on all these 3500 pages. So how should i do this, would java script be something to consider? I don't know much about php and would not like to use it, what would be the easyest way to do this? Also there can not be any borders in this window and it needs to be embedded in to all these 3500 pages, in exact size of 200 x 200. This system needs to work in IE, Firefox, netscape and opera!! The content would be adsense, banner or similar content. Please advise.... Sir. Turhapuro Hi guys, I'm new to this forum and fairly new to html I've been asked to create a webpage for work that is pretty much an on-line diary for where plant & equipment has been. I have done all the easy stuff, but I don't know if it's possible to display and save input in a cronological order as a list. Is it possible to simply use html code and get this task done? To be more specific, the user can enter the arrival and deparature date of equipment, which i need to be displayed and saved. Any help will be greatly appreciated, and please keep in mind that I have limited knowledge with html code and JS. Regards, Daniel. OK, I've really been tearing my hair out with this one and now getting frustrated beyond beliief! LOL. I have as a bolt on within my phpBB2 (v2.0.22) forum a Mass email HTML MOD (uses a program called MICE). Now, my forum style is Aphrodite and I have successfully got this into a draft email yet when I go to preview the email, everything is set-out perfect. Once it gets sent to any email client, ie Hotmail, Yahoo mail, etc, etc, a lot of the style gets stripped making it all look very messy. Best way to explain this is by screenshots. The below is how it SHOULD look (small section of the email): And this is how it looks in email clients (same section): This is the header from the html file: 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 content="text/html; charset=ISO-8859-1" http-equiv="content-type" /> <title>screwball newsletter 1</title> <link rel="STYLESHEET" href="http://www.screwballscrabble.co.uk/forum/templates/ca_aphrodite/style.css" type="text/css" /> </head> <body> I'm hoping it's something that is easy to remedy as I've obviously overlooked something. Look forward to any responses. Thanks! Can't figure out why the page is displaying only HTML code. My assumption is: I indicated a wrong path to the image hosted with 000webhost.com. Otherwise I have no clue why the code doesn't display online. Here is the code. Can anybody spot the problem? Thanks in advance! =========================================== HTML Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv = "content-type" content = "text/html; charset = utf-8"/> <title>Russkaya Zvezda</title> </head> <body> <table width='100%'> <tr> <td align ='center'> <img src = "http://www.russkayazvezda.com/GRAY_VK_RZ_MY_RABOTAEM_raster.jpg" width = "100%" alt = "RUSSKAYA ZVEZDA"/> </td> </tr> <tr> <td> <p style = "text-align: center;"> Copyright © 2000 - 2012 by Russkaya Zvezda Inc. </p> </td> </tr> </table> </body> </html> hi all, am new here, please bear with me! I have a request, I am creating an Intranet site for my company and would find it useful to display on the page the local machines IP address (not the public one), the LAN one. Can this be done in HTML or not, and if yes, can anyone please kindly point me in the right direction?? Thanks in advance. 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 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? 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 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? 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>
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 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!! |
|||||||