|
HTML - Image Wont Stop Repeating Please Help
(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>
Similar TutorialsHi, 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'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! 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? As the title says: Is it possible to repeat an image horizontally that is not a background image? Thank you! 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 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>
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? i know this is prob somethin simple but iv tried everythin n cant get the image to display...... i no my code is right, its got to do with the actual pic, i have the right file type(gif), i have tried resizing it, saving it under diff file types by using gif converters!! but nothing seams to work... and yet the other pic's beside it work!! originally it was a micro visio diagram.... when i load the page into IE the normal gif,jpg images work. but when i right click on the image thats not working and go to properties its says not associated! plz help Cindy xx 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 Hi, I am trying to figure out why my background image is not showing up on my header... my website is http://www.mytodostuff.com I created the image to be 900px by 100px, and it should fit perfectly in the header div...but its not. Does anybody know why? i put the pic in my assets folder, its called 'banner.jpg' ok, ive tested this several ways and im stuck, ive coded the PHP navbar pretty much the same as the HTML version of my site.. but in th PHP page it wont show. I think the sprite is confliction in some way, dont see a way to put my finger on it: It concers this page, the red square. the whole Navbar: Code: <ul id="navigation">
<!-- SVIB ww / er -->
<li><a style="background-image:url('img/nav/4back.png'); width:81px; height:80px; position:relative; border:solid 2px red;" id="bol_4" href="?page_id=2">back</a></li>
<li><a id="bol_1" href="?page_id=187">1</a></li>
<li><a id="bol_2" href="?page_id=189">2</a></li>
<li><a id="inloggen" href="inloggen.php">3</a></li>
<li><a id="bol_3" href="?page_id=55">4</a></li>
</ul>
and the CSS, which is pretty important in finding the error i believe: Code:
#navigation {
padding:0;
margin:0;
list-style-type:none;
margin-top:-511px;
margin-left:560px;
}
#navigation a {
display:block;
width:131px;
height:128px;
background-image:url(../img/nav/svib_compleet_sprite.png);
text-indent:-9999px;
outline:none;
}
/*TERUG*/
#bol_4 {
width:40px;
height:81px;
position:relative;
top:4px;
left:4px;
border:0;
}
#bol_4:hover {background-position:81px 0;}
Hi the website is showing up fine but there should be a repeater background image , and it doesnt show up in browser at all . Been working on it for 4 hours now. Please help me.. website link: http://extramoney.net16.net/instructions.html What do you need to fix ? Html code ? Image name: repeater.jpg and it is uploaded to hosting space . Thanks in advance for answers , Michael 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? I have display:inline and its adding in two drop boxes that it shouldnt. After the drop boxes it then stops the inline. Im new to css, have only been trying it for the past couple of days. The two drop down boxes are suppose to be on the left, under the links at the top. Can someone explain to me why inline stops where it does? Thanks. Oh yeah, the links under <li> I know their to the wrong address's. body { font-family:georgia,'times new roman',times,serif; color:#BD0A70; background-color:#F2F2F2; } ul.navbar { list-style-type: none; padding:0; width:32em; float:left; } ul.navbar li { display:inline; font-size:125%; background-color:#007BA7; margin:.10em; } ul.navbar a,ul.navbar a:visited { color:#ffffff; text-decoration:none; } ul.navbar a:hover { background:#00008B; } form.jump { /* position: absolute; */ float: left; } div.floatright { /* position: absolute; */ float: right; } h1 { clear:both; font-family:helvetica,geneva,arial,SunSans-Regular,sans-serif; } ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>My first styled page</title> <link rel="stylesheet" href="mystyle.css"> </head> <body> <a charset="ISO-8859-1"> <!-- Site navigation menu --> <ul class="navbar"> <li><a href="index.html">Change email</a> <li><a href="musings.html">Change Password</a> <li><a href="town.html">F.A.Q.</a> <li><a href="town.html">Contact</a> <li><a href="links.html">Log out</a> <li> </li> </ul> <form class="jump" action="/reredirect.php" align="left" method="post"> <input type ="text" name="userpage" size="17" value="Jump to user page" onFocus="this.value=''"> <img src="cooltext406694699.png" align="absbottom" onmouseover="this.src='cooltext406694699MouseOver.png';" onmouseout="this.src='cooltext406694699.png';" input type="submit" value="Submit" name="submit"></img> </form> <div class="floatright"> <script type="text/javascript"><!-- /* 234x60, created 11/22/08 */ google_ad_slot = "0343255875"; google_ad_width = 234; google_ad_height = 60; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> </div> <!-- Main content --> <table> <tr> <td> <form method="post" action="/redirect.php" name="event"> <select name="select" class="breakinline" onChange="this.form.submit()"> <OPTION SELECTED>Select friend <OPTION value="/users/sharon">name1 <OPTION value="/users/carrie">name2 <OPTION value="/users/capy">name3 <OPTION value="/users/charla">name4 </SELECT> </FORM> <td> <form id="myeventz" method="post" action="/changeevent.php" name="myevent"> <select name="myevent" class="tabletxt" onChange="this.form.submit()"> <OPTION SELECTED=>12/25 Christmas</option> <OPTION value="0101 Event One">01/01 Event one <OPTION value=" 0202Eventtwo">Remove this event <OPTION value=" ">Add a new event </SELECT> </FORM> </td> </tr> </table> <p>Select item's to remove</p> i have a page with code below 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" /> <meta http-equiv="Page-Enter" content="progid:DXImageTransform.Microsoft.Pixelate(enabled=false,duration=1,maxSquare=50)" /> <meta http-equiv="Page-Exit" content="progid:DXImageTransform.Microsoft.Pixelate(enabled=false,duration=1,maxSquare=50)" /> <script src="http://www.savethedevelopers.org/say.no.to.ie.6.js"></script> <title>Untitled Document</title> </head> <body> <img src="http://www.sf4stu.com/attachments/month_0804/20080412_7374481915abcecb4439HQ4ovRdyjWnf.gif" /> </body> </html> when i test locally, i saw there is a information bar right on my IE browser how could i stop the information bar? since i trust my code is save~ I am using the body onload to open a new window but is it possible to check if the window is already open and if so to not refresh it as I am using it as a music player and hitting the home link starts it off again. Any suggestions and if so as much detail as possible would be greatly appreciated :-) Thanks, root. |
|||||||