HTML - Repeating Image Not Background
As the title says: Is it possible to repeat an image horizontally that is not a background image?
Thank you! Similar TutorialsHi 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 --> I am trying to have a non repeating background in my table. My table is inside a DIV tag. It works perfect in Mozilla Firefox but not in internet explorer. I know someone on this forum had a similar problem awhile ago but I couldn't seem to fix my problem. I am not the best at coding. This is what I have <table width="800" border="0" align="center" cellpadding="0" cellspacing="0" style="background:url(assets/blob2.png)no-repeat"> Any help would be greatly appreciated I would like to put an image as a background image in a data cell to prevent unauthorized copying (or help prevent thereof). However, when I do this the image begins to repeat itself if the data cell is slightly larger than the image specs. The images are located here at www.gabegarcia.com All images on the left side of the pages is what I would like to make background images without the repeat. What would I have to add to accomplish this? 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! (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> 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!!!! 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> 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 Is it possible to put a smaller background image on top (like in layers) of my old background image? I have a background image, but I want to put a smaller image on top of that one, but for it to be treated also as background image. This image is a black vertical rectangle, but is faded on the edges to give a transparency, so its a .png. So ultimately what I am trying to do is put this black rectanlge on top of my original background image and with the transparency on the edges of this image, be able to see my original background image. How can I do so? Also what I was thinking was that this faded background would be scaled to fit different screen sizes, so do "width: 75%"? Just so that it ALWAYS stays at 75% no matter what screen size it is viewed on. Is this the right approach towards getting this result? Hi, I'm a complete newb and html-challenged, so please forgive my stupid questions. This is what I want for the personal website I'm making: a fixed image as the background that covers the entire screen regardless of what screen resolution a user's computer has - this much I've managed with CSS...I think (like this right? http://www.geocities.com/serenamonster/index.htm ) clickable regions on this background image to use for navigation to various parts of the site. Or in other words, the background image as an image map. - this I'm having trouble with, because you have to designate the picture as a set # of pixels in dimension to make an image map right? and if I do that to my background image, then it may display too big or too small depending on the person's screen resolution right? So does anyone know how I can have clickable regions on my fixed background image without the image being too big for low resolutions or too small for high resolutions? (he http://www.geocities.com/serenamonster/map.html the background image is fixed at 800x400. I want to make each star on the image a hyperlink to a different part of the site). I read somewhere that standard is 800x600 to fill a person's browser right? But on my computer the image only covers about 2/3 of the browser screen which is too small. How can I make it so that it fills 100% of any viewer's screen regardless of resolution? How does it look on your computer? I know these are probably just really stupid questions because I'm missing something really fundamental...but any help would be greatly appreciated! Thanks! ~Serena P.S. is it possible to do mouseovers for certain coordinates on an image map? Hey, I'm wanting to use a larger background image with a height of around 810pixels. Currently when i implement it, only around half the image appears and there is no scroll bar to use to view the whole image. And currently when i put a css box into it, when i scroll down it will still only show the top section of the image. Can anyone assist in what code to put into the CSS to allow the scroll bar to appear so i can view the whole background image? Thanks (sorry, meant to put this in the CSS section, only just realised) Hi Guys, Firstly i apologise if this in the wrong section of the forum, please let me know. My problem: I have designed a webpage for my DJ services in Photoshop and plan to slice it up. The first problem is my background. I designed it myself so its not simple. Basically i dont have a clue on how i should export the background from CS5 or how to implement it into my website on dreamweaver cs5. Also i want to export my images once sliced from Photoshop with a transparent background, how would i do this? Thanks for any help Raver910 How would I do this? i'm trying to set an image from my harddrive as the background but it doesn't seem to be working. I've been trying <body background="image location.jpg"> but it doesn't work. Any thoughts or solutions? thanks Hello, Well im trying to make a web page type thing and i was wondering if there is a way to make the background change as if it were an image when you shrink the page down. http://www.legouniverseforums.com/radio.html thats the link. i want the video chat to be on the orange part box and the chat to be in its box but on some computers they go in there boxes but on other computers they dont. Here is how it looks on mine i would like it to look like this on every computer. http://www.legouniverseforums.com/Sc...34.34%20PM.png Hello, 1) I need to know how to make my background image the size of every monitor that will view it in any browser? Any idea? OR at least the size of most monitors 2) Also, how do I make is stick so it doesn't scroll, everything scrolls above it or on it. If the answer is CSS could you please write out a bit of code for me and tell me where to put it. Pretty please, with sugar on top. I know it sounds lazy, but I use to now CSS can't remember anything now and I'm suffering from short term memory loss which is new for me. I have to relearn everything and remember it - hard to do when you can't remember what you did 5 minutes ago. ~eDee Can somebody give me a full code <div style=""> for putting background images in divs... thanks in advance for you're help! This is the current script I am using for background change upon a timer, does anyone know how and where I can add a no bg repeat and position the image on the bottom left? Any help would be great! Thanks <script type="text/javascript"> var bgImages = new Array(); bgImages.push("/image/girl.gif"); bgImages.push("/image/girl2.gif"); bgImages.push("/image/girl3.gif"); //bgImages.push("URL HERE"); function LoadRandomBackground() { var randomImageIndex = Math.floor(Math.random()*bgImages.length) document.body.background = bgImages[randomImageIndex]; } function StartBackgroundRefreshTimer() { var timer = setInterval('LoadRandomBackground()',10000); // 10 seconds } </script> </head> <body onload="LoadRandomBackground(); StartBackgroundRefreshTimer()"> Hello All, I hope this is a good place to ask my question. I was working on a a webpage and tinkering with two different screen capturing software to capture my website then all of a sudden I realized I can no longer see the background of my webpage. I can go online and see background images of someone else webpage but no the webpages stored on my computer. If anyone has any idea about the cause of the problem please help. |