Remove From My Forums

בעיה עם רווח בין תאים ועוד

שאלה
0

היכנס כדי להצביע

קודם כול איך לעשות רווח בין תאים של טבלה מבלי שיזוז התא העליון (רוחבו) ,אחרי שאני שומרת ב-explorer הדף לא נראה טוב וה-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 {

width: 960px;
height: 1200px;

border: thick solid #000;
margin-right: auto;
margin-

}
#header {

width: 958px;
height: 146px;

padding-
padding-right: 0px;
padding-
border-bottom-style: solid;
border-bottom-width: medium;
border-bottom-color: #ac1c33;
margin-right: auto;
margin-

background-image: url(images/html-images/canstockphoto178167596_comp.jpg);
}
#tab {

width: 960px;
height: 54px;

background-color: #57010c;
border-bottom-width: thin;
border-bottom-style: solid;
}
#apDiv1 {

width: 960px;
height: 897px;

background-image: url(images/html-images/canstockphoto17816756009_comp.jpg);
background-repeat: repeat;
text-align: left;
}
#apDiv2 {

width: 960px;
height: 100px;

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;
direction: rtl;
}
</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" />

<param name="expressinstall" value="Scripts/expressInstall.swf" />


<object data="flash work/באנר מוסיקה.swf" type="application/x-shockwave-flash" width="760" height="84">

<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" />

<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>

</object>

</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></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" />

<param name="expressinstall" value="Scripts/expressInstall.swf" />


<object type="application/x-shockwave-flash" data="flash work/באנר דגים.swf" width="554" height="280">

<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" />

<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>

</object>

</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" />

<param name="expressinstall" value="Scripts/expressInstall.swf" />


<object type="application/x-shockwave-flash" data="flash work/גליה מסכה love.swf" width="189" height="307">

<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" />

<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>

</object>

</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" />

<param name="expressinstall" value="Scripts/expressInstall.swf" />


<object type="application/x-shockwave-flash" data="flash work/מתופפים.swf" width="550" height="400">

<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" />

<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>

</object>

</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" />

<param name="expressinstall" value="Scripts/expressInstall.swf" />


<object type="application/x-shockwave-flash" data="flash work/אייקון גליה.swf" width="189" height="383">

<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" />

<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>

</object>

</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>

התמונות

תודה גליה

יום שני 21 יולי 2014 20:44

תשובות

0

היכנס כדי להצביע
ערב טוב גליה,

עיצוב נעשה באמצעות CSS. הקרישור הבא נותן לך את כל ההגדרות שאת צריכה בהקשר לטבלה כולל הרווחים שאת מחפשת

http://www.w3schools.com/css/css_table.asp

תעברי על הקישור לעומק, ואחרי שניראה לך שאת מבחינה את התיאוריה תתחילים לשחק עם הטבלה שלך מעט עד תשגיעי למה שאת מבקשת.

הקישור הבא כולל מדריך פשו של צעד אחרי צעד. ביחד עם המדריך לומדים לבנות טבלה מעוצת תוך ניצוך כל אפשרויות של CSS כולל מה שאתמחפשת. זה יכול להיות תירגול נחמד שיעזור לך לפני שאת ניגשת לקוד שלך.

http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/

* אם עולה שאה ספציפית אחרי שאת עוברת על המדריכים, נסי לנקות את הטבלה שלך בקוד כמה שיותר ולבנות טבלה בסיסית ריקה (תוכן טקסט פשוט רק כדי שנראה היכן הרווחים). אם לא תצליחי לעצב את הטבלה הנקייה אז שימי את הקוד שהכי קרוב לתוצאה שאת מחפשת ונמשיך משם
[Personal Site] [Blog] [Facebook]
- סומן כתשובה על-ידי Eran Sharvit יום שלישי 22 יולי 2014 10:57
יום שני 21 יולי 2014 22:23

משיב

כל התגובות

0

היכנס כדי להצביע
ערב טוב גליה,

עיצוב נעשה באמצעות CSS. הקרישור הבא נותן לך את כל ההגדרות שאת צריכה בהקשר לטבלה כולל הרווחים שאת מחפשת

http://www.w3schools.com/css/css_table.asp

תעברי על הקישור לעומק, ואחרי שניראה לך שאת מבחינה את התיאוריה תתחילים לשחק עם הטבלה שלך מעט עד תשגיעי למה שאת מבקשת.

הקישור הבא כולל מדריך פשו של צעד אחרי צעד. ביחד עם המדריך לומדים לבנות טבלה מעוצת תוך ניצוך כל אפשרויות של CSS כולל מה שאתמחפשת. זה יכול להיות תירגול נחמד שיעזור לך לפני שאת ניגשת לקוד שלך.

http://www.smashingmagazine.com/2008/08/13/top-10-css-table-designs/

* אם עולה שאה ספציפית אחרי שאת עוברת על המדריכים, נסי לנקות את הטבלה שלך בקוד כמה שיותר ולבנות טבלה בסיסית ריקה (תוכן טקסט פשוט רק כדי שנראה היכן הרווחים). אם לא תצליחי לעצב את הטבלה הנקייה אז שימי את הקוד שהכי קרוב לתוצאה שאת מחפשת ונמשיך משם
[Personal Site] [Blog] [Facebook]
- סומן כתשובה על-ידי Eran Sharvit יום שלישי 22 יולי 2014 10:57
יום שני 21 יולי 2014 22:23

משיב
0

היכנס כדי להצביע

שלום!

תודה על התגובה אני אנסה

תודה גליה

יום שלישי 22 יולי 2014 00:24
0

היכנס כדי להצביע

בכיף :-)

אני שמח לעזור
[Personal Site] [Blog] [Facebook]

יום רביעי 23 יולי 2014 12:44

משיב

משיב מוביל

בעיה עם רווח בין תאים ועוד

שאלה

תשובות

כל התגובות