אשמח אם תעזור לי
קטע קוד HTML

קוד:

 

	   <td class="header2_2_2">
	   <span class="ok"><a href="index.php">
	   ראשי</a></span>
	   <span class="tafrit"><a href="index.php">תחומים</a> </span> 
		 <span class="tafrit"><a href="index.php">הירשם</a> </span>
		 <span class="tafrit"><a href="index.php">מפרסמים</a> </span>
		 <span class="tafrit"><a href="index.php">מי אנחנו</a></span>
		
			 
			 </td>
 
 
 

קטע קוד
CSS:

קוד:

 
.tafrit{ display:block; float:right; padding-left:1px;}
.tafrit a{ display:block; background:url('images/m1.gif') no-repeat; color:black; width="101"; height="42"; font-weight:bold;
font-size:14px; font-family:tahoma; padding-left:25px; padding-top:14px; text-decoration:none;}
.tafrit a:hover{ display:block; background:url('images/m1_1.gif') no-repeat; color:#FFFFFF; width="101"; height="42"; font-weight:bold;
font-size:14px;  font-family:tahoma; padding-left:25px; padding-top:14px; text-decoration:none;}
}
.ok {display:block; float:right; padding-right:10px;}
.ok a{ display:block; background:url('images/m1_1.gif') no-repeat; color:white; width="101"; height="42"; font-weight:bold;
font-size:16px; font-family:tahoma; padding-left:25px; padding-top:14px; text-decoration:none;}
 
 
 

וזה הדף:
http://thechanges.net
ב
IE
עובד יפה

ב FF
מבולגן

אני מדבר על התפריט למי שלא הבין עד עכשיו


תודה ענקית מראש!

יש פער בין הגדרות ברירת המחדל של ה- padding וה- margin של IE ופיירפוקס.
תאפס אותם

קוד:

* {margin: 0; padding: 0;}

ואז תתקן את המיקומים וזה יהיה (ככל הנראה) בסדר בכל הפדפנים

עדיין לא עובד...

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

מה עושים?

ב-IE6 זה עובד נורא בגלל שכל פעם הוא טוען את התמונה מחדש (לא מבין מה הבעיה שלו לטעון מה-cache), וזה גורם לתפריט להיראות כאילו יש בו תקלה.

דבר שני, כתבת קוד CSS לא תקין.
שים לב:

קוד:

 width="101"; height="42";

כאשר קוד ה-CSS התקין החלופי הוא:

קוד:

width:101px; height:42px;

תקן את כל שגיאות ה-CSS.
אם אינך זוכר או בטוח מהו התחביר הנכון, תסתכל בעמוד הבא: http://www.w3schools.com/css/css_syntax.asp
אח"כ תחזור אלינו עם התוצאה...

תודה על התגובה,
חח כן, נכון,
יש דברים שלא רשמתי נכון וסדרתי את זה אבל עדיין לא עובד...
שמתי את זה ב
http://jigsaw.w3.org/css-validator/validator

ואני רוןאה שעכשיו הכל תקין...

בבקשה עזרה

קוד:

 
 
 
 
.tafrit{  display:block; padding-left:1px; float:right; width:auto;}
.tafrit a{ display:block; background:url('images/m1.gif') no-repeat; color:black; width:101px; height:42px; font-weight:bold;
font-size:14px; font-family:tahoma; padding-left:25px; padding-top:14px; text-decoration:none;}
.tafrit a:hover{ background:url('images/m1_1.gif') no-repeat; color:#FFFFFF; width:101px; height:42px; font-weight:bold;
font-size:14px;  font-family:tahoma; padding-left:25px; padding-top:14px; text-decoration:none;}
}
 

.ok { display:block; padding-right:10px; float:right; width:auto;}
.ok a{ display:block; background:url('images/m1_1.gif') no-repeat; color:white; width:101px; height:42px; font-weight:bold;
font-size:16px; font-family:tahoma; padding-left:25px; padding-top:14px; text-decoration:none;}

 
 

לא משנה הצלחתי
אפשר לנעול
תודה בכל מקרה למי שניסה

אשמח אם תגיד לנו מה הפתרון?