איך למקם DIV מול DIV?

[Eli-Hai]

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

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

[DorWD]

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

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

<div style="float: left;">טקסט 1 <div style="float: right;">טקסט 2</div</div>

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

[hpman28]

http://www.elated.com/articles/css-positioning/

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

[omercnet]

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

http://www.elated.com/articles/css-positioning/

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

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

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

<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]

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

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

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

<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]

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

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

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

<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]

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

[ShoQER]

נכתב במקור על ידי SmsBanner.net

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

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

[Eli-Hai]

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

[omercnet]

נכתב במקור על ידי Eli-Hai

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

כמובן שDIVים

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