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

[Eran-s]

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

[HagaiA]

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

[Daniel]

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

[EpsilonTal]

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

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

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

[Daniel]

ככה:

<div class="rightdiv">SomeRightDiv</div>
<div class="centerdiv">SomeCenterDiv</div>
<div class="leftdiv">SomeLeftDiv</div>

וה-CSS

.rightdiv {
//The Properties
float:right;
}
.centerdiv {
//The Properties
float:right;
}
.leftdiv {
//The Properties
float:left;
}

[EpsilonTal]

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

לדוגמא:

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

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

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

[Daniel]

בקלות, ככה:

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

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

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

[SHeDoN]

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

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

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

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

#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).

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

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

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

[Daniel]

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