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

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)
-   פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)
-   -   איך למקם DIV מול DIV? (https://hosts.co.il/forums/showthread.php?t=37379)

Eli-Hai 04-01-07 21:27

איך למקם DIV מול DIV?
 
אני רוצה למקם DIV מול DIV, ולדעת להפריד ביניהם.
אני חושב שהדרך היעילה ביותר לתכנת אתר היא באמצעות DIV.

יש הצעות ודוגמאות?

DorWD 04-01-07 22:38

למה אתה מתכוון? ככה?:
טקסט 1 טקסט 2

אם כן אז אתה עושה דיב בתוך דיב
לדוגמא:
קוד:

<div style="float: left;">טקסט 1 <div style="float: right;">טקסט 2</div</div>
שמתי דיב בתוך דיב שדיב אחד יוזיז את הטקסט לצד שמאל, והדיב השני יוזיז אותו לימין
אני לא מבין כל כך בדיבים אז תקנו אותי אם אני טועה

hpman28 04-01-07 22:45

קוראים לזה css-positioning
 
http://www.elated.com/articles/css-positioning/

זה מקום אחד ללמוד ממנו את העקרונות

omercnet 04-01-07 23:24

ציטוט:

נכתב במקור על ידי hpman28 (פרסם 400481)
http://www.elated.com/articles/css-positioning/

זה מקום אחד ללמוד ממנו את העקרונות

Positioning זאת לא הדרך הממולצת לגרום לאובייטק לעמוד באותו גובה עם אובייטק אחר, כי זה אומר שאתה תמקם אותו אבסולוטית, ואז הדף שלך לא יהיה scalable וחבל

float כמו שצויין פה למעלה זאת הדרך הנכונה, רק שאין צורך לשים את הדיוים אחד בתוך השני
HTML קוד:

<style>
.right { float: right }
.left { float: left }
</style>
<div class='right'>this goes on the right</div>
<div class='left'>this goes on the left</div>

נ.ב
לגבי מקומות ללמוד את העקרונות:
www.w3scools.com
זה המקום המומלץ. לכתוב קוד לפי תקני W3 זאת הדרך הכי נכונה, וזה המקום הרשמי ללמוד ממנו

DorWD 05-01-07 00:24

ציטוט:

נכתב במקור על ידי omercnet (פרסם 400520)
Positioning זאת לא הדרך הממולצת לגרום לאובייטק לעמוד באותו גובה עם אובייטק אחר, כי זה אומר שאתה תמקם אותו אבסולוטית, ואז הדף שלך לא יהיה scalable וחבל

float כמו שצויין פה למעלה זאת הדרך הנכונה, רק שאין צורך לשים את הדיוים אחד בתוך השני
HTML קוד:

<style>
.right { float: right }
.left { float: left }
</style>
<div class='right'>this goes on the right</div>
<div class='left'>this goes on the left</div>

נ.ב
לגבי מקומות ללמוד את העקרונות:
www.w3scools.com
זה המקום המומלץ. לכתוב קוד לפי תקני W3 זאת הדרך הכי נכונה, וזה המקום הרשמי ללמוד ממנו

הוא ביקש שזה יהיה אחד מול השני ולא מתחתיו :)
דקה ננסה לעשות כמו שרשמת

**עריכה: כן, בהחלט אתה צודק, אין להשים את הדיבים אחד בתוך השני

eLad 05-01-07 12:49

ציטוט:

נכתב במקור על ידי omercnet (פרסם 400520)
Positioning זאת לא הדרך הממולצת לגרום לאובייטק לעמוד באותו גובה עם אובייטק אחר, כי זה אומר שאתה תמקם אותו אבסולוטית, ואז הדף שלך לא יהיה scalable וחבל

float כמו שצויין פה למעלה זאת הדרך הנכונה, רק שאין צורך לשים את הדיוים אחד בתוך השני
HTML קוד:

<style>
.right { float: right }
.left { float: left }
</style>
<div class='right'>this goes on the right</div>
<div class='left'>this goes on the left</div>

נ.ב
לגבי מקומות ללמוד את העקרונות:
www.w3scools.com
זה המקום המומלץ. לכתוב קוד לפי תקני W3 זאת הדרך הכי נכונה, וזה המקום הרשמי ללמוד ממנו

שניהם יכולים להיות גם עם float:right רק עם הגדרות רוחב (width)

SmsBanner.net 05-01-07 12:51

הפתרון פשוט מאוד.
משתמשים בCSS, ומגדירים לו כי display יהיה שווה ל inline.
בהצלחה.

ShoQER 05-01-07 15:57

ציטוט:

נכתב במקור על ידי SmsBanner.net (פרסם 400662)
הפתרון פשוט מאוד.
משתמשים בCSS, ומגדירים לו כי display יהיה שווה ל inline.
בהצלחה.

זה לא תמיד יעיל וגם לא תמיד עוזר....אני אישית תמיד משתמש בFLOAT וזה מרצה אותי...אגב לא בהכרח שאחד יהיה LEFT והשני RIGHT....שניהם יכולים להיות RIGHT בתנאי שבראשון ובשני מוגדר רוחב אשר לא יגרום לסטירה מהדף כי אז פשוט הם לא יהיו אחד מול השני...

Eli-Hai 05-01-07 21:34

האם קידוד אתר ל-HTML יהיה יותר יעיל באמצעות DIVים מאשר עם טבלאות?

omercnet 05-01-07 21:53

ציטוט:

נכתב במקור על ידי Eli-Hai (פרסם 401059)
האם קידוד אתר ל-HTML יהיה יותר יעיל באמצעות DIVים מאשר עם טבלאות?

כמובן שDIVים

http://xrl.us/sxrk
לקרוא ולהפנים


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

מופעל באמצעות VBulletin גרסה 3.8.6
כל הזכויות שמורות ©
כל הזכויות שמורות לסולל יבוא ורשתות (1997) בע"מ