HTML - Stop Repeating Image Html Code
Hi,
I'm taking website design at school, and for our final mark we have to design a full website with Dreamweaver cs3. Now i'm stuck on one thing that i cant solve , so please help me out. How do I stop this image (background) from repeating??? Without using CSS & with CSS I've uploaded the site that I'm working on at http://www.bhsolutions.org and here is the code; HTML 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 http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <title>Sadmir's Website | Home</title> <script type="text/javascript"> <!-- function MM_preloadImages() { //v3.0 var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array(); var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++) if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}} } function MM_swapImgRestore() { //v3.0 var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc; } function MM_findObj(n, d) { //v4.01 var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) { d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);} if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n]; for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document); if(!x && d.getElementById) x=d.getElementById(n); return x; } function MM_swapImage() { //v3.0 var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3) if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];} } //--> </script> <style type="text/css"> <!-- .style1 { font-size: 30px; font-weight: bold; } .style3 { color: #CC0000; font-size: 18px; } .style4 {color: #3D3C2C} .style6 {font-size: 12px} #apDiv1 { position:absolute; width:316px; height:208px; z-index:1; left: 184px; top: 705px; } body { background-repeat: repeat; } --> </style> </head> <body background="images/resource/background.png" onload="MM_preloadImages('images/navigation/servicesd2.gif')"> <table width="794" height="1089" border="0" align="center" cellpadding="1" cellspacing="1" background="images/resource/background.png"> <tr> <td width="251" height="67" bgcolor="#FCFAE6"><a href="index.html"><img src="images/logo.gif" alt="Sadmir's Website" width="204" height="57" border="0" longdesc="index.html" /></a></td> <td width="98" bgcolor="#FCFAE6">Link A</td> <td width="66" bgcolor="#FCFAE6">Link B</td> <td width="114" bgcolor="#FCFAE6">Link C</td> <td width="210" bgcolor="#FCFAE6">Link D</td> <td width="36" bgcolor="#FCFAE6"> </td> </tr> <tr> <td height="21" colspan="6" bgcolor="#DBD8C6"><marquee scrolldelay="125" width="100%"> <span class="style6"><font color="#800517" >Welcome to Sadmir's Website</span> </marquee> </td> </tr> <tr> <td height="59" valign="top"><a href="services.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Services','','images/navigation/servicesd2.gif',1)"><img src="images/navigation/services.gif" alt="Services" name="Services" width="240" height="65" border="0" id="Services" /></a></td> <td colspan="5" rowspan="3" valign="top"><img src="images/header-img.jpg" width="525" height="238" /></td> </tr> <tr> <td height="66">link 2</td> </tr> <tr> <td height="103">Link 3</td> </tr> <tr> <td height="260" colspan="6" background="images/bodybg.gif" bgcolor="#BEE4FF"><blockquote> <blockquote> <blockquote> <p align="left" valign="top"><span class="style1">Welcome to</span></p> <p><span class="redtext style3">Sadmir's Unique Web Solutions.</span></p> <p align="left" class="style4">Whether you need a static, dynamic web page or a E-Commerce website for your small business, or just want a personal blog or forums website with design that moves at an affordable price, then Sadmir's Unique Web Solutions is the right place for you.</p> </blockquote> </blockquote> </blockquote> <p> </p> </blockquote> <div align="center"></div></td> </tr> <tr> <td height="20" colspan="6"> </td> </tr> <tr> <td height="59" colspan="3" background="images/bodysmall.gif"><blockquote> <div align="center"><strong>Text</strong></div> </blockquote></td> <td colspan="3" background="images/bodysmall.gif"><div align="center"><strong>Text</strong></div></td> </tr> <tr> <td height="259" colspan="3" background="images/bodyleft.gif" valign="top"><p> </p> <blockquote> <p><strong>How do I stop this image (background) from</strong></p> <p><strong> repeating???</strong> ------------------------------------------->></p> <p> </p> <p>Without using CSS & with CSS</p> <p>Thank you</p> </blockquote> <p> </p></td> <td colspan="3" background="images/bodyleft.gif" valign="top"><p> </p> <blockquote> <p><strong>Text</strong></p> <ul> <li>Text</li> <li>Text</li> <li>Text</li> <li>Text</li> </ul> </blockquote> </td> </tr> <tr> <td height="20" colspan="6"> </td> </tr> <tr> <td height="133" colspan="6" background="images/footerbg.gif" bgcolor="#FCFAE6"><div align="center">Footer</div></td> </tr> </table> </body> </html> Thank you Similar Tutorials(on IE not firefox) On the bottom of my webpage I cant get a body backround image to stop repeating itself on the bottom of the page, I tried many things and if i try closing more tags it messes other lines up can anyone help me? you can see the problem he http://lilions.com/testindex/ heres some of the code but the whole page wont fit so please veiw source Code: <br></br><br></br> <center> <img src="http://lilions.com/home/images/tpc2.jpg"></center><center><img src="http://lilions.com/home/images/cnttp2.jpg"></center><table style="border-collapse: collapse;" width=1000 height=1090> <td id="center-mid"> </center> <font color="#FFFFFF"> <table border="3" bordercolor="FFFFFF" width="750" bgcolor="000000"> <tr> <td><b><center><font color="#FFFF00"> # </center></b></td> <td><b><center><font color="#FFFF00"> NAME </center></b></td> <td><b><center><font color="#FFFF00"> POS. </center></b></td> <td><b><center><font color="#FFFF00"> HT. </center></b></td> <td><b><center><font color="#FFFF00"> WT. </center></b></td> <td><b><center><font color="#FFFF00"> AGE </center></b></td> <td><b><center><font color="#FFFF00"> EXP. </center></b></td> <td><b><center><font color="#FFFF00"> SCHOOL </center></b></td> </tr> <tr> <td> 0 </td> <td><a href="http://lilions.com/roster/BlairBines" target="_blank" > Blair Bines </td></a> <td> WR/TE</td> <td> 6'</td> <td> 260 </td> <td> N/A </td> <td> N/A </td> <td> Rutgers </td> </tr> <tr> <td> 1 </td> <td><a href="http://lilions.com/roster/AnthonyCentrella" target="_blank" > Anthony Centrella </td></a> <td> WR/TE</td> <td> 5'9 </td> <td> 230 </td> <td> N/A </td> <td> N/A </td> <td> William Floyd </td> </tr> <tr> <td> 2 </td> <td><a href="http://lilions.com/roster/BradMcCoy" target="_blank" > Brad McCoy </td></a> <td> LB/ DE </td> <td> 6'2 </td> <td> 230 </td> <td> N/A </td> <td> N/A </td> <td> Nassau CC </td> </tr> <tr> <td> 3 </td> <td><a href="http://lilions.com/roster/BrandonOresto" target="_blank" > Brandon Oresto </td></a> <td> WR </td> <td> 6'2 </td> <td> 195 </td> <td> N/A </td> <td> N/A </td> <td> William Floyd </td> </tr> <tr> <td> 4 </td> <td><a href="http://lilions.com/roster/JohnChestnut" target="_blank" > John Chestnut </td></a> <td> WR/DB</td> <td> 6'</td> <td> 175 </td> <td> N/A </td> <td> N/A </td> <td> Cheyney Univ. </td> </tr> <tr> <td> 5 </td> <td><a href="http://lilions.com/roster/AlicioMettelus" target="_blank" > Alicio Mettelus </td></a> <td> DB </td> <td> 5'11 </td> <td> 190 </td> <td> N/A </td> <td> N/A </td> <td> N/A </td> </tr> <tr> <td> 6 </td> <td><a href="http://lilions.com/roster/StevieLeachJr" target="_blank" > Stevie Leach Jr. </td></a> <td> RB </td> <td> 5'11 </td> <td> 220 </td> <td> N/A </td> <td> N/A </td> <td> Charleston Southern </td> </tr> <tr> <td> 7 </td> <td><a href="http://lilions.com/roster/SteveOliveri" target="_blank" > Steve Olivei </td></a> <td> DB </td> <td> 5'8 </td> <td> 180 </td> <td> N/A </td> <td> N/A </td> <td> Commack </td> </tr> <tr> <td> 8 </td> <td><a href="http://lilions.com/roster/DonBonacorsa" target="_blank" > Don Bonacorsa </td></a> <td> P </td> <td> 5'7 </td> <td> 220 </td> <td> N/A </td> <td> N/A </td> <td> Commack </td> </tr> <tr> <td> 10 </td> <td><a href="http://lilions.com/roster/PeteBonelli" target="_blank" > Pete Bonelli </td></a> <td> LB </td> <td> 5'4</td> <td> 190 </td> <td> N/A </td> <td> N/A </td> <td> Molloy </td> </tr> <tr> <td> 11 </td> <td><a href="http://lilions.com/roster/DarnellWest" target="_blank" > Darnell West </td></a> <td> WR </td> <td> 5'10 </td> <td> 185 </td> <td> N/A </td> <td> N/A </td> <td> N/A </td> </tr> <tr> <td> 12 </td> <td><a href="http://lilions.com/roster/RobZippel" target="_blank" > Rob Zippel </td></a> <td> QB </td> <td> 6'1 </td> <td> 200 </td> <td> N/A </td> <td> N/A </td> <td> William Floyd </td> </tr> <tr> <td> 16 </td> <td><a href="http://lilions.com/roster/EdDixon" target="_blank" > Ed Dixon </td></a> <td> WR/DB </td> <td> 6'</td> <td> 205 </td> <td> N/A </td> <td> N/A </td> <td> N/A </td> </tr> <tr> <td> 18 </td> <td><a href="http://lilions.com/roster/CleefMettelus" target="_blank" > Cleef Mettelus </td></a> <td> WR </td> <td> 6'2 </td> <td> 215 </td> <td> N/A </td> <td> N/A </td> <td> N/A </td> </tr> <tr> <td> 19 </td> <td><a href="http://lilions.com/roster/SeanKenna" target="_blank" > Sean Kenna </td></a> <td> WR/KR </td> <td> 5'7 </td> <td> 190 </td> <td> N/A </td> <td> N/A </td> <td> Suffolk CC </td> </tr> <tr> <td> 20 </td> <td><a href="http://lilions.com/roster/ChrisPalazzolo" target="_blank" > Chris Palazzolo </td></a> <td> WR/KR </td> <td> 5'8 </td> <td> 180 </td> <td> N/A </td> <td> N/A </td> <td> Commack </td> </tr> <tr> <td> 24 </td> <td><a href="http://lilions.com/roster/KeithGraydon" target="_blank" > Keith Graydon </td></a> <td> WR/DB </td> <td> 5'10 </td> <td> 200 </td> <td> N/A </td> <td> N/A </td> <td> Smithtown </td> </tr> <tr> <td> 31 </td> <td><a href="http://lilions.com/roster/JairRomero" target="_blank" > Jair Romero </td></a> <td> RB</td> <td> 5'9</td> <td> 240 </td> <td> N/A </td> <td> N/A </td> <td> Wynadanch </td> </tr> <tr> <td> 32 </td> <td><a href="http://lilions.com/roster/DaWhiteHines" target="_blank" > DaWhite Hines </td></a> <td> LB </td> <td> 5'10 </td> <td> 230 </td> <td> N/A </td> <td> N/A </td> <td> N/A </td> </tr> <tr> <td> 34 </td> <td><a href="http://lilions.com/roster/JohnLockwood" target="_blank" > John Lockwood </td></a> <td> LB </td> <td> 6'</td> <td> 200 </td> <td> N/A </td> <td> N/A </td> <td> Bellport </td> </tr> <tr> <td> 35 </td> <td><a href="http://lilions.com/roster/AlfredFranklin" target="_blank" > Alfred Franklin </td></a> <td> RB </td> <td> 5'8 </td> <td> 195 </td> <td> N/A </td> <td> N/A </td> <td> N/A </td> </tr> <tr> <td> 38 </td> <td><a href="http://lilions.com/roster/CarlLorasille" target="_blank" > Carl Lorasille </td></a> <td> DB </td> <td> 5'10 </td> <td> 200 </td> <td> N/A </td> <td> N/A </td> <td> N/A </td> </tr> <tr> <td> 40 </td> <td><a href="http://lilions.com/roster/ChadLeach" target="_blank" > Chad Leach </td></a> <td> DE/FB</td> <td> 5'9 </td> <td> 220 </td> <td> N/A </td> <td> N/A </td> <td> Lindenhurst </td> </tr> <tr> <td> 45 </td> <td><a href="http://lilions.com/roster/LondonJRStanley" target="_blank" > London JR Stanley </td></a> <td> DE</td> <td> 6'3 </td> <td> 220 </td> <td> N/A </td> <td> N/A </td> <td> Longwood </td> </tr> <tr> <td> 49 </td> <td><a href="http://lilions.com/roster/CraigPinto" target="_blank" > Craig Pinto </td></a> <td> K </td> <td> 5'8 </td> <td> 170 </td> <td> N/A </td> <td> N/A </td> <td> Hofstra Univ </td> </tr> <tr> <td> 50 </td> <td><a href="http://lilions.com/roster/BrianHope" target="_blank" > Brian Hope </td></a> <td> DL </td> <td> 6'1 </td> <td> 240 </td> <td> N/A </td> <td> N/A </td> <td> Connetquot </td> </tr> <tr> <td> 51 </td> <td><a href="http://lilions.com/roster/FinkleyDufort" target="_blank" > Finkley Dufort </td></a> <td> DL </td> <td> 6'1 </td> <td> 250 </td> <td> N/A </td> <td> N/A </td> <td> Newton </td> </tr> <tr> <td> 52 </td> <td><a href="http://lilions.com/roster/JamelDudley" target="_blank" > Jamel Dudley </td></a> <td> DL</td> <td> 6'3 </td> <td> 270 </td> <td> N/A </td> <td> N/A </td> <td> N/A </td> </tr> <tr> <td> 54 </td> <td><a href="http://lilions.com/roster/DanHillman" target="_blank" > Dan Hillman </td></a> <td> C </td> <td> 6'1 </td> <td> 220 </td> <td> N/A </td> <td> N/A </td> <td> Commack </td> </tr> <tr> <td> 90 </td> <td><a href="http://lilions.com/roster/BrianMcLaughlin" target="_blank" > Brian McLaughlin </td></a> <td> DE </td> <td> 6'5 </td> <td> 250 </td> <td> N/A </td> <td> N/A </td> <td> Marist </td> </tr> <tr> <td> 91 </td> <td><a href="http://lilions.com/roster/ChadEllis" target="_blank" > Chad Ellis </td></a> <td> DE </td> <td> 6'2 </td> <td> 280 </td> <td> N/A </td> <td> N/A </td> <td> Deleware St. </td> </tr> <tr> <td> 99 </td> <td><a href="http://lilions.com/roster/DanEfinger" target="_blank" > Dan Efinger </td></a> <td> DE</td> <td> 6'1 </td> <td> 240 </td> <td> N/A </td> <td> N/A </td> <td> New Hyde Park </td> </tr> </table> </font> <center> <img src="http://lilions.com/home/images/cntbtm2.jpg"></center> <br></br> <center> <table valign="top" border="0" cellspacing="0" cellpadding="0"> <tr> <td valign="top" class="credit_white1"><font color="#ffffff"><img src="images/spacer.gif" width="30" height="1">Copyright 2011, MajorKillenDesign.com, Inc. All Rights Reserved.</font><br><br></td></center> </tr> </table> <center> <table valign="top" border="0" cellspacing="0" cellpadding="0" width="800" height="2"> <tr> <td width="800" height="2" bgcolor="#D4D601"></td> </tr> </table> <table valign="top" border="0" cellspacing="0" cellpadding="0" width="800" height="15"> <tr> <td width="800" height="15" class="subMenu"><p style="margin-left: 25px; margin-right: 0px; margin-top: 3px; margin-bottom: 5px" align="right"> <i> <a href="http://lilions.com/contact/"> Contact The Lions</a> </i> | <a href="http://majorkillendesign.com/"> Site & Design Sales</a> </p></td> </tr> </table> <script language="JavaScript"> if (document.location.toString().indexOf("home") == -1) { document.write('<table valign="top" border="0" cellspacing="0" cellpadding="0" width="800" height="2"><tr><td width="800" height="2" bgcolor="#D4D601"></td></tr></table>') } </script> </tr> </table></center> </html> Here is the link to the page. As you can see, when you scroll down, the background just stops. Here is a portion of the CSS that deals with this bit: #page{ background-image:url("imgs/bg.jpg"); background-repeat:repeat-y; margin:auto; width:960px; font-family:Helvetica,sans-serif; margin-top:-10px; padding-top:20px; font-size:11pt; } #page-content{ width:920px; margin:auto; height:1090px; } Can anyone help please? I'm going to revisit this because a suggestion made in a former thread didn't work (and believe me I tried for hours). I've attached an image that I created in photoshop and sliced up and imported into dreamweaver. Much like this website, I want the header & body to stretch across the browser regardless of size. The three "yellow squares" I want to remain static (not stretch). The right most yellow box which contains the example of a search box I want to remain at the top left most point of the browser regardless of size (same with the two other yellow boxes (but at the top right). The red area, I want to repeat (stretch) as the browser gets bigger or contract as it gets smaller. What I did was slice the image and import into dreamweaver (automatically puts it into tables). So I put each of the 4 sections into its own div tag. Then for the repeater image I applied CSS whereby the image would be a background and repeat (% of browser). That's where I'm stuck. I have no idea how to solve this problem and I've seen it done on many other website but can't seem to figure it out. If anyone can help, I would be very grateful. Thank You! As the title says: Is it possible to repeat an image horizontally that is not a background image? Thank you! Hello, I hope someone here can help, I am the webmaster for a youth football website. We have about 50+ pages on the site, and they are all referenced from a drop-down menu at the top of each page. The code looks like this HTML Code: <ul class="level-0" id="cssmw"> <li><span><a href="teams.html">Teams</a></span> <ul class="level-1"> <li><span><a href="under8s.html">Under 8's</a></span> <ul class="level-2"> <li><span><a href="under8sbmouth.html">B'mouth League</a> </span></li> </ul> </li> </ul> </ul> However, this coding on my site runs for about 70 lines, and should I wish to change a part of it, I have to edit the code on every page. Is there any way of referencing html code from a document and using it in place of the code on each page? Looking forward to your suggestions, Cheers, Ed Rogers Hi there, I'm having a problem with an HTML newsletter. There is a Left Column that is supposed to have a background image that repeats as often as the content on the right demands. Anything you could suggest would be amazing. Here is my code: HTML Code: <style type="text/css"> body { font: 100% Verdana, Arial, Helvetica, sans-serif; font-size:12px; background: #666666; margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */ padding: 0; line-height:125%; text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */ color: #000000; } #container { width: 600px; /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */ background: #FFFFFF; margin: auto; /* the auto margins (in conjunction with a width) center the page */ border: 1px solid #000000; text-align: left; /* this overrides the text-align: center on the body element. */ } #leftColumn { width: 165px; height: 100%; float:left; background-image: url(http://www.research.legalaid.on.ca/images/BLsidegrey.gif); } #footer { font-size: 12px; line-height: 125%; color: #996600; background-color: #E9F4F5; border: 1px solid #CCCCCC; width: 590px; float:right; padding-left:10px; } #mainContent { width: 435px; float: right; background-color:#FFFFFF; } #textBox { padding-left: 10px; } .thisIssue{ font-weight:bold; color: #cc6600; line-height: 125%; } .date{ font-weight:bold; color: #333333; line-height: 135%; } .authors{ font-weight:bold; color: #333333; line-height:90%; } </style> </head> <body class="oneColFixCtr"> <div id="container"> <img src="http://www.research.legalaid.on.ca/images/BL_fam.gif" border="0" alt="Mainheader" align="middle" /> <div id="leftColumn"></div> <div id="mainContent"> <div id="textBox"> <p><span class="thisIssue">This Issue</span><br/> <!-- TemplateBeginEditable name="Date" --><span class="date">March 28, 2012</span><!-- TemplateEndEditable --><br/> <!-- TemplateBeginEditable name="Authors" --><span class="authors">by: Elizabeth Ramsden</span><!-- TemplateEndEditable --></span> </p> <!-- Top Divider --> <img style="padding-bottom:5px" src="http://www.research.legalaid.on.ca/images/divider.gif" alt="topDivider" border=0 /><br/> <!-- Main Content Goes Here --> <!-- TemplateBeginEditable name="MainContent" --> <p> </p> <!-- TemplateEndEditable --> <p> <!-- Main Content Ends Here --> <!-- Bottom Divider --> <IMG style="padding-top:10px" src="http://www.research.legalaid.on.ca/images/dividerbottom.gif" alt="bottomDivider" border=0><br/> </p> </div><!-- end #textBox --> </div><!-- end #mainContent --> Dont know how to explain this but i have some flash centered in the middle of the screen and i would like to put a image that to the left and right of the centered flash im running at 1024x768, i did seem to manage this but when i tried a higher resolution the flash stopped center and the left and right image kept to the left and far right of the screen when what i wanted is the left and right image to stay flush left and right to the centered flash. Below is my code minus the left and right image, could someone help me add a image to the left and right of the centered flash, so even if the resolution is increased the left and right image will stay flush with the centered flash. HTML 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 http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" /> <title></title> <style type="text/css"> <!-- body { background-color: #000000; } --> </style></head> <body > <table width="770" border="0" align="center"> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="swflash.cab#version=7,0,19,0" tppabs="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="770" height="70"> <param name="movie" value="bombay-logo-top.swf" /> <param name="quality" value="high" /> <embed src="bombay-logo-top.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="770" height="70"></embed> </object></td> </tr> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="swflash.cab#version=7,0,19,0" tppabs="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="770" height="400"> <param name="movie" value="main.swf" /> <param name="quality" value="high" /> <embed src="main.swf" main.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="770" height="400"></embed> </object></td> </tr> <tr> <td><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="swflash.cab#version=7,0,19,0" tppabs="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="770" height="100"> <param name="movie" value="time.swf" /> <param name="quality" value="high" /> <embed src="time.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="770" height="100"></embed> </object></td> </tr> </table> </body> </html> i have no idea how to do this. you know how you have a bunch of pictures that are similar, and they are repeated after each other, but are shown as one image. kind of like a flip book, but with and image. mini-slideshow type thing. does this make any sense? hopefully... WAIT! LIKE THIS... HOW DO YOU DO THAT? haha. PLEASE HELP ME!!!! Hi guys i just joined and hope to learn a lot from this forum! Ok, My question is if there is a HTML code to save an image as a different image. To help explain better I want to embed an original artwork image on my myspace page. I have seen other artist do this same thing where they have embedded and image onto their page and if someone uses the Right click>Save image as... to try to save that image they get a whole different image than the one they wanted to save. For example: Say you wanted to save this image and after you use the Right click> save image as... and open up the file you just saved You get this Scripts don't work with myspace so i would like to know if there is a HTML code that does this. Thanks for your time <<<Edit>>> Ok heres a better example this users profile has an image of his alias i guess in his "About Me" Section and when you try to save the image you get a 1pixel gif Heres the users page (Google cache) http://64.233.167.104/search?q=cache...lnk&cd=1&gl=us The actual image URL is : http://img71.imageshack.us/img71/880/101copyzd9.png and the 1pixel gif's URL is : http://x.myspace.com/images/clear.gif I would like to know whats the html code for this because when you try to save the imageshack image you end up downloading the 1pixel gif instead Thanks for your time Hi, I need HTML code for image gallery like this or similar one. The most importand is the left&right arrows. Thanks for who try to help. Hi people, I've search the net regarding this issue and from what I've gathered, images can only be transparent provided it's in the gif format. May I know is it possible to make png pictures transparent? I heard that's possible with IE 7, but I want a method that works with lowers versions of IE too. I'm trying to avoid CSS if possible, is there a code something like "style=transparent" that can be typed into the <img> tag? Thanks Code: <table border="0" cellpadding="0" cellspacing="0" id="NavigationBar1"> <tr> <td align="left" valign="top" width="117" height="31"><a href="www.conflict-gamers.net/forums"><img id="bv01002" src="bv01002.gif" alt="" align="top" border="0" width="117" height="31" onmouseover="SwapImage(1,0,'bv01002','bv01002_over.gif')" onmouseout="SwapImage(0,0,'bv01002','bv01002.gif')"></a></td> </tr> </table> and this is the image i want in there. http://img84.imageshack.us/img84/406...onforumfl2.jpg Can anyone help please. Hi Friends, I've created an html coded email signature for Outlook 2003 (old, i know) and need some help. I've inserted a few images and linked them back to my company's social media platforms. When I insert the html template into Outlook it places <> after each picture/icon that i inserted. Any suggestions on how to remove these?! i finally figured out how to remove the underline but now i'm stuck with <> and can't get it to go away! PLEASE HELP!!! What is the html code when placing multiple links on a single image? For example... the image is a tree with three leaves. Rather than having the entire image being a link, how would I set up an html code that makes each individual leave a link? ________________________________________________________________ Buying diamonds online - James allen review - Bluenile.com review - Mondera Diamonds Review - Online diamond store reviews - Engagement ring guide - Engagement ring guide What is the html code when placing multiple links on a single image? For example... the image is a tree with three leaves. Rather than having the entire image being a link, how would I set up an html code that makes each individual leave a link? Hey, I'm buidling a series of webpages and I still don't know what the code is to stop right clicking. Even better, I'd like the person to be redirected to a particular page . Any clues on how to do this? Hi there!! Please I need help. I am embeding videos to mu blog, but are videos from a TV station so I took the code but is strange I can't make them stop. My users start to be upset about it. <p align="left"><script type="text/javascript"></script> <div id="flashcontent" style="width: 570px; text-align: center;"><script src="http://v.cctv.com/playcfg/js/common.js" type="text/javascript"></script> <object id="flvEmbed" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="480" height="360" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowScriptAccess" value="always" /><param name="wmode" value="window" /><param name="flashvars" value="id=/2009/2009/09/01/yingshikantaixi_h264418000nero_aac32_20090901_1251767366337&site=http://v.cctv.com&method=http&share=1" /><param name="src" value="http://v.cctv.com/playcfg/CCTVvideoplayer.swf" /><param name="allowfullscreen" value="true" /><embed id="flvEmbed" type="application/x-shockwave-flash" width="480" height="360" src="http://v.cctv.com/playcfg/CCTVvideoplayer.swf" allowfullscreen="true" flashvars="id=/2009/2009/09/01/yingshikantaixi_h264418000nero_aac32_20090901_1251767366337&site=http://v.cctv.com&method=http&share=1" wmode="window" allowscriptaccess="always"></embed></object> I will appreciate your help. thanks! Hi All, I have a really irritating problem. I have written some code in HTML, and bits of it use the left square bracket, ( [ ). When I paste it into an online web editor, and upload I go to the site and the code does not work properly. I look at the source code and the web editor automatically changed the left square bracket to the HTML escape character equivalent [. Is there something I can put in the code to stop this from happening? I have no control over the web editor and even if I go into the web editor and replace [ with [, upload and refresh the same issue happens! For a class assignment we are to create a simple Web page with inline styles. My question is, How do I tell the browser to stop putting text next to an image? Here is the html I'm using now: HTML Code: <img src="recycle.jpg" width="142" height="146" style="float: left; margin-left: 10px; margin-right: 10px" alt="Recycle bin" /> <h1 style="font-style: italic">Help the Earth - Recycle</h1> <ul style="text-align: left"> <li><a href="#about">Q and A about recycling</a></li> <li><a href="#when">When to recycle</a></li> <li><a href="#contacts">Who to contact</a></li> </ul> The h1 header is supposed to be on the right side of the "recycle.jpg" image, which it is, but the bulleted list is supposed to be below the image. It keeps going alongside the image underneath the h1 header. I've tried putting different parts into div tags but that didn't work. Obviously I'm doing something wrong. Any help would be greatly appreciated! How do i stop a table from expanding, When i place a image in it that is larger then the table size. The catch is, I dont want to set the any size peramiters in the 'img' tag. table width = 100 px image width = 200 px 100 px = of pixel page killings Thanks |