hello!
How to change the cell border after I created a table
thanks galia
Please describe how you would like to change the cell border. From what, To what.
If you are talking of a table, as I suppose, just include the border property and the values you want to add to the “td” or “th” elements in the table:
th, td {
border: 3px solid #000;
}
And please, read out the contents in the following sections of this same site:
hello!
I want that the border around the cell will be thicker like a picture frame
thanks galia
Did you try Jose’s code above?
If that’s not what you wanted then you may need to explain a bit more what your picture frame looks like 
If you are after the ugly old style default borders with spacing between cells then that can be achieved but we really need to know what you are looking for.
hello!
First of all I do not know where to put the code and yes I want the cell border will be thicker with a little more space between the cells (I have swf files inside them)
i am sending the code and the picture
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;
height: 1200px;
z-index: 1;
border: thick solid #000;
margin-right: auto;
margin-left: auto;
}
#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;
height: 897px;
z-index: 5;
background-image: url(images/html-images/canstockphoto17816756009_comp.jpg);
background-repeat: repeat;
text-align: left;
}
#apDiv2 {
position: relative;
width: 960px;
height: 100px;
z-index: 6;
background-image: url(images/html-images/canstockphoto178167567_comp.jpg);
background-repeat: repeat;
}
</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">
<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">
<table width="766" height="863" border="1">
<tr>
<td width="756"><object id="FlashID" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="760" height="84">
<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="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></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td height="745" valign="top"><table width="759" height="740" border="1">
<tr>
<td width="554" height="96" valign="top"><object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="554" 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="554" 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" valign="top"><object id="FlashID4" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="189" height="307">
<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="307">
<!--<![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"> </td>
<td> </td>
</tr>
<tr>
<td height="61" valign="top"><object id="FlashID3" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400">
<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="550" height="400">
<!--<![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 valign="top"><object id="FlashID5" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="189" height="383">
<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="383">
<!--<![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"> </td>
<td> </td>
</tr>
</table></td>
</tr>
</table>
</div>
<div id="apDiv3"></div>
<div id="apDiv2"></div>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID2");
swfobject.registerObject("FlashID4");
swfobject.registerObject("FlashID3");
swfobject.registerObject("FlashID5");
</script>
</body>
</html>
the picture
thanks galia
That code is partying like its 1999
Add a class to the table tag (or tags) of whose borders you want to style and then use the following rules to style the cells as you wish.
.my-table {
border-collapse:separate;/* gaps between cells*/
border-spacing:10px;/* space outside the cells - only applies if border-collapse is the separate value */
/*border-collapse:collapse; if you don't want a gap between cells then use this instead*/
}
.my-table td {
border:5px solid blue;
padding:5px;/* padding inside the cells*/
}
<table class="my-table" etc...
hello!
Do I need to make outdoor or indoor class?
and does it matter when the swf file is inside becuse i try an outside class and it did not change the border
thanks galia
Hi,
I’m not quite understanding what you are saying there but if you look at my last reply you apply the class like this:
<table class="my-table" etc...
You should apply that class to the nested tables that hold your swfs. If you apply the css and the classes I have shown above to the code that you posted you will soon see where the borders are being applied. Just use a red colour so you can see them easily.
The borders in your existing tables are made with the deprecated border=1 attribute that you added to the table but that is from 1999 as I mentioned before.
If you have a live link to the page it may be easier for us to debug for you.
helllo!
now the border class is good but in my first cell above the cell Expands because of the border and it also do it down how to fix it and also i do border 0 to the second table that inside the big table and after i save it still show in the frame of the table what to do? and how to do a little bit space between the cells?
sending files
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;
height: 1200px;
z-index: 1;
border: thick solid #000;
margin-right: auto;
margin-left: auto;
}
#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;
height: 897px;
z-index: 5;
background-image: url(images/html-images/canstockphoto17816756009_comp.jpg);
background-repeat: repeat;
text-align: left;
}
#apDiv2 {
position: relative;
width: 960px;
height: 100px;
z-index: 6;
background-image: url(images/html-images/canstockphoto178167567_comp.jpg);
background-repeat: repeat;
}
</style><link href="style 1.css" rel="stylesheet" type="text/css" />
<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">
<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">
<table width="766" height="863" border="0">
<td width="756" class="outside"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="760" height="84" id="FlashID">
<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 data="flash work/באנר מוסיקה.swf" type="application/x-shockwave-flash" 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></td>
</tr>
<tr>
<td> </td>
</tr>
<tr>
<td height="745" valign="top" class="outside"><table width="759" height="775" border="0">
<tr></tr>
<tr>
<td width="554" height="96" valign="top" class="outside"><object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="554" 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="554" 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" valign="top" class="outside"><object id="FlashID4" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="189" height="307">
<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="307">
<!--<![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"> </td>
<td> </td>
</tr>
<tr class="outside">
<td height="61" valign="top" class="outside"><object id="FlashID3" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400">
<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="550" height="400">
<!--<![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 valign="top" class="outside"><object id="FlashID5" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="189" height="383">
<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="383">
<!--<![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="18"> </td>
<td> </td>
</tr>
</table></td>
</tr>
</table>
</div>
<div id="apDiv3"></div>
<div id="apDiv2"></div>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID2");
swfobject.registerObject("FlashID4");
swfobject.registerObject("FlashID3");
swfobject.registerObject("FlashID5");
</script>
</body>
</html>
the image
thanks galia
Can you put this online somewhere as I need to see it in working order to debug properly?
You can use something like codepen but you will still need to host your images and flash files somewhere as the layout is dependent on them being present.
hello!
first my problem with the border class is good now but on the first cell that is up there is spacing and when i save the file on chrome it is looking good but on explorer it is not looking good what to do and how to do some little bit spacing on the four of the Other cells?
sending files
the swf files
thanks galia.
hello!
i am sending again the swf files you can see them in my last message
http:/http://megaswf.com/s/2674724
http://megaswf.com/s/2674724
http://megaswf.com/s/2674727
http://megaswf.com/s/2674728
http://megaswf.com/s/2674730
thanks galia
Hi,
I really think we need to start again as your code is hard to work with and heading in the wrong direction.
Here’s how you should layout that section more simply without so many tables or javascript rollovers.
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
html, body, ul {
margin:0;
padding:0;
}
a img {border:none}
ul {list-style:none}
body {padding:10px 0;}
.clearfix:after {/* contain floats*/
content:" ";
clear:both;
display:block;
height:0;
visibility:hidden;
}
.clearfix{zoom:1.0}/* contain floats*/
object, embed {
padding:0;
margin:0;
display:block;
}
#container {
width: 958px;
border: 3px solid #000;
margin: auto;
}
#header {margin:0;}
#header img {display:block}
ul#nav {
padding:0 9px;
background-color: #57010c;
border-bottom:1px solid #000;
}
ul#nav li, ul#nav li a {
width:235px;
height:52px;
text-decoration:none;
float:left;
}
li.menu1 {background:url(html-images/contect-4.jpg) no-repeat 0 0}
li.menu2 {background:url(html-images/galleries-3.jpg) no-repeat 0 0}
li.menu3 {background:url(html-images/contect-4.jpg) no-repeat 0 0}
li.menu4 {background:url(html-images/contect-4.jpg) no-repeat 0 0}
ul#nav li a:hover {visibility:visible}
ul#nav li a:hover img {visibility:hidden}
#main {background: url(html-images/canstockphoto17816756009_comp.jpg) repeat 0 0;}
.maintable {
border-collapse:separate;
border-spacing:5px 20px;
}
.maintable td {
border:3px double red;
vertical-align:middle;
text-align:center;
padding:5px;
}
</style>
</head>
<body>
<div id="container">
<h1 id="header"><img src="html-images/canstockphoto178167596_comp.jpg" width="958" height="146" alt="Galleries"></h1>
<ul id="nav" class="clearfix">
<li class="menu1"><a href="#"><img src="html-images/contect-3.jpg" width="235" height="52" alt="Item 1"></a></li>
<li class="menu2"><a href="#"><img src="html-images/galleries-4.jpg" width="235" height="52" alt="Item 1"></a></li>
<li class="menu3"><a href="#"><img src="html-images/about-3.jpg" width="235" height="52" alt="Item 1"></a></li>
<li class="menu4"><a href="#"><img src="html-images/home-3.jpg" width="235" height="52" alt="Item 1"></a></li>
</ul>
<div id="main">
<table class="maintable">
<tr>
<td colspan="2"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="760" height="84" id="FlashID">
<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 data="flash work/באנר מוסיקה.swf" type="application/x-shockwave-flash" 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></td>
</tr>
<tr>
<td><object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="554" 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="554" 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><object id="FlashID4" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="189" height="307">
<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="307">
<!--<![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 ><object id="FlashID3" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400">
<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="550" height="400">
<!--<![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><object id="FlashID5" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="189" height="383">
<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="383">
<!--<![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>
</table>
</div>
<!-- end main -->
</div>
<!-- end container -->
</body>
</html>
I’ve left the flash in your tables so that you have some similarity to work with but really tables should only be used for tabular content and not layout. If you check the zip out you will see that everything falls into position more easily and then we can adress what changes you need to make. I am a little unsure why your table is to the left unless you were later thinking of adding a sidebar perhaps.
hello!
first thank you come back
I do not know this method it seems more difficult and I know they did not do this method to arrange pictures or video to someone neat Could you explain to me the usual method
i am sending to you the code and image
and yes i put the table on the leaft and on the right i am putting two rounded table/div
<!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;
height: 1200px;
z-index: 1;
border: thick solid #000;
margin-right: auto;
margin-left: auto;
}
#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;
height: 897px;
z-index: 5;
background-image: url(images/html-images/canstockphoto17816756009_comp.jpg);
background-repeat: repeat;
text-align: left;
}
#apDiv2 {
position: relative;
width: 960px;
height: 100px;
z-index: 6;
background-image: url(images/html-images/canstockphoto178167567_comp.jpg);
background-repeat: repeat;
}
.sign {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bolder;
color: #F00;
text-align: center;
}
</style><link href="style 1.css" rel="stylesheet" type="text/css" />
<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">
<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">
<table width="772" height="863" border="0">
<td width="760" class="outside"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="760" height="84" id="FlashID">
<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 data="flash work/באנר מוסיקה.swf" type="application/x-shockwave-flash" 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></td>
</tr>
<tr>
<td class="sign">באנר מוזיקה</td>
</tr>
<tr>
<td height="745" valign="top"><table width="760" height="775" border="0" cellspacing="2">
<tr></tr>
<tr></tr>
<tr></tr>
<tr>
<td width="554" height="96" align="center" valign="middle" class="outside"><object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="554" 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="554" 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" valign="top" class="outside"><object id="FlashID4" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="189" height="307">
<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="307">
<!--<![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" class="sign">באנר דגים</td>
<td class="sign">מסכה love</td>
</tr>
<tr class="outside">
<td height="61" align="center" valign="top" class="outside"><object id="FlashID3" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="550" height="400">
<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="550" height="400">
<!--<![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 valign="middle" class="outside"><object id="FlashID5" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="189" height="383">
<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="383">
<!--<![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="18" class="sign">להקת מתופפים</td>
<td class="sign">לוגו</td>
</tr>
</table></td>
</tr>
</table>
</div>
<div id="apDiv3"></div>
<div id="apDiv2"></div>
</div>
<script type="text/javascript">
swfobject.registerObject("FlashID");
swfobject.registerObject("FlashID2");
swfobject.registerObject("FlashID4");
swfobject.registerObject("FlashID5");
swfobject.registerObject("FlashID3");
</script>
</body>
</html>
image
thanks galia
The space between cells is controlled with border-spacing in css (as in my example) or with the cellspacing attribute in old school deprecated mark up. Just adjust it to suit either with your old school methods (not advised) or with the css examples I have already given…
The space inside a cell is controlled with padding on the td element in CSS and with the cellpadding attribute in old school deprecated mark up (same comments as above).
I do not know this method it seems more difficult and I know they did not do this method to arrange pictures or video
The videos are still in their tables so there was no change there apart from removing all the junk attributes you had in the tags themselves.
The navigation however was changed to modern CSS as your method is not used these days and should not exist in a modern web page. I will not help with your old school mark up in the navigation as that just propagates bad behaviour and techniques but can explain the CSS methods used if you are interested in learning? There’s not much point in me just offering quick fixes as they are easily broken with your old school mark up and indeed it may not be possible to fix issues with the mark up you are using anyway.
You need to keep things simple and even if you use tables you should avoid nested tables and keep them clean and simple and easy to control. You don’t need to keep setting heights and width on everything in your table and indeed height was never really valid for tables as its the content that dictates the height.
Look at the page I gave you and see how much simpler the html is and how it all falls into place without trying. If you want me to explain how the CSS navigation works then I can run you through the techniques required but will require some willingness on your part to learn how this is accomplished.
hello!
should i Instead of tables to do it with divis what do you think?
thanks galia
It all depends on what you bas your criteria?
If this is the one and only site that you will ever do and you don’t want visitors then you can do it however you want to get the job done.
If on the other hand you are looking to make a viable site and learn the correct techniques at the same time then you should delve into CSS a little more and work your way through the processes required. Sometimes it is easier to shove it all in a table when all you know is tables but that doesn’t make it right or the best approach. CSS will be a bit of a steep learning curve at first but it soon gets easier for most of the basic layouts.
If this is just a personal site that only you will look at and you aren’t interested in web design then there’s not much point in spending months learning how to do it properly and you can get away with doing whatever it takes it get the job done quickly. It’s your choice really and depends on what your aims are for the site and whether you wish to improve your skills along the way.
I’ve given you a good start in the zip I attached so take a while to run through it and play with and try to understand how it works. When you get stuck you can ask questions but only after you have tried something yourself or do not understand how something works. Playing around with code is a good way to learn but it also helps to understand the basics and there are many sites around that will teach the basics of CSS.
hello!
i want to learn the technique but this is my final project of the course that i have to
Submit my work and that what i was learned what do you think i should do?
thanks galia