הוסטס - פורום אחסון האתרים הגדול בישראל

- פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)

- - עזרה קטנטנה עם DIV (https://hosts.co.il/forums/showthread.php?t=46432)

עזרה קטנטנה עם DIV

יש לי בלוק DIV מסוים. איך לכל הרוחות מגדירים לו שהטקסט\תמונה\תוכן יופיע באמצע? אני מתכוון ליישור הורטיקאלי. או במילים אחרות, איך עושים valign="middle" ?
מצאתי פרמטר שנקרא vertical-align אבל לא משנה איך אני מגדיר אותו, הוא לא עושה שום דבר חוץ מלהגדיל את גודל הקובץ בחצי ביט.

תודה לעוזרים

אם אני לא טועה, כל עוד זה לא בטבלה, הפרמטר הזה לא יעזור לך
תנסה להגדיר לתוכן דיב נוסף שיעשה margin-top ותקבע בכמה פיקסלים ירד הטקסט

זה הדבר היחידי שעולה לי בראש כרגע

אני יודע ש-valign זה רק לטבלה. אני מחפש את המקביל שלו ב-css.
הדרך הזאת שהצעת מאד עקומה ויוצרת לי בעיתיות מסוימת. הבלוק שלי תמיד יהיה בגובה קבוע אבל מספר השורות בו לפעמים יהיה 2 ולפעמים 3. להתחיל לתת לו תנאים שאם ככה ואם ככה מסרבל את העסק.

אממ לפי מה שהבנתי אתה מתכוון לזה ‎:
<div align="center">
text-align: center; vertical-align: text-bottom
אחד מהאפשרויות..

snirk, אני לא מתכוון למרכז את הטקסט על ציר ה-X אלא על ציר ה-Y. מה שציינת אני כבר יודע (vertical align), הבעיה שהוא לא עושה כלום בשום דפדפן.
אני צריך שהמרווח בין החלק העליון של השלוק לבין המרווח לחלק התחתון יהיה תמיד שווה, לא משנה מספר השורות. אם הייתי רוצה לעשות את זה בטבלאות, הייתי עושה:

קוד:

<td valign="middle"<

ל-css אין תשובה לזה כמו שאני רואה כרגע :\

ציטוט:

נכתב במקור על ידי snirk (פרסם 487553)

אממ לפי מה שהבנתי אתה מתכוון לזה ‎:
<div align="center">
text-align: center; vertical-align: text-bottom
אחד מהאפשרויות..

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

ציטוט:

נכתב במקור על ידי W3C

vertical-align:text-bottom - The bottom of the element is aligned with the bottom of the parent element's font

http://www.w3schools.com/css/pr_pos_vertical-align.asp

ובקשר לtext-align:center זה כן יעבוד...

ציטוט:

נכתב במקור על ידי sheeze (פרסם 487574)

קוד:

<td valign="middle"<

ל-css אין תשובה לזה כמו שאני רואה כרגע :\

במקרה הזה אתה יכול לקבוע את הmargin/padding (תלוי על מה אתה משתמש בזה) באחוזים וככה זה אמור לעבוד

סליחה על הדאבל פוסט |להאא! קטן| לא שמתי לב שאני לא בedit

אתה יכול להגדיר line-height בגובה של הdiv :)
(תודה ל Eran-s שממנו שמעתי על זה פעם ראשונה).

הממ.. תנסה לעטוף את הטקסט בדיב ותשים style כזה
margin auto 0 auto 0;
אני בכלל לא בטוח, אז תנסה..

ציטוט:

נכתב במקור על ידי 4ior (פרסם 487631)

float

פיי, איך עזרת לו.
כל הכבוד!.

אם כבר אתה מפרסם את התגובה הזאת
למה לא לעזור וסתם להספים.כדי לקבל אזהרה?

תודה על העזרה אנשים.
למרות ששיניתי במקצת את המבנה ואני כבר לא צריך את זה, השיטה שעבדה לי היא ע"י שימוש באחוזים עם margin-top.

HTML קוד:

<div style="width:100px;height:300px;line-height:300px;text-align:center;">

Middle-Center

</div>

במקרה שתצטרך.

מצטער על זה שאני לוקח את הדיון קצת הצידה, אבל -

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

במקום להפוך עיגול לריבוע, לא יותר פשוט לפעמים לקחת מראש ריבוע?

נכון, טבלאות, אם תסתכל על שמם, תגלה את המילה טבלאות(מה? באמת? D:),
והמטרה שלהם, היא.......... טבלאות.

נכון, אז במקום לקחת טבלה-ולנסות לדמות איתה DIV, אז מראש-קחו DIV.