יש לי קישור כלשהו ועיצבתי אותו בCSS
עשיתי לו padding מארבעה כיוונים שונים..

קוד:

	padding: 3px 3px 3px 10px;
	padding:4px 10px;

גם ככה לא עובד:

קוד:

	padding-top:3px;
	padding-bottom:3px;
	padding-left:10px;
	padding-right:10px;

הבעייה היא שבשוליו לא נוצר padding כאשר העמוד מוגדר על rtl

אבל כאשר העמוד על ltr יש padding בשוליים של התא, מה קורה פה ?

קישור: http://uzone-il.net/stepbystep/index.php

אפשר לראות שבכפתור "גנן גידל דגן בגן" אין paddig בצדדים
לעומת זאת זה אותו עמוד בדיוק רק עם יישור לשמאל:
http://uzone-il.net/stepbystep/test.html
ואן ניתן לראות כי יש Paddingבצדדים

תודה

יש padding בשני המקרים
השתמשתי ב-IE6

אני השתמשתי בפיירפוקס...
אתה צודק.. באקספלורר אין בעייה אבל גיליתי משהו אחר..
באקספלורר כאשר עוברים מעל הקישור לא קורה כלום ובפיירפוקס הקישור מחליף צבע ( ככה זה צריך להיות) .. עוד בעייה :-(
אין לי איך להראות את זה, כנסו לקישורים דרך הפיירפוקס ותבינו איך זה אמור להיות (כשעוברים מעל הקישור)...הכול מוגדר בCSS בקובץ: http://uzone-il.net/stepbystep/includes/maincss.css

עוגן, הוא אלמנט בסוג inline.
אתה לא יכול להכיל הגדרות של מודל הקופסא על אלמנט מסוג זה.

אין לי מושג מה זה עוגן . ? זה לא מעבר למקום אחר בעמוד ? מה זה קשור עכשיו ? שאלתי שאלה על CSS

עוגן - anchor
ב-HTML זה שם ללינק, תג A

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

עשיתי את הכול על טבלה ולא על A ... עכשיו כבר יש paddingנשארה רק הבעייה עם המעבר עכבר...
בעת מעבר עכבר בפיירפוקס צבע הרקע ומאפיינים נוספים משתנים, אך באקספלורר לא ...
ניתן לראות בהודעה כאן למטה למה זה אמור להשתנות.

זה הCSS שעושה את הקישור יותר יפה ... כפי שאתם רואים יש לזה בעיות בפיירפוקס ובאקספלורר... באקספלורר כל החלק a.buttonLarge:hover לא מתקיים - אין שינוי בעת מעבר העכבר...
ובפיירפוקס, כאשר העמוד מיושר לימין עם RTL .. הpaddingשל השוליים הימניים והשמליים נעלם.

קוד:

a.buttonLarge {
	display:inline-block;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration:none;
	text-align: center;
	color:#1E90FF; 
	padding: 3px 3px 3px 10px;
	padding:4px 10px;
	margin: 0 4px 0 4px;
	cursor:pointer; cursor:hand;
	
	background-image:url( http://uzone-il.net/stepbystep/images/theme/buttonoff.gif );
	background-repeat:repeat-x;
	background-color:#FDDEB0;

	border:1px solid #c2bab0; 
}

a.buttonLarge:hover {
	text-decoration:none;
	
	background-image:url( http://uzone-il.net/stepbystep/images/theme/buttonon.gif );
	background-repeat:repeat-x;
	background-color:#F5F3EE;
	color: #000080;
	border:1px solid #000080; /*darker */
}

אף אחד לא יודע למה הhoverלא עובד לי ?
אם אי אפשר ככה כמו שקבעתי בCSS אזז איך אני יכול לעשות את זה בדרך אחרת ?
שבעת מעבר מעל טבלה משתנים - צבע הרקע שלה, צבע הטקסט ותמונת הרקע ?

במקום לכתוב

קוד:

a.buttonLarge:hover

כתוב:

קוד:

.buttonLarge a:hover

רק שזה בעייתי...כי אתה צריך להחליף את הרקע ל- buttonLarge בלבד.

ציטוט:

שבעת מעבר מעל טבלה משתנים - צבע הרקע שלה, צבע הטקסט ותמונת הרקע ?

עם JS.
דרך אחרת, היא להוסיף ל-CSS איזה קובץ htc שאמור להפעיל אפשרויות hover וכדו' על אלמנטים שהם לא קישורים ( A ). אני פחות מעדיף את האפשרות הזאת.

האפשרות של הוספת קובץ ה-HTC היא דווקא הרבה יותר טובה - לא צריך להתחיל לזהם את הדף בכל מיני onmouseoverים...