|
HTML - Making An Image With More Than One Pictures Repeating Themselves
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!!!! Similar TutorialsHere 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! 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 -->
(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>
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 I am very new to html coding and so I don't no if this is even possible. But what I want to do is have a user click on an image or a button and have another image or text or whatever appear on the same window. I no about the onclick action and understand a little bit about forms. However I am at a real wall on this one. thank you Hello all, I'm trying to make an image unselectable, when you press CTRL + A (select all) I don't want it to highlight blue or when you drag on the image. I can't find anything about it on google, and I've seen it done before.. anyone know how to do this? Thanks, Zaroth I am not an amatuer, I'd think, but for some reason I am having trouble slicing up this image into a site (http://www.pigseldesign.com/tartan_mod.jpg). The top menu is the problem area, but I think my trouble comes into play due to me using tables. I haven't really delved into DIV tags yet to understand how to make it work in that form, but it doesn't seem like it would be difficult. I've just split the image into four columns and the menu falls into the 3rd. Problem is, when I make the cell's background the black/gray gradient, it spans to match the height of the patterned banner on the left (in another cell), even after I set the menu's cell's height to what it should be. I know there isn't much concrete information to work with, but any help would be greatly appreciated. Even if there were a program where I could just slap this in and have it spit out what I need. I just want the code clean, correct and looking right. I am having a bit of a problem. I need to replace a submit button with an image (addtocart.gif). It sounds easy enough, but for some reason when I change the coding, my link does not pop-up in a new window, as it currently does. I need the image to open up my shopping cart preview page. Any help would be greatly appreciated. Code: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
var mywindow;
var features='width=530,height=500,left=200,top=200,scrollbars=yes';
window.onload=function() {
document.forms[0].target='mypopup';
document.forms[0][3].onclick=function() {
makePopup();
}
}
function makePopup() {
if(mywindow) {
mywindow.close();
}
mywindow=window.open('','mypopup',features);
mywindow.focus();
}
</script>
</head>
<body>
<form method="post" action="http://ww11.aitsafe.com/cf/add.cfm">
<div>
<input type="hidden" name="userid" value="D745330"/>
<input type="hidden" name="price" value="19.95"/>
<select name="product">
<option value="Red shirt w/ logo (XS)">X-Small</option>
<option value="Green shirt w/ logo (S)">Small</option>
<option value="Blue shirt w/ logo (M)">Medium</option>
<option value="Red shirt w/ logo (L)">Large</option>
<option value="Green shirt w/ logo (XL)">X-Large</option>
<option value="Blue shirt w/ logo (XXL)">XX-Large</option>
</select>
<p>
<input type="submit" name="post" class="submit" value="submit"/>
</div>
</form>
</body>
</html>
Hi, I'm currently designing this website: www.carmelalopez.com and I'm trying to get the images on the left to fit the size of the browser screen on the right when you click on them. The images themselves are huge, so I'd like some kind of code that resizes the images to fit the size of the visitor's screen, which will vary from user to user. This might not be an HTML question (maybe CSS), but any guidance in the right direction would be greatly appreciated. Thank you. Hi there, I have put a youtube video source in dreamweaver, and was wondering if anyone could tell me how i make it so the browser window the video is in clings to the video, i.e the frame is the exact size of the video. Also, however this is done, would it be the same code with images? Thanks in advance, Rob Here is the code <body> <td><a href="<object width="425" height="350"><param name="movie" value="http://www.youtube.com/v/NIktYSst2mw"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/NIktYSst2mw" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"></embed></object> </body> </html> 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 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 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? when I preview my website a active x bar shows up and another thing is that my pictures are not showing. What can I do? I created this website, http://solarroadways.com/news.html and everything I created worked. Then my client added new content and pictures by themself and apparently the images load but then disappear in IE. Debugging didn't help, go figure. Anyone encounter this problem? can a border be made around a picture without making a table? TIA when working locally in the latest Version of IE. They show up fine in FireFox. I searched the forum but it didn't turn any thing up. I tried my setting in IE but can't figure this out. Does anyone have a simple fix for this? Thanks....tg |
|||||||