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

הוסטס - פורום אחסון האתרים הגדול בישראל (https://hosts.co.il/forums/index.php)

- פורום תיכנות (https://hosts.co.il/forums/forumdisplay.php?f=14)

- - יצירת דיב עם 3 תאים לרוחב. (https://hosts.co.il/forums/showthread.php?t=65371)

dor77

20-07-08 15:03

יצירת דיב עם 3 תאים לרוחב.

שלום.
אני צריך עזרה ביצירת דיב רחב אחד שמחולק ל 3 תאים לרוחב.
הנה תמונה:
http://www.siz.co.il/my.php?file=nkjmqxdm1jzj.bmp

בלי יותר מידי תוספים, אני אקבע כבר את הרוחב,גובה וכ'ו.
הדיב הכי פשוט שתוכלו לחשוב עליו.

תודה רבה.

daMn	20-07-08 15:05

בעיקרון אתה יכול עם ul אבל אני לא יסבך אותך.
תבנה div אחד בתור מעטפת בתוכו 3 דיבים ולכל אחד תתן float לכיוונים שאתה רוצה(left,none,right).

dor77

20-07-08 15:14

ציטוט:

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

אממ |Stare|
אם הייתי יודע לעשות את זה לא הייתי מבקש|קורץ|

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

mayden

20-07-08 15:22

DIV אחד שעוטף 3 DIVים.
ובDIVים שנעטפים, שים לכל אחד את המאפיין של float: right.

dor77

20-07-08 15:27

אני הסברתי שאני לא יודע לעשות זאת גם אם עוד 20 אנשים רישמו לי לעשות זאת.
אמרתי כבר, אם הייתי יודע לעשות את זה לא הייתי מבקש ממך.

אז מצטער ותודה.

Daniel

20-07-08 15:41

אתה צריך את הקוד נטו?

dor77

20-07-08 16:19

מה הכוונה?
האמת שאני צריך קוד אבל אם הוא 2 שורות משהו..אם זה קוד די ארוך (למרות שאני לא מאמין) אז זה כבר יותר מידי לבקשה.
יש אתר שמסביר משהו כזה?
שנותן דוגמאות?
כמו שאני צריך ז"א?

תודה רבה.

Ron | CSite.co.il

20-07-08 16:25

הנה מדריך css שמסביר בין היתר את זה,
http://www.webmaster.org.il/article.asp?id=318

dor77

20-07-08 16:30

עברתי כבר על המדריך הזה, הוא נהדר אך הוא מסביר על טבלאות:
http://www.webmaster.org.il/article.asp?id=331
זה דומה לדיב אבל יש לי כבר טבלה באתר שהיא מקור הבעיה שלי,לכן אני צריך div ולא טבלה.

amirs_5

20-07-08 16:30

HTML קוד:

<div>

        <div class="td">תא 1</div>

        <div class="td">תא 2</div>

        <div class="td">תא 3</div>

</div>

וב CSS שלך..

קוד:

.td {

        float: right;

}

מקווה שעזרתי.

dor77

20-07-08 16:41

ציטוט:

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

HTML קוד:

<div>

        <div class="td">תא 1</div>

        <div class="td">תא 2</div>

        <div class="td">תא 3</div>

</div>

וב CSS שלך..

קוד:

.td {

        float: right;

}

מקווה שעזרתי.

תודה רבה לך, זה בסדר אני חושב.
רק עכשיו אני מנסה להכניס לו כל מיני אלמנטים.
הנה הקוד של ה Html:

PHP קוד:


		
			


<div style="border: 1px; solid #dcdcdc; width: 180px; height: 553px; border-top-width: 0;">



<div class="td">

תא 1

</div>

<div class="td">

תא 1

</div>

<div class="td">

תא 1

</div>



</div>

מה לא בסדר פה?

הכנסתי את ה css בין תגיות style כמובן.

תודה רבה לך עזרת לי מאוד.

amirs_5

20-07-08 17:11

HTML קוד:

<div style="border: 1px solid #dcdcdc; width: 180px; height: 553px; border-top-width: 0;"> 



<div class="td"> 

תא 1 

</div> 

<div class="td"> 

תא 1 

</div> 

<div class="td"> 

תא 1 

</div> 



</div>

dor77

20-07-08 17:20

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

עכשיו:
http://www.siz.co.il/my.php?file=jyifzij1wyrt.bmp

לאחר השינוי:
http://www.siz.co.il/my.php?file=jyzmglgfvzwn.bmp

כן כן אני נאחס, תלמדו לאשכולות שלי לא נכנסים:D
וברצינות, אני מצטער על כל הבלאגן.

תודה רבה.

amirs_5

20-07-08 17:28

חחחחח לא רק אתה כזה D:
גם אני תאמין לי XD

וממ ,

HTML קוד:

<div class="tr"> 



<div class="td"> 

תא 1 

</div> 

<div class="td"> 

תא 1 

</div> 

<div class="td"> 

תא 1 

</div> 



</div>

קוד:

.tr { 

border: 1px solid #dcdcdc;

border-right: 0px solid #dcdcdc;

width: 90%;

}



.td {

border-right: 1px solid #dcdcdc;

text-align:center;

width: 33.3%;

float: right;

}

dor77

20-07-08 17:34

ענק!
תודה רבה לך, בדיוק מה שרציתי.
תודה!!

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