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

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

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:


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

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