HTML - How Do I Stop A Table From Expanding, Becuse Of A Image.

Hi experts, would it be possible for any advice on a header issue please.

I have created a website at www.ukdecals.com the website expands to fit most browsers and i've tried it in IE9 and Firefox, to me everything looks fine at my monitor settings of 1152 x 864 pxls

But a friend has just sent me a screen shot from his screen on his computer in IE9 and the header seems to not be expanding in length across the page, would anyone one be able to view the source code and see if they could spy the problem, i've looked at it myself and i can't see it, but only learning html in the last couple of months, i'll admit that this ones got me stumped.

I'd appreciate any help you could give.

Kind Regards
Jas....

Hi,

Recently i have designed a site on my personal Dell laptop. The screen width of my laptop is more than the length.

I have kept the logo on the header side of the page, in my laptop everything looks fine, but when i see it in a desktop or any other computers the image or logo is looking aukward.

When i see the same page at different laptops or desktops where the screen widths are more than the lenghts the image looks fine.

Here i am attaching the page which shows the logo.

Please find the code below which references a image(logo) in the page.

Could any one please check this and let me know the reasons for this kind of look.

Regards,
Vikram

<TD width="40%">
<TABLE cellSpacing=0 cellPadding=0 width=209>
<TBODY>
<TR>
<TD bgColor=#0295e5>&nbsp;</TD></TR>
<TR>
<TD align=middle><A
href="http://eastyconsultants.com/index.html"><IMG
height=150 alt="Easty Consultancy Services"
src="images/logo.gif" width=339
border=0></A></TD></TR></TBODY></TABLE></TD>

<TD width="60%">
<TABLE cellSpacing=0 cellPadding=0 width=209>
<TBODY>
<TR>
<TD class=toplinks style="PADDING-RIGHT: 2px"
align=right bgColor=#fb6c00 height=20><IMG
height=8 alt="" src="images/contacttop.gif"
width=12> <A class=kk3
href="http://eastyconsultants.com/contactus.html">Contact
Us</A> | <IMG height=8 alt=""
src="images/sitemaptop.gif" width=10> <A
class=kk3
href="http://eastyconsultants.com/sitemap.html">Sitemap</A>
</TD></TR>
<TR>
<TD align=middle>
<IMG height=152 alt=""
src="images/aboutus_img.jpg"
width=479>


</TD></TR></TBODY></TABLE></TD></TR>

Hello. I am currently making a website using tables. Basically I'm collecting php data feeds from an open-source CMS and feeding the data into different table cells via a php tag in each. I'm using a single background image for the whole table as I want that image to stay the same and I can't really use CSS for this. However, I cannot keep my table the same size. Of course, when my table shifts, it knocks all my data out of line and it doesn't sit right with the background image anymore. It is only about 780 pixels wide and I don't want it to resize with browsers etc, the size it is is fine to stay like that all the time. The text that is feeding into it doesn't appear to be wrapping and then just stretches the table, even though I've specified widths etc already.

Any help would be much appreciated. Ta.

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?

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!

