הוסטס - פורום אחסון האתרים הגדול בישראל - 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=47456)

BlueNosE

13-06-07 16:29

HTML עם DIVים - משהו שקשה לי להבין

הרי אי אפשר לשים יותר מDIV אחד בשורה, אלא אם אתה מגדיר לו inline display, ואז הגדרות הHEIGHT והWIDTH לא תופסות. אז איך אפשר ל"קודד" (לחתוך) עם זה? אני עוד עובד עם טבלאות בגלל שאף פעם לא הצלחתי לגרום לDIV לעבודה כמו שאני רוצה.

DorWD

13-06-07 16:30

עם float...

BlueNosE

13-06-07 16:33

מה עוזר לי FLOAT, אני צריך לשים יותר מ3 בשורה..

Beesites

13-06-07 16:35

ציטוט:

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

מה עוזר לי FLOAT, אני צריך לשים יותר מ3 בשורה..

אהמם אם אתה צריך לשים תאים עם מידע בשורה, אולי תשתמש [אהמם] בטבלה?

BlueNosE

13-06-07 16:38

אני משתמש בטבלה אם לא הבנת. הרבה פה עברו לDIVים ואני רוצה להבין איפה אני לא בסדר.
למשל אי אפשר להשתמש בvertical-align עם DIV, ובכל זאת יש אפשרות כנראה לעשות את זה.. איך? איך עוברים לעבודה מלאה עם DIV בלי להפריע למראה הכללי של האתר?

taikaish

13-06-07 16:43

http://www.devign.co.il/Posts/tabula...ss-layout.aspx
אולי זה יעזור?

Beesites

13-06-07 16:51

ציטוט:

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

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

Daniel

13-06-07 16:59

כשיש לך טבלה-כן, תעבוד עם טבלה, לזה נועד התג.

לכל דבר אחר? DIV/SPAN+Full CSS

Beesites

13-06-07 17:03

ציטוט:

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

כשיש לך טבלה-כן, תעבוד עם טבלה, לזה נועד התג.

לכל דבר אחר? DIV/SPAN+Full CSS

וגם בעיצוב, איפה שיותר הגיוני לעבוד עם טבלה אני לא רואה סיבה לעבוד עם DIV.

Daniel

13-06-07 17:07

לקדד משהו עם טבלאות?

אם זה 3-2 תמונות, ניחא, למרות שבכ"מ עדיף DIVים, אבל ברגע שיש לך עיצוב טיפה יותר מורכב....

Eran-s

13-06-07 19:30

Beesites, אני לא מזמן תיכנתתי פורטל ובחיתוך הסתדרתי טוב מאוד עם DIVים,
פשוט את כל התוכן הימני שמים ב-DIV נוסף ונותנים לו float: right; לצד השמאלי שמים float: left; ולתוכן האמצעי פשוט למרכז את התוכן של ה-wrapper.

HagaiA

14-06-07 19:04

יש אתרים שאמורים לעבוד עם טבלאות ולא תצליח לשנות את זה,זה תלוי במבנה האתר.

Daniel

15-06-07 12:03

איך הגעת?
כל דבר שאתה יכול לעשות עם טבלאות,
אתה יכול לעשות עם DIVים..

EpsilonTal

15-06-07 13:11

בדיוק עכשיו רציתי לפתוח על זה נושא

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

אני מצטרף לשאלה...
איך מציבים את התמונות, כאחת משמאל, אחת מימין ואחת במרכז?

Daniel

15-06-07 13:49

ככה:

HTML קוד:

<div class="rightdiv">SomeRightDiv</div>

<div class="centerdiv">SomeCenterDiv</div>

<div class="leftdiv">SomeLeftDiv</div>

וה-CSS

HTML קוד:

.rightdiv {

//The Properties

float:right;

}

.centerdiv {

//The Properties

float:right;

}

.leftdiv {

//The Properties

float:left;

}

EpsilonTal

15-06-07 13:55

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

לדוגמא:

1|התמונה
2|השלישית כאן

אשמח אם תעזרו תודה

ואם אסור לבקש באותו נושא אני מצטער תמחקו את ההודעה..

Daniel

15-06-07 14:14

בקלות, ככה:

HTML קוד:

<div style="float:right;width:400px;height:150px;">Text-UpRight</div>

<div style="float:right;width:400px;height:300px;">Text-Left<br />Text</div>

<div style="width:400px;height:150px;">sss<br />ssssssssOther text-DownRight</div>

דוגמה שעשיתי תוך כמה שניות, אז יכול להיות ששכחתי משו ><

EpsilonTal

15-06-07 15:01

תודה נראה לי אני יסתדר

ד"א, זה שונה כשעובדים עם קובץ CSS?

SHeDoN

15-06-07 15:09

ציטוט:

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

תודה נראה לי אני יסתדר

ד"א, זה שונה כשעובדים עם קובץ CSS?

לא, אתה פשוט יוצר קובץ גליון:

HTML קוד:

#UpRight {

float:right;

width:400px;

;height:150px

{



#Left {

float:right;

width:400px;

;height:300px

{



#DownRight{

float:right;

width:400px;

;height:150px

{

אני אוהב לעבוד עם Id מאשר עם Class (למרות שאם אתה עושה כפילות לאותו Class אתה לא יכול להשתמש בId).

והקוד שאתה מכניס בדף:

HTML קוד:

<div id="UpRight">Text-UpRight</div>

<div id="Left">Text-Left<br />Text</div>

<div id="DownRight">sss<br />ssssssssOther text-DownRight</div>

זהו, הרבה יותר פשוט לעבוד עם גליונות עיצוב :)

Daniel

15-06-07 15:12

כע, רק לא היה לי כוח ><
class שלטון P:

Eran-s

15-06-07 15:57

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

HTML קוד:

<div style="text-align: center; width: 100%">

        <div style="float: right;">Right</div>

        <div style="float: left;">Left</div>

        <div>Center</div>

</div>

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