הוסטס - פורום אחסון האתרים הגדול בישראל - [HTML] - שאלה בקשר לעליית DIVים אחד על השני

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)

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

- - [HTML] - שאלה בקשר לעליית DIVים אחד על השני (https://hosts.co.il/forums/showthread.php?t=61264)

Imri	25-03-08 15:48

[HTML] - שאלה בקשר לעליית DIVים אחד על השני

שלום.

יש לי 3 Divים למשל.
כעת, במידה ופשוט אכתוב:

קוד:

<div>Div1</div>

<div>Div2</div>

<div>Div3</div>

אקבל משהו כזה:
|Div1||Div2||Div3|

כיצד אני יכול לגרום להם לרדת אחד מתחת לשני?
כלומר, שיסתדרו בצורה הבאה:
|Div1|
|Div2|
|Div3|

(במידה ואכתוב br, זה לא ייצא טוב, מכיוון שאקבל רווח בלתי רצוי בין DIV ל-DIV.)

תודה רבה על העזרה.

Tomer Pearl

25-03-08 16:54

HTML קוד:

<div>Div1</div>

<div style="position:relative;top:5px">Div2</div>

<div style="position:relative;top:5px">Div3</div>

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

Imri	25-03-08 19:56

תודה.

תודה.
שאלה נוספת.
יש לי קוד שכזה:

קוד:

<form ...>

<div style="position:relative;top:5px;">

</div>

</form>

ב-IE, ה- </form> גורם לירידת שורה - דבר שפותר לי את כל הבעיות מעולה,
אבל זה לא מה שקורה ב-FF - שם אין ירידת שורה,
ושוב DIV אחד עולה על השני.
אם אגדיל את ה-TOP, זה ישתנה כמובן גם ב-IE, ואז - ייהרס המבנה ולא תהיה התאמה.

יש דרך לבטל את הירידת שורה של ה-</form>?
יש פיתרון אחר?

תודה.

mayden

25-03-08 20:11

תנסה לעשות לform:

HTML קוד:

style="display: inline;"

תנסה לשחק עם זה (block,inline,table-cell וכו')..

Tomer Pearl

25-03-08 20:41

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

Kfir.G

25-03-08 22:41

ציטוט:

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

תנסה לעשות לform:

HTML קוד:

style="display: inline;"

תנסה לשחק עם זה (block,inline,table-cell וכו')..

אם זה לא יעבוד תוכל לעשות לform שלך float ולהוסיף מתחתיו

HTML קוד:

<br style="clear:both;height:0px" />

O-B	26-03-08 00:43

אם אתה רוצה להוריד רווח פשוט תגדיר

ציטוט:

style="margin:0px;"

Imri	26-03-08 13:05

תודה רבה על עזרתכם.

כל הזמנים הם GMT +2. הזמן כעת הוא 16:58.