|
HTML - Possible To Auto Size Photos?
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.. Similar TutorialsHello, This is gonna be difficult for me to explain, but here we go. I am wondering how I create a page that automatically (as far as possible) re sizes when you make the window bigger and smaller. So that the use of scrollbar is minimal. Do you understand what I am trying to say? Kind of floating in a way. I am using dreamweaver and am gonna code this site in xhtml strict (right choice?). Have a nice day, helen Hello, I'd like to know if there's a way to 'force' a website to be viewed in a certain resolution. My site was designed for 1024x768 at home. Externally the office computers I tested it on are set to 1280x1024, and the site looks far too small. Is there html or script that would auto size it to 1024x768 without the user changing monitor resolution? Here's the code: Code: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<title>www.testing.com</title>
<style type="text/css">
html,body {
height:100%;
margin:0;
background-color:#000;
}
#vertical {
float:left;
width:100%;
height:50%;
margin-top:-329px;
}
#container {
clear:both;
width:933px;
height:658px;
margin:auto;
}
#container img {
display:block;
width:933px;
height:658px;
border:0;
}
</style>
</head>
<body>
<div id="vertical"></div>
<div id="container">
<img src="comet3.jpg" width="933" usemap="#map" alt="comet3">
<map name="map" id="map">
<area shape="circle" coords="885,123,9" href="comet2.html" alt="">
<area shape="circle" coords="916,124,9" href="comet4.html" alt="">
<area shape="rect" coords="785,71,904,103" href="contact.html" alt="">
<area shape="rect" coords="665,70,756,109" href="about.html" alt="">
<area shape="rect" coords="371,73,462,112" href="index.html" alt="">
<area shape="rect" coords="499,70,632,111" href="portfolio.html" alt="">
<area shape="poly" coords="891,118" href="#" alt="">
</map>
</div>
</body>
</html>
Thanks to anyone who can help with this! Cheers J Hi, i was making a site but i ran into a prb, i.e when i make the site at my current res (1440x990) and upload it my users complian that the site looks wierd, is there someway i can fix this prb? thnx.. Hi! On a page I'm trying to accomplish the following: A border with a static width surrounding positioned elements (divs). Each element can vary in height and holds text, tables, images, etc. Problem: Is there any way to dynamically adjust the border height to the content? I don't want to use scripting. I have tried using a div with auto height, but it does not adjust to inner divs. I have tried using a table cell containing divs, breaks as soon as divs are positioned. Please help! See simplified example below. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>HTML</title> <style> .borderdiv{ position:relative; width:628px; margin-left: auto; margin-right: auto; background-color:white; height:300px; border-color:#CA3182; border-style:solid; border-width:1px; background-color:#EDFBFD; } .pinkdiv{ position:absolute; width:628px; height:64px; border:none; background-color:#F8D7DA; } .div1{ position:absolute; width:292px; height:29px; top:24px; left:10px; border-width: 1px; border-style: solid; } .div2{ position:absolute; width:200px; height:49px; top:10px; right:11px; text-align:right; border-width: 1px; border-style: solid; } .div3{ position:absolute; width:193px; height:200px; top:175px; right:23px; background-color:#EDFBFD; border-width: 1px; border-style: solid; } </style> </head> <body> <div class="borderdiv"> <div class="pinkdiv"></div> <div class="div1">div1</div> <div class="div2">div2</div> <div class="div3"> <table border="1"> <tr> <td><strong>Table</strong></td> <td><b>Dynamic text.</b><br>Amount of text may change here.<br><br>Pink outer border (borderdiv) should adjust to the content in this table!!!</td> </tr> </table> div3 </div> </div> </body> </html> i have 2 frames in my parent frame say 1.htm ie left frame and 2.htm ie right frame now this 1.htm is quite a long frame and has a scrollbar and 2.htm is a short one i dont the scroll bar beside my frame 1 but want it to be for my entire parent window ie i wont to scroll both my left and right frames together how do i do that Hi! I have a page that contains a text area. What I want it to do is to change its size according to the size of the browser window. How can I make it do that? I did it once but just can't seem to remember how I did it. Thanks 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 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. 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>
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 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!! 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? 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 All: Working to update a previously designed website. Original design uses an <img> tag to create a top banner and another <img> tag to create a side banner. In each case there are mapped coordinates on each banner as links for the subsequent pages. Basic page design is as follows: Code: <table>
<tr>
<td>
<img usemap="Map1">
<map name="Map1">
<area>
<area>
<area>
</map>
</td>
</tr>
</table>
<table>
<tr>
<td>
<img name="Map2">
<map>
<area>
<area>
<area>
</map>
</td>
<div>
***PAGE CONTENT***
</div>
<tr>
<table>
The challenge is that the [PAGE CONTENT] varries in length througout the site causing some pages to be much longer or shorter than others. This causes some inconsistencey in the relationship between the side banners height and the page content. In other words in some cases the banner is exceptionally longer than the page content and the reader must scroll past significant "dead-space" before being brought to the lowest mapped links in the side banner; or... ...in some cases the side banner is significantly shorter than the page content causing the banner image to appear "poorly-fit" to the page design. I considered altering the 2nd table instance in the above design so that the banner is carried in a <td> tag that is adjacent to the page content and hopefully to allow the tag carrying the image to size relative to the <td> tag carring the content.... Code: <table>
<tr>
<td>
<img usemap="Map1">
<map name="Map1">
<area>
<area>
<area>
</map>
</td>
</tr>
</table>
<table>
<tr>
<td size="100%">
<img name="Map2">
<map>
<area>
<area>
<area>
</map>
</td>
<td size="100%" >
<table>
***PAGE CONTENT***
</table>
</td>
<tr>
<table>
The problem I've found with this is that as the content size causes the image to "flex", either readablilty or image quality or both are effected, AND the mappings become inconsistent as the image coordinates constantly change. I've considered 2 solutions and am leaning toward one, but thought I'd post this and see if there are better ideas I'm overlooking. One idea was to add additional table rows inside the [PAGE CONTENT] table presumably creating a "defalut" page size that would never be smaller than a standard for the side banner. Problem: larger page sizes are still a problem as are the changing map coordinates My other idea was to return to the original page design listed first above and again settle on a standard side banner "height"... ...any page that was significantly longer than that height would be split to 2 or more pages with a [NEXT>>] button at the bottom of the page navigating to the additional content. Problem: ...possible complications splitting content... Benefit: ...consistent page design that allows a consistent side banner with navigable links... Question for the group: Does this sound reasonable? Are there better alternatives I am overlooking? THANKS IN ADVANCE FOR ALL INPUT!! 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. 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>
can someone help me to write a code to autoclick the following codes? note that the codes are partial codes.. help me to write the solution into a script file Code 1 <table class="bgmain" width="99.75%" border="0" cellpadding="0" cellspacing="0"><tr><td valign="top"> <form method="POST" action="tvalidate.php"> <input type="hidden" name="id" size="20" value="29409"><input type="hidden" name="xfile" size="20" value="29409.pdf"> <input type="submit" value="Download" name="Enter"> </form> Code 2 <div class="smallcurve"> <div class="t"><div class="r"><div class="b"><div class="l"><div class="tl"><div class="tr"><div class="bl"><div class="br"> <div class="smallcontent"> <table width="100%" border="0" cellpadding="5" cellspacing="0" align="center"><tr><td> </ul> </td></tr></table> <center> <form method=POST action=http:blablabla.com/29409.pdf><b>Full-Text Document View/ Download :</b> <input type=image border=0 align=absmiddle src=./images/pimages.jpg title="Click here to view full- text item"> |
|||||||