hello!
what you suggest to do to do more width than the width of the swf file(760) and not exact like the width of it what to do?
thanks galia
You can’t have a container which is smaller than the size of the contents and expect it to work.
You either need to increase the dimensions of the container, or decrease the dimensions of the content.
The extra gap on the top highlight item is due to the difference in cellspacing and cellpadding that you are applying to the surrounding tables. If you set all your tables to have cellspacing of zero and cellpadding of zero you will see that all those items are consistent. If you have cellspacing and cellpadding on a table then the nested table will not sit flush either.
You do however need to add back in the styles I gave you as you can’t pick and choose what you need. I added inline-block for a reason because without it vertical padding and margins on inline elements do not affect the elements height and will not behave like normal padding.
hello!
so what i have to do to set up the cellpadding and cellspacing on 0 because i want in the second table a cell space of 4 and were and how to setup inline-block and does it will work?
and i know that the browser is the real view to see the page but if it can i whant to see it good on dreamwever too.
sending the 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=windows-1255" />
<title>Untitled Document</title>
<style type="text/css">
object *{
padding:0;
margin:0;
}
#container {
position: relative;
width: 960px;
z-index: 1;
border: thick solid #000;
margin-right: auto;
margin-left: auto;
height: 1200px;
}
#header {
position: relative;
width: 958px;
height: 146px;
z-index: 2;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
border-bottom-style: solid;
border-bottom-width: medium;
border-bottom-color: #ac1c33;
margin-right: auto;
margin-left: auto;
left: 0px;
top: 0px;
background-image: url(images/html-images/canstockphoto178167596_comp.jpg);
}
#tab {
position: relative;
width: 960px;
height: 54px;
z-index: 4;
background-color: #57010c;
border-bottom-width: thin;
border-bottom-style: solid;
}
#apDiv1 {
position: relative;
width: 960px;
z-index: 5;
background-image: url(images/html-images/canstockphoto17816756009_comp.jpg);
background-repeat: repeat;
margin: 0px;
height: 897px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#apDiv2 {
position: relative;
width: 960px;
height: 98px;
z-index: 6;
background-image: url(images/html-images/canstockphoto178167567_comp.jpg);
background-repeat: repeat;
float: right;
}
.sign {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bolder;
color: #690917;
direction: rtl;
text-align: center;
}
.outside {
border: medium double #000;
}
.highlight {
background-color: #FFF;
text-align: center;
vertical-align: middle;
border: thin solid #000;
padding: 2px;
}
#apDiv4 {
position: relative;
width: 162px;
height: 180px;
z-index: 1;
float: right;
}
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<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>
</head>
<body onload="MM_preloadImages('images/html-images/home-4.jpg','images/html-images/about-4.jpg' ,'images/html-images/galleries-3.jpg','images/html-images/contect-4.jpg')">
<a name="top" class="sign" id="top"></a>
<div id="container">
<div id="header"></div>
<div id="tab">
<table width="940" border="0" cellpadding="0" cellspacing="1" style="border-bottom:2px solid black">
<tr>
<td height="52" scope="col"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contect','','images/html-images/contect-4.jpg',1)"><img src="images/html-images/contect-3.jpg" width="235" height="52" id="contect" /></a></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('galleries','','images/html-images/galleries-3.jpg',1)"><img src="images/html-images/galleries-4.jpg" width="235" height="52" id="galleries" /></a></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','images/html-images/about-4.jpg',1)"><img src="images/html-images/about-3.jpg" width="235" height="52" id="about" /></a></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/html-images/home-4.jpg',1)"><img src="images/html-images/home-3.jpg" width="235" height="52" id="home" /></a></td>
</tr>
</table>
<table width="940" border="0" cellpadding="0" cellspacing="1">
</table>
</div>
<div id="apDiv1">
<div id="apDiv4"><table width="162" height="180" border="1">
<tr>
<td width="162" height="20" class="sign">באנר דגים</td>
</tr>
<tr>
<td height="20" class="sign">מסכה love</td>
</tr>
<tr>
<td height="20" class="sign">באנר מוזיקה</td>
</tr>
<tr>
<td height="20" class="sign">מתופפים</td>
</tr>
<tr>
<td height="20" class="sign">אייקון</td>
</tr>
</table></div>
<div id="apDiv6"></div>
<div id="apDiv5"></div>
<table width="760" height="884" border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<th width="769" height="84" class="outside" scope="col"><object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="760" height="84">
<param name="movie" value="flash work/2באנר.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/2באנר.swf" width="760" height="84">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></th>
</tr>
<tr>
<td height="20" class="sign"><span class="highlight">באנר דגים </span></td>
</tr>
<tr>
<td height="771"><table width="767" height="766" border="0" cellpadding="0" cellspacing="4">
<tr align="left">
<td height="280" class="outside"><object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="551" height="280">
<param name="movie" value="flash work/באנר דגים.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/באנר דגים.swf" width="551" height="280">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
<td height="280" class="outside"><object id="FlashID3" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="189" height="280">
<param name="movie" value="flash work/גליה מסכה love.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/גליה מסכה love.swf" width="189" height="280">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
</tr>
<tr>
<td height="20" align="center" class="sign"><span class="highlight">באנר מוזיקה</span></td>
<td height="20" class="sign" ><span class="highlight">מסכה love</span></td>
</tr>
<tr>
<td height="394" align="center" class="outside"><object id="FlashID4" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="549" height="394">
<param name="movie" value="flash work/מתופפים.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/מתופפים.swf" width="549" height="394">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
<td height="394" class="outside"><object id="FlashID5" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="189" height="394">
<param name="movie" value="flash work/אייקון גליה.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/אייקון גליה.swf" width="189" height="394">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
</tr>
<tr>
<td width="559" height="21" align="center" class="sign" ><span class="highlight">מתופפים</span></td>
<td width="192" height="21" valign="top" class="sign" ><span class="highlight">אייקון</span></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div id="apDiv3"></div>
<div id="apDiv2"></div>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID2");
swfobject.registerObject("FlashID3");
swfobject.registerObject("FlashID4");
swfobject.registerObject("FlashID5");
swfobject.registerObject("FlashID");
</script>
</body>
</html>
thanks galia
I honestly do not see a point to having it look good in Dreamweaver - it’s based off a REALLY old rendering engine and is not suitable in this day and age. Not to mention that it does not accurately represent any browser that people can use. I would refrain from even looking at the design view if at all possible - it will bring no good :).
Paul has already explained that what you want is not possible with the code you are using.
You have one table nested inside another, and if you add cell-padding and cell-spacing, your nested table will not sit flush. As you don’t wish to learn modern layout techniques using divs, the best I can suggest is that you restructure what you have into a simple table. Paul has already done most of the work for you in your previous thread. I suggest you look at his code and adapt it to your current design, because you cannot achieve the result you want with the code you’re using at the moment.
Why? You are the only person who is ever going to view this site in Dreamweaver. It may be annoying that it doesn’t look quite right in Dreamweaver, but the appearance there is just a rough guide. What matters is whether it will display correctly in a browser.
hello!
Is that what you meant (see code and image), and if I want to have space between the cell of the inside table what to do?
sending code and image
<!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=windows-1255" />
<title>Untitled Document</title>
<style type="text/css">
object *{
padding:0;
margin:0;
}
#container {
position: relative;
width: 960px;
z-index: 1;
border: thick solid #000;
margin-right: auto;
margin-left: auto;
height: 1200px;
}
#header {
position: relative;
width: 958px;
height: 146px;
z-index: 2;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
border-bottom-style: solid;
border-bottom-width: medium;
border-bottom-color: #ac1c33;
margin-right: auto;
margin-left: auto;
left: 0px;
top: 0px;
background-image: url(images/html-images/canstockphoto178167596_comp.jpg);
}
#tab {
position: relative;
width: 960px;
height: 54px;
z-index: 4;
background-color: #57010c;
border-bottom-width: thin;
border-bottom-style: solid;
}
#apDiv1 {
position: relative;
width: 960px;
z-index: 5;
background-image: url(images/html-images/canstockphoto17816756009_comp.jpg);
background-repeat: repeat;
margin: 0px;
height: 897px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#apDiv2 {
position: relative;
width: 960px;
height: 98px;
z-index: 6;
background-image: url(images/html-images/canstockphoto178167567_comp.jpg);
background-repeat: repeat;
float: right;
}
.sign {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bolder;
color: #690917;
direction: rtl;
text-align: center;
}
.outside {
border: medium double #000;
}
.highlight {
background-color: #FFF;
padding: 0px;
border: thin solid #000;
direction: rtl;
display: inline-block;
}
#apDiv4 {
position: relative;
width: 162px;
height: 180px;
z-index: 1;
float: right;
}
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<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>
</head>
<body onload="MM_preloadImages('images/html-images/home-4.jpg','images/html-images/about-4.jpg' ,'images/html-images/galleries-3.jpg','images/html-images/contect-4.jpg')">
<a name="top" id="top"></a>
<div id="container">
<div id="header"></div>
<div id="tab">
<table width="940" border="0" cellpadding="0" cellspacing="1" style="border-bottom:2px solid black">
<tr>
<td height="52" scope="col"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contect','','images/html-images/contect-4.jpg',1)"><img src="images/html-images/contect-3.jpg" width="235" height="52" id="contect" /></a></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('galleries','','images/html-images/galleries-3.jpg',1)"><img src="images/html-images/galleries-4.jpg" width="235" height="52" id="galleries" /></a></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','images/html-images/about-4.jpg',1)"><img src="images/html-images/about-3.jpg" width="235" height="52" id="about" /></a></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/html-images/home-4.jpg',1)"><img src="images/html-images/home-3.jpg" width="235" height="52" id="home" /></a></td>
</tr>
</table>
<table width="940" border="0" cellpadding="0" cellspacing="1">
</table>
</div>
<div id="apDiv1">
<div id="apDiv4"><table width="162" height="180" border="1">
<tr>
<td width="162" height="20" class="sign">באנר דגים</td>
</tr>
<tr>
<td height="20" class="sign">מסכה love</td>
</tr>
<tr>
<td height="20" class="sign">באנר מוזיקה</td>
</tr>
<tr>
<td height="20" class="sign">מתופפים</td>
</tr>
<tr>
<td height="20" class="sign">אייקון</td>
</tr>
</table></div>
<div id="apDiv6"></div>
<div id="apDiv5"></div>
<table width="765" height="884" border="0" cellpadding="0" cellspacing="0">
<tr valign="top">
<th width="760" height="84" class="outside" scope="col"><object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="760" height="84">
<param name="movie" value="flash work/2באנר.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/2באנר.swf" width="760" height="84">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></th>
</tr>
<tr>
<td height="25" class="sign"><span class="highlight">באנר מוזיקה</span></td>
</tr>
<tr>
<td width="760" height="771"><table width="768" height="766" border="0" cellpadding="0" cellspacing="0">
<tr align="left">
<td width="551" height="280" class="outside"><object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="551" height="280">
<param name="movie" value="flash work/באנר דגים.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/באנר דגים.swf" width="551" height="280">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
<td width="189" height="280" class="outside"><object id="FlashID3" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="189" height="280">
<param name="movie" value="flash work/גליה מסכה love.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/גליה מסכה love.swf" width="189" height="280">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
</tr>
<tr>
<td height="25" class="sign"><span class="highlight">באנר דגים</span></td>
<td height="25" class="sign" ><span class="highlight">מסכה love</span></td>
</tr>
<tr>
<td width="559" height="394" align="center" class="outside"><object id="FlashID4" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="551" height="394">
<param name="movie" value="flash work/מתופפים.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/מתופפים.swf" width="551" height="394">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
<td width="189" height="394" class="outside"><object id="FlashID5" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="189" height="394">
<param name="movie" value="flash work/אייקון גליה.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/אייקון גליה.swf" width="189" height="394">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
</tr>
<tr>
<td height="25" class="sign" ><span class="highlight">מתופפים</span></td>
<td height="25" class="sign" ><span class="highlight">אייקון</span></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div id="apDiv3"></div>
<div id="apDiv2"></div>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID2");
swfobject.registerObject("FlashID3");
swfobject.registerObject("FlashID5");
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID4");
</script>
</body>
</html>
thanks galia
The nested table is aligned to the middle of the cell so the gap appears. If you align the nested table to the top of the cell the gap should shorten.
<td[B] style="vertical-align:top" [/B]width="760" height="771"><table width="768" height="766" border="0" cellpadding="0" cellspacing="0">
<tr align="left">
This is really a result of using too many heights on everything as there is no need for the heights on the tables or table-cells as the flash elements have their own intrinsic height.
You really should set the alignment of all the tds to top as that is what you usually want.
td {vertical-align:top}
You must be consistent and make sure everything fits in the space allocated.
hello!
first is it good what i did and Do i write this code to all td or rules per table and what can i do if i whant a space between the inside table?
sending the 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=windows-1255" />
<title>Untitled Document</title>
<style type="text/css">
object *{
padding:0;
margin:0;
}
#container {
position: relative;
width: 960px;
z-index: 1;
border: thick solid #000;
margin-right: auto;
margin-left: auto;
height: 1200px;
}
#header {
position: relative;
width: 958px;
height: 146px;
z-index: 2;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
border-bottom-style: solid;
border-bottom-width: medium;
border-bottom-color: #ac1c33;
margin-right: auto;
margin-left: auto;
left: 0px;
top: 0px;
background-image: url(images/html-images/canstockphoto178167596_comp.jpg);
}
#tab {
position: relative;
width: 960px;
height: 54px;
z-index: 4;
background-color: #57010c;
border-bottom-width: thin;
border-bottom-style: solid;
}
#apDiv1 {
position: relative;
width: 960px;
z-index: 5;
background-image: url(images/html-images/canstockphoto17816756009_comp.jpg);
background-repeat: repeat;
margin: 0px;
height: 897px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#apDiv2 {
position: relative;
width: 960px;
height: 98px;
z-index: 6;
background-image: url(images/html-images/canstockphoto178167567_comp.jpg);
background-repeat: repeat;
float: right;
}
.sign {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bolder;
color: #690917;
direction: rtl;
text-align: center;
}
.outside {
border: medium double #000;
}
.highlight {
background-color: #FFF;
padding: 0px;
border: thin solid #000;
direction: rtl;
display: inline-block;
}
#apDiv4 {
position: relative;
width: 162px;
height: 180px;
z-index: 1;
float: right;
}
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<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>
</head>
<body onload="MM_preloadImages('images/html-images/home-4.jpg','images/html-images/about-4.jpg' ,'images/html-images/galleries-3.jpg','images/html-images/contect-4.jpg')">
<a name="top" id="top"></a>
<div id="container">
<div id="header"></div>
<div id="tab">
<table width="940" border="0" cellpadding="0" cellspacing="1" style="border-bottom:2px solid black">
<tr>
<td height="52" scope="col"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contect','','images/html-images/contect-4.jpg',1)"><img src="images/html-images/contect-3.jpg" width="235" height="52" id="contect" /></a></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('galleries','','images/html-images/galleries-3.jpg',1)"><img src="images/html-images/galleries-4.jpg" width="235" height="52" id="galleries" /></a></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','images/html-images/about-4.jpg',1)"><img src="images/html-images/about-3.jpg" width="235" height="52" id="about" /></a></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/html-images/home-4.jpg',1)"><img src="images/html-images/home-3.jpg" width="235" height="52" id="home" /></a></td>
</tr>
</table>
<table width="940" border="0" cellpadding="0" cellspacing="1">
</table>
</div>
<div id="apDiv1">
<div id="apDiv4"><table width="162" height="180" border="1">
<tr>
<td width="162" height="20" class="sign">באנר דגים</td>
</tr>
<tr>
<td height="20" class="sign">מסכה love</td>
</tr>
<tr>
<td height="20" class="sign">באנר מוזיקה</td>
</tr>
<tr>
<td height="20" class="sign">מתופפים</td>
</tr>
<tr>
<td height="20" class="sign">אייקון</td>
</tr>
</table></div>
<div id="apDiv6"></div>
<div id="apDiv5"></div>
<table width="765" height="884" border="0" cellpadding="0" cellspacing="0">
<tr>
<th width="760" height="84" class="outside" scope="col"><object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="760" height="84">
<param name="movie" value="flash work/2באנר.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/2באנר.swf" width="760" height="84">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></th>
</tr>
<tr>
<td height="25" class="sign"><span class="highlight">באנר מוזיקה</span></td>
</tr>
<tr>
<td style="vertical-align:top" td width="760" height="771"><table width="768" height="766" border="0" cellpadding="0" cellspacing="0">
<tr align="left">
<td width="551" height="280" align="center" class="outside"><object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="551" height="280">
<param name="movie" value="flash work/באנר דגים.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/באנר דגים.swf" width="551" height="280">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
<td width="189" height="280" align="left" class="outside"><object id="FlashID3" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="189" height="280">
<param name="movie" value="flash work/גליה מסכה love.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/גליה מסכה love.swf" width="189" height="280">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
</tr>
<tr>
<td height="25" align="center" class="sign"><span class="highlight">באנר דגים</span></td>
<td height="25" class="sign" ><span class="highlight">מסכה love</span></td>
</tr>
<tr>
<td width="559" height="394" align="center" class="outside"><object id="FlashID4" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="551" height="394">
<param name="movie" value="flash work/מתופפים.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/מתופפים.swf" width="551" height="394">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
<td width="189" height="394" align="center" class="outside"><object id="FlashID5" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="189" height="394">
<param name="movie" value="flash work/אייקון גליה.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/אייקון גליה.swf" width="189" height="394">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
</tr>
<tr>
<td height="25" align="center" class="sign" ><span class="highlight">מתופפים</span></td>
<td height="25" class="sign" ><span class="highlight">אייקון</span></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div id="apDiv3"></div>
<div id="apDiv2"></div>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID2");
swfobject.registerObject("FlashID3");
swfobject.registerObject("FlashID5");
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID4");
</script>
</body>
</html>
the image
thanks galia
I want to ask something else is all if i was worth it to do it all in divim?
You have asked that question several times before, and we have answered. Paul answered in some depth last time, so I won’t repeat it here.
Only you can make the decision.
Do you want to put in some time learning correct, modern techniques, or not?
Try something like this:
table{border-spacing:2px}
table table{margin-top:-2px}
hello!
were and how to put the code is it to do new class for spacing or someting alse?
thanks galia
Can you rephrase that? I do not understand what you mean. You can set a class on the table HTML to target that specifically and update the CSS with the appropriate class.
hello!
i meant where and how to put the code and is it with a new or class that i already have?
thanks galia
The CSS that Paul posted can just go anywhere in your .css file. Although I would take my advice about putting a class on it and changing the HTML accordingly, otherwise all tables on your website will have the same effects that Paul just gave and they may not need that.
hello!
is that what he meant because it is not doing any spacing between the cells what to do?
sending 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=windows-1255" />
<title>Untitled Document</title>
<style type="text/css">
object *{
padding:0;
margin:0;
}
#container {
position: relative;
width: 960px;
z-index: 1;
border: thick solid #000;
margin-right: auto;
margin-left: auto;
height: 1200px;
}
#header {
position: relative;
width: 958px;
height: 146px;
z-index: 2;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
border-bottom-style: solid;
border-bottom-width: medium;
border-bottom-color: #ac1c33;
margin-right: auto;
margin-left: auto;
left: 0px;
top: 0px;
background-image: url(images/html-images/canstockphoto178167596_comp.jpg);
}
#tab {
position: relative;
width: 960px;
height: 54px;
z-index: 4;
background-color: #57010c;
border-bottom-width: thin;
border-bottom-style: solid;
}
#apDiv1 {
position: relative;
width: 960px;
z-index: 5;
background-image: url(images/html-images/canstockphoto17816756009_comp.jpg);
background-repeat: repeat;
margin: 0px;
height: 897px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#apDiv2 {
position: relative;
width: 960px;
height: 98px;
z-index: 6;
background-image: url(images/html-images/canstockphoto178167567_comp.jpg);
background-repeat: repeat;
float: right;
}
.sign {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bolder;
color: #690917;
direction: rtl;
text-align: center;
white-space: nowrap;
}
.outside {
border: medium double #000;
}
.highlight {
background-color: #FFF;
direction: rtl;
border: thin solid #000;
font-size: 16px;
padding: 1px;
-webkit-transition: all;
-moz-transition: all;
-ms-transition: all;
-o-transition: all;
transition: all;
}
#apDiv4 {
position: relative;
width: 162px;
height: 180px;
z-index: 1;
float: right;
}
table{border-spacing:2px}
table {margin-top:-2px}
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<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>
</head>
<body onload="MM_preloadImages('images/html-images/home-4.jpg','images/html-images/about-4.jpg' ,'images/html-images/galleries-3.jpg','images/html-images/contect-4.jpg')">
<a name="top" id="top"></a>
<div id="container">
<div id="header"></div>
<div id="tab">
<table width="940" border="0" cellpadding="0" cellspacing="1" style="border-bottom:2px solid black">
<tr>
<td height="52" scope="col"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contect','','images/html-images/contect-4.jpg',1)"><img src="images/html-images/contect-3.jpg" width="235" height="52" id="contect" /></a></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('galleries','','images/html-images/galleries-3.jpg',1)"><img src="images/html-images/galleries-4.jpg" width="235" height="52" id="galleries" /></a></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','images/html-images/about-4.jpg',1)"><img src="images/html-images/about-3.jpg" width="235" height="52" id="about" /></a></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/html-images/home-4.jpg',1)"><img src="images/html-images/home-3.jpg" width="235" height="52" id="home" /></a></td>
</tr>
</table>
<table width="940" border="0" cellpadding="0" cellspacing="1">
</table>
</div>
<div id="apDiv1">
<div id="apDiv4"><table width="162" height="180" border="1">
<tr>
<td width="162" height="20" class="sign">באנר דגים</td>
</tr>
<tr>
<td height="20" class="sign">מסכה love</td>
</tr>
<tr>
<td height="20" class="sign">באנר מוזיקה</td>
</tr>
<tr>
<td height="20" class="sign">מתופפים</td>
</tr>
<tr>
<td height="20" class="sign">אייקון</td>
</tr>
</table></div>
<div id="apDiv6"></div>
<div id="apDiv5"></div>
<table width="765" height="876" border="0" cellpadding="0" cellspacing="0">
<tr>
<th width="760" height="84" class="outside" scope="col"><object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="760" height="84">
<param name="movie" value="flash work/2באנר.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/2באנר.swf" width="760" height="84">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></th>
</tr>
<tr>
<td height="25" class="sign"><span class="highlight">באנר מוזיקה</span></td>
</tr>
<tr>
<td style="vertical-align:top" td width="760" height="759"><table width="768" height="759" border="0" cellpadding="0" cellspacing="0">
<tr align="left">
<td width="551" height="280" align="center" class="outside"><object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="551" height="280">
<param name="movie" value="flash work/באנר דגים.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/באנר דגים.swf" width="551" height="280">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
<td width="189" height="280" align="center" class="outside"><object id="FlashID3" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="189" height="280">
<param name="movie" value="flash work/גליה מסכה love.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/גליה מסכה love.swf" width="189" height="280">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
</tr>
<tr>
<td height="25" align="center" class="sign"><span class="highlight">באנר דגים</span></td>
<td height="25" align="center" class="sign" ><span class="highlight">מסכה love</span></td>
</tr>
<tr>
<td width="559" height="394" align="center" class="outside"><object id="FlashID4" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="551" height="394">
<param name="movie" value="flash work/מתופפים.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/מתופפים.swf" width="551" height="394">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
<td width="189" height="394" align="center" class="outside"><object id="FlashID5" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="189" height="394">
<param name="movie" value="flash work/אייקון גליה.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/אייקון גליה.swf" width="189" height="394">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
</tr>
<tr>
<td height="25" align="center" class="sign" ><span class="highlight">מתופפים</span></td>
<td height="25" align="center" class="sign" ><span class="highlight">אייקון</span></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div id="apDiv3"></div>
<div id="apDiv2"></div>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID2");
swfobject.registerObject("FlashID3");
swfobject.registerObject("FlashID5");
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID4");
</script>
</body>
</html>
and image
thanks galia
Well for one, you copied Pauls code incorrectly. Please look what you have in your code and compare what Paul gave.
With Pauls code, I can see the gap between cells, and if I increase the values of Pauls code I can see the gap increase.
hello!
Is it right now because I thought it was a mistake when he writes a table twice and if I want to increase the gap do i need to increase both?
sending 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=windows-1255" />
<title>Untitled Document</title>
<style type="text/css">
object *{
padding:0;
margin:0;
}
#container {
position: relative;
width: 960px;
z-index: 1;
border: thick solid #000;
margin-right: auto;
margin-left: auto;
height: 1200px;
}
#header {
position: relative;
width: 958px;
height: 146px;
z-index: 2;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
border-bottom-style: solid;
border-bottom-width: medium;
border-bottom-color: #ac1c33;
margin-right: auto;
margin-left: auto;
left: 0px;
top: 0px;
background-image: url(images/html-images/canstockphoto178167596_comp.jpg);
}
#tab {
position: relative;
width: 960px;
height: 54px;
z-index: 4;
background-color: #57010c;
border-bottom-width: thin;
border-bottom-style: solid;
}
#apDiv1 {
position: relative;
width: 960px;
z-index: 5;
background-image: url(images/html-images/canstockphoto17816756009_comp.jpg);
background-repeat: repeat;
margin: 0px;
height: 897px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
#apDiv2 {
position: relative;
width: 960px;
height: 98px;
z-index: 6;
background-image: url(images/html-images/canstockphoto178167567_comp.jpg);
background-repeat: repeat;
float: right;
}
.sign {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bolder;
color: #690917;
direction: rtl;
text-align: center;
white-space: nowrap;
}
.outside {
border: medium double #000;
}
.highlight {
background-color: #FFF;
direction: rtl;
border: thin solid #000;
font-size: 16px;
padding: 1px;
-webkit-transition: all;
-moz-transition: all;
-ms-transition: all;
-o-transition: all;
transition: all;
}
#apDiv4 {
position: relative;
width: 162px;
height: 180px;
z-index: 1;
float: right;
}
table{border-spacing:2px}
table table{margin-top:-2px}
</style>
<script src="Scripts/swfobject_modified.js" type="text/javascript"></script>
<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>
</head>
<body onload="MM_preloadImages('images/html-images/home-4.jpg','images/html-images/about-4.jpg' ,'images/html-images/galleries-3.jpg','images/html-images/contect-4.jpg')">
<a name="top" id="top"></a>
<div id="container">
<div id="header"></div>
<div id="tab">
<table width="940" border="0" cellpadding="0" cellspacing="1" style="border-bottom:2px solid black">
<tr>
<td height="52" scope="col"><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('contect','','images/html-images/contect-4.jpg',1)"><img src="images/html-images/contect-3.jpg" width="235" height="52" id="contect" /></a></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('galleries','','images/html-images/galleries-3.jpg',1)"><img src="images/html-images/galleries-4.jpg" width="235" height="52" id="galleries" /></a></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('about','','images/html-images/about-4.jpg',1)"><img src="images/html-images/about-3.jpg" width="235" height="52" id="about" /></a></td>
<td><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('home','','images/html-images/home-4.jpg',1)"><img src="images/html-images/home-3.jpg" width="235" height="52" id="home" /></a></td>
</tr>
</table>
<table width="940" border="0" cellpadding="0" cellspacing="1">
</table>
</div>
<div id="apDiv1">
<div id="apDiv4"><table width="162" height="180" border="1">
<tr>
<td width="162" height="20" class="sign">באנר דגים</td>
</tr>
<tr>
<td height="20" class="sign">מסכה love</td>
</tr>
<tr>
<td height="20" class="sign">באנר מוזיקה</td>
</tr>
<tr>
<td height="20" class="sign">מתופפים</td>
</tr>
<tr>
<td height="20" class="sign">אייקון</td>
</tr>
</table></div>
<div id="apDiv6"></div>
<div id="apDiv5"></div>
<table width="765" height="876" border="0" cellpadding="0" cellspacing="0">
<tr>
<th width="760" height="84" class="outside" scope="col"><object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="760" height="84">
<param name="movie" value="flash work/2באנר.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/2באנר.swf" width="760" height="84">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></th>
</tr>
<tr>
<td height="25" class="sign"><span class="highlight">באנר מוזיקה</span></td>
</tr>
<tr>
<td style="vertical-align:top" td width="760" height="759"><table width="768" height="759" border="0" cellpadding="0" cellspacing="0">
<tr align="left">
<td width="551" height="280" align="center" class="outside"><object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="551" height="280">
<param name="movie" value="flash work/באנר דגים.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/באנר דגים.swf" width="551" height="280">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
<td width="189" height="280" align="center" class="outside"><object id="FlashID3" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="189" height="280">
<param name="movie" value="flash work/גליה מסכה love.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/גליה מסכה love.swf" width="189" height="280">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
</tr>
<tr>
<td height="25" align="center" class="sign"><span class="highlight">באנר דגים</span></td>
<td height="25" align="center" class="sign" ><span class="highlight">מסכה love</span></td>
</tr>
<tr>
<td width="559" height="394" align="center" class="outside"><object id="FlashID4" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="551" height="394">
<param name="movie" value="flash work/מתופפים.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/מתופפים.swf" width="551" height="394">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
<td width="189" height="394" align="center" class="outside"><object id="FlashID5" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="189" height="394">
<param name="movie" value="flash work/אייקון גליה.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don’t want users to see the prompt. -->
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
<!--[if !IE]>-->
<object type="application/x-shockwave-flash" data="flash work/אייקון גליה.swf" width="189" height="394">
<!--<![endif]-->
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="swfversion" value="11.0.0.0" />
<param name="expressinstall" value="Scripts/expressInstall.swf" />
<!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
<div>
<h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
<p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
</div>
<!--[if !IE]>-->
</object>
<!--<![endif]-->
</object></td>
</tr>
<tr>
<td height="25" align="center" class="sign" ><span class="highlight">מתופפים</span></td>
<td height="25" align="center" class="sign" ><span class="highlight">אייקון</span></td>
</tr>
</table></td>
</tr>
</table>
</div>
<div id="apDiv3"></div>
<div id="apDiv2"></div>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID2");
swfobject.registerObject("FlashID3");
swfobject.registerObject("FlashID5");
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID4");
</script>
</body>
</html>
thanks galia
table table{} will select the second level of table (and not the top) and all children tables of it. If you want to increase the value, yes both must increase. Match the values (one is a negative value though). Play with it :).