שלום.
עשיתי באתר שלי תפריט חדש (התפריט הירוק למעלה)...http://uzone.co.il
אפשר לראות שיש בו לחצנים. הבעייה היא שהטקסט מופיע למעלה.
התפריט הוא טבלה שבכל תא יש DIV ש"מאכסן" את הטקסט. הDIV הוא בגובה 28 פיקסל.
מה שאני רוצה לעשות זה כמובן שהטקסט יופיע במרכז הDIV (במאונך. אבל זה לא ממש עובד.

נתתי לכל DIV את המאפיין

קוד:

height:28px;vertical-align:middle;

וכמו שאמרתי זה לא מזיז לטקסט

תודה

תנסה שה-DIV יהיה כמו הבא:

קוד:

<div bordercolor="#4c4c4c" onclick="javascript:window.location='index.php';" class="topmenu" style="border-left: 1px solid rgb(165, 198, 43); cursor: pointer; text-align: center;">ראשי</div>

ותוריד את התג center שעוטף אותו.

המבנה של ה-HTML שלך מסובך מידי, תפשט אותו. (האמת שעכשיו זה כבר מאוחר מידי...)

ה-DOCTYPE שלך מפעיל מצב Almost Strict Mode גם במנוע מוזילה, כפי שאתה יכול לראות כאן:
http://hsivonen.iki.fi/doctype/

אם אני מוריד את הcenter הטקסט מופיע בצד.
לא הבנתי מה הבעייה בDIV. למה הHTML שלי לא טוב ? מה עשיתי לא נכון ?

נכון, אם מורידים את ה-center אז הטקסט זז הצידה, אבל למעלה כתבתי ב-style של ה-div את התכונה:

קוד:

text-align: center;

ציטוט:

לא הבנתי מה הבעייה בDIV. למה הHTML שלי לא טוב ? מה עשיתי לא נכון ?

זה לא שיש בעיה ב-div, פשוט זה לא מבנה XHTML נכון, הכל מסובך מידי, יותר מידי תגים ובלאגן...
אין הפרדה מינימאלית בין CSS ל-xHTML, או JS (אירוע onclick המוגדר כמאפיין תג ב-xhtml? )
גם המאפיין bordercolor לא מתאים...

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

עריכה:
נתתי את הדוגמא פה הרבה פעמים אבל תסתכל:
http://www.csszengarden.com/

זה מבחינתי האידיאל... כ"כ יפה! תבדוק את המקור...

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

הורדת גם את ה- height של ה-div? כתבתי קודם שתעשה שכל ה-div'ים יהיו כמו ה-div שבבלוק הקוד שלמעלה..

אבל אני צריך שהDIV יהיה בגובה הזה. למה אני צריך להוריד את הHEIGHT?
אפשר לקבל הסבר לדבריך? כי אני לא מבין מה ההבדל בין מה שיש אצלי עכשיו לבין מה שאת נתת ... מה לא תקני? שאני אבין לעבודות עתידיות.

למה אתה צריך את ה-div בכלל?

תראה איך סידרתי את האיבר הראשון שבתפריט:

קוד:

<td width="14%" background="images/menubg/ch.gif" style="border-left: 1px solid rgb(165, 198, 43); text-align: center; cursor:pointer;">ראשי</td>

בלי div... בשביל מה אתה צריך אותו?

הורדתי גם center וגם את ה-div.
שניהם מיותרים, אין סיבה נראית לעין שתשים אותם. אתה במקרה משתמש בהם ב-JS? אם כן, זה משהו אחר. למרות שאולי אפשר בכלל לעשות שימוש ב-td שכבר נמצא בקוד.
אני לא מבין למה אתה מוסיף תגים בתוך תגים כאשר זה מיותר (?) ותוכל לקבל את אותן תוצאות בלעדיהם.

לפי תקני W3C, כל הדברים הבאים לא תקניים:
http://validator.w3.org/check?uri=h...=Inline&group=0

הורדתי את הDIV וזה עובד. תודה רבה.
הייתי בטוח שזה לא יעבוד בלי DIV בגלל הJS אבל בסוף זה עובד גם ככה.

לא בהכרח צריך vertical-align, מה שכן תוסיף line-height בגובה של הheight שלך, זה אמור לעזור.

[התמונה הבאה מגיעה מקישור שלא מתחיל ב https ולכן לא הוטמעה בדף כדי לשמור על https תקין: http://www.idansmith.com/images/button.png]
- לא בגלל שאתם צריכים, בגלל שאתם רוצים!