(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">
			&nbsp;&nbsp; <i> <a href="http://lilions.com/contact/">

			Contact The Lions</a>&nbsp;</i> 
			
			|&nbsp; <a href="http://majorkillendesign.com/">
			Site & Design Sales</a>&nbsp;&nbsp;&nbsp;</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>

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">&nbsp;</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>&nbsp;</p>      
    </blockquote>
    <div align="center"></div></td>
  </tr>
  
  <tr>
    <td height="20" colspan="6">&nbsp;</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>&nbsp;</p>
      <blockquote>
        <p><strong>How do I stop this image (background) from</strong></p>
        <p><strong> repeating???</strong> -------------------------------------------&gt;&gt;</p>
        <p>&nbsp;</p>
        <p>Without using CSS &amp; with CSS</p>
        <p>Thank you</p>
      </blockquote>      
    <p>&nbsp;</p></td>
    <td colspan="3" background="images/bodyleft.gif" valign="top"><p>&nbsp;</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">&nbsp;</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

Here is an image depicting the trouble I'm having:



I want to make a table, consisting of many cells. These cells would be fixed, and *very different* in sizes.

It's easy to make a no-space table when all the images are exactly the same size, but when you have images with a variety of sizes, the table doesn't fit perfectly.

Basically I want to create a collage of images with overlay text on each image. My idea was that I could create a table, and each cell (td) would have a background which is the image. Then I could just type in that cell, so the text would be over the image.
Then I'd do this for every one of my images, and a collage would be formed.

The problem is, the table makes large white spaces wherever the image sizes don't match!

How do I get rid of these spaces, or is there an entirely different code/approach I should be using?

Thanks!

Here is my current code:

HTML Code:

<html>
<head>
<style type="text/css">
table.nospace {
        padding: 0; margin: 0;
        border-collapse: collapse;
}
table.nospace tr {
        padding: 0; margin: 0;
}
table.nospace td {
        padding: 0; margin: 0;
}
</style>
</head>
<body>
<TABLE class="nospace" width="2040px" height="2000px" cellspacing="0px" cellpadding="0px">
<TR>

<td valign="top">
<table><tr>
<TD WIDTH="800px" HEIGHT="800px" BACKGROUND="image.jpg" VALIGN="bottom">
<h1><FONT COLOR=#ffffff>text</FONT></h1>
</TD></tr></table>
</td>

<td valign="top">
<table><tr>
<TD WIDTH="700" HEIGHT="497" BACKGROUND="image" VALIGN="bottom">
<h1><FONT COLOR=#ffffff>Text</FONT></h1>
</TD></tr></table>
</td>

<td valign="top">
<table><tr>
<TD WIDTH="700" HEIGHT="467" BACKGROUND="image.jpg" VALIGN="bottom">
<h1><FONT COLOR=#ffffff>Text</FONT></h1>
</TD></tr></table>
</td>

</TR>
</TABLE>

</body>
</html>

Is there a way so that when you click a link, it will push everything below it down and show what they requested to see.

I am planning on this for suggestions and help without users needing to re-load the page.

Thanks.

Sean

Hi all,

I have a simple table:

Code:

<table cellspacing="0" cellpadding="0">
  <tr> 
    <td colspan="3" rowspan="3">MAIN CONTENT</td>
    <td>fixed</td>
  </tr>
  <tr> 
    <td>expandable</td>
  </tr>
  <tr> 
    <td>fixed</td>
  </tr>
  <tr> 
    <td>fixed</td>
    <td>expandable</td>
    <td>fixed</td>
    <td>fixed</td>
  </tr>
</table>

The 2 expandable tds need to expand / contract depending on the height and width of the main content cell (as they will have repeating backgrounds)

When I try this it is always the other columns that expand or contract.

(BTW, this is all for a shadow border for different image sizes)

Anyone know how I can achieve this?

Thanks!

Hey i'm back and as idiotic as ever

Ok when i over fill the tables they obviously expand but it destorys my template how can i make the images replicate or expand or whatever would be best, all help is good.

Cheers

EDIT: forgot to provide template link here

Hi everybody!

OK..i am a complete newb when it comes to coding and web design. I have been trying to build a website for a new online business I'm starting. Its not finished but i thought i'd publish it and check it on a few browsers, its fine in Safari, Firefox but in IE7 it looks terrible.

Dreamweaver is telling me i have an expanding box problem. I have read around and tried a few workarounds but nothing seemed to work, but then i don't really know what i'm doing! Can anybody help?

the URL is: www.atomicaudio.co.uk

any advice would be greatly appreciated

thanks, Dan

Hi
How do you create a list that when you hover over it expands. As you can tell I'm new to HTMl.

Thanks
Bob v

wanted to get an effect like this:

http://www.azeotek.com/product_p/hg-m2.htm

as you can see when you scroll over the image it has an expanded view. obviously it's some sort of java or code i have no idea how to do.. suggestions?

How do I expand the tables here at http://www.ultdmovies.com. What would I change, and be specific, to make it a certain size in pixels, or full screen.