שלום,

אני די חדש בעסק אז תסלחו לי על שאלה בסיסית,

הכנתי שורה עם ארבעה כפתורים בגודל זהה, הכפתורים נכנסים בדיוק בשורה כך שביניהם יש רווח של 2 פיקסים, וישנו גם רווח של 2 פיקסלים עם השוליים, אני עובד עם padding ליצור את הרווח אך נתקל בבעיה, הרווח "מתעוות" - יוצא איפה שבא לו, אני אראה את הקוד :

קוד:

 
<td class="button"><a href="index.php">
<img border="0" src="images/button.bmp" /></a></td>
<td class="button"><a href="index.php">
<img border="0" src="images/button.bmp" /></a></td>	
<td class="button"><a href="index.php">
<img border="0" src="images/button.bmp" /></a></td>
<td class="last"><a href="index.php">
<img border="0" src="images/button.bmp" /></a></td> 

יש גם קובץ css שנראה כך :

קוד:

.button {
width: 102px;
height: 25px;
padding-right: 2px;
 
}

ולכפתור האחרון ( השמאלי ) ישנה שורה נפרדת שנראית כך :

קוד:

.last {
width: 102px;
height: 25px;
padding-right: 2px;
padding-left: 2px;
}

אז יוצא שכל כפתור אמור להשאיר 2 פיקסלים ימינה והאחרון משאיר שניים ימינה ושניים שמאלה, אבל זה לא עובד ! מה שאני מקבל זה שהכפתור האחרון צמוד לשלישי, ללא רווח כלל, לא משנה מה שיניתי זה לא עוזר, אשמח מאוד אם תעזרו לי, כבר שברתי את הראש, מישהו יודע איפה הבעיה ??