רוטר - מתקשה עם CSS ממש פשוט - רוחב עמודות של טבלה

יומן פעילות	לוח שנה	מבזקי חדשות	תקנון	RSS	כותרות	כותרות לפי תגובה	ניקוי קוקיז	IP	להורדת אפליקציה
eBay	AliExpress	GearBest	Amazon	Booking	Kiwi	SkyScanner	Trip Advisor

"מתקשה עם CSS ממש פשוט - רוחב עמודות של טבלה"

גירסת הדפסה

קבוצות דיון פיתוח, תיכנות ובניית אתרים נושא #22184	מנהל סגן המנהל מפקח Winner צל"ש מומחה

אשכול מספר 22184

code_blue

חבר מתאריך 5.7.06
21280 הודעות, 7 פידבק

10:58 02.05.18

מתקשה עם CSS ממש פשוט - רוחב עמודות של טבלה

יש לי טבלה הכוללת 11 תאים
5 תאים של מידע , תא ריק, 5 תאים של מידע
אני רוצה שבתצוגה על המסך הרוחב של ה5 תאים יהיה זהה
|תא| |תא| |תא| |תא| |תא| |תא רווח| |תא| |תא| |תא| |תא| |תא|
| גודל x | |תא רווח| | גודל x |
כמובן שזה צריך להיות דינמי ולא רוצה להשתמש בגדלים מראש

תודה !!!

שתף

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

האשכול	מחבר	תאריך כתיבה	מספר
כשאתה אומר דינמי אתה מתכוון רספונסיבי?	Bonito	02.05.18 16:07	1
אני חושב שהבאת פה שיחוק	code_blue	02.05.18 20:54	7
מודה שזאת סינית	code_blue	02.05.18 19:20	2
אתה רוצה טבלה אחת או שתי טבלאות עם רווח?	Bonito	02.05.18 19:31	3
מעלה תמונה ואז אולי יהיה קל יותר להסביר מה אני רוצה	code_blue	02.05.18 19:55	4
במה אתה כותב? רק HTML+JS+CSS?	inno3D	02.05.18 20:51	5
HTML נקי עם קצת JS ו CSS	code_blue	02.05.18 20:52	6
יש לך את כל הקוד של האתר? תראה איך אתה מוסיף JQUERY	inno3D	02.05.18 21:08	8
אין לי בעיה להכניס JQUERY כי ה JS ניתן להורדה	code_blue	02.05.18 21:15	9
הבנתי.. כן אז לא יהיה נוח להריץ JS אם השרת בונה את הטבלה ב HTML מאחורה..	inno3D	02.05.18 21:18	10
הדוגמא שלו מעולה ומקווה שזה אכן יפתור לי	code_blue	02.05.18 21:20	11
מכתב	משה הלולן	02.05.18 21:20	12
כמעת סגור	code_blue	02.05.18 21:34	13
שמחתי בטרם עת	code_blue	02.05.18 21:38	14
נסה את זה	Bonito	02.05.18 23:42	15
אז או שתגדיל את העמודות שיהיה שם מספיק מקום	משה הלולן	03.05.18 12:04	16
תגובה	code_blue	03.05.18 20:14	17
אתה פשוט צריך שהטבלה בצד ימין תיהיה שווה ברוחב לטבלה בצד שמאל?	משה הלולן	03.05.18 23:12	18
חיובי אותו רוחב ואותו אורך	code_blue	04.05.18 12:13	19
CSS	Ben_d	04.05.18 19:55	20
אתה אמיתי?	code_blue	06.05.18 21:08	21

Bonito
חבר מתאריך 22.9.09
14859 הודעות

16:07 02.05.18

1. כשאתה אומר דינמי אתה מתכוון רספונסיבי?
בתגובה להודעה מספר 0

אין טעם לכתוב מחדש, תשתמש בגריד של BS
https://getbootstrap.com/
https://getbootstrap.com/docs/4.1/layout/grid/

אם אתה לא צריך שיהיה רספונסיבי פשוט תעטוף את האלמנט הראשי ב FIXED WIDTH (נגיד 1200PX) ומתחת לכל עמודה תשתמש באחוזים.

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

code_blue

חבר מתאריך 5.7.06
21280 הודעות, 7 פידבק

20:54 02.05.18

7. אני חושב שהבאת פה שיחוק
בתגובה להודעה מספר 1

אבל עולה שאלה אם אפשר להוריד את הSTYLE לעבודה באופליין
מדובר על שרת שמשמש צרכים פנימיים ואין אינטרנט
@Bonito@

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

code_blue

חבר מתאריך 5.7.06
21280 הודעות, 7 פידבק

19:20 02.05.18

2. מודה שזאת סינית
בתגובה להודעה מספר 0

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

נשלח ע"י הסלולרי

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Bonito
חבר מתאריך 22.9.09
14859 הודעות

19:31 02.05.18

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

ערכתי לאחרונה בתאריך 02.05.18 בשעה 19:34 בברכה, Bonito

בכל מקרה יש לך 2 אופציות, או להשתמש ב table או ליצור את זה לפי עמודות(grid עם עיצוב משלך ולא עם טבלה), תלוי במידע שלך ובמה שאתה צריך בדיוק.
תעבור פה על הקוד ותשכפל\תמחק בהתאם:
https://codepen.io/anon/pen/YLVbaL

אתה יכול לקבוע לכל th\td רוחב קבוע לפי אחוזים.

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

code_blue

חבר מתאריך 5.7.06
21280 הודעות, 7 פידבק

19:55 02.05.18

4. מעלה תמונה ואז אולי יהיה קל יותר להסביר מה אני רוצה
בתגובה להודעה מספר 3

ככה זה נראה עכשיו:

אני רוצה שכל 5 תאים יהיו בערך 45% מרוחב העמוד ואז רווח של כ5% ועוד 45% של שאר ה5 תאים
בהתחלה בניתי בצורה עילגת על ידי
טבלה מכילה גדולה כשבה יש שני TD ואז בתוך ה TD יש TABLE חדש
אבל אז נתקלתי בבעייה שהם בגדלים שונים ולא אהבתי אז שיניתי לזה שיש טבלה אחת
ואז 11 תאים בכל שורה

המון תודה
@Bonito@

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

inno3D
חבר מתאריך 21.4.02
4533 הודעות

20:51 02.05.18

5. במה אתה כותב? רק HTML+JS+CSS?
בתגובה להודעה מספר 4

באמת עדיף לך להשתמש במשהו מוכן
או איזה טבלה ב JQUERY נגיד

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

code_blue

חבר מתאריך 5.7.06
21280 הודעות, 7 פידבק

20:52 02.05.18

6. HTML נקי עם קצת JS ו CSS
בתגובה להודעה מספר 5

האמת שפה אפילו לא הכנסתי JS רק CSS ו HTML וה PHP שמכניס לשם נתונים

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

inno3D
חבר מתאריך 21.4.02
4533 הודעות

21:08 02.05.18

8. יש לך את כל הקוד של האתר? תראה איך אתה מוסיף JQUERY
בתגובה להודעה מספר 6

יש סיפריות מוכנות לטבלה רספונסיבית
גם אם אתה מקבל את הנתונים משרת PHP צריך קצת JS בשביל למלא את הטבלה באופן דינאמי

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

code_blue

חבר מתאריך 5.7.06
21280 הודעות, 7 פידבק

21:15 02.05.18

9. אין לי בעיה להכניס JQUERY כי ה JS ניתן להורדה
בתגובה להודעה מספר 8

ואז אני יכול להוריד ולהעביר אליו ולא לתת לינק לקובץ באינטרנט
לגבי מילוי הטבלה זה פרופר PHP שכותב את קוד ה PHP ולא מילוי של JS
לולאה של PHP בונה את ה TD עם המידע בפנים

@inno3D@

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

inno3D
חבר מתאריך 21.4.02
4533 הודעות

21:18 02.05.18

10. הבנתי.. כן אז לא יהיה נוח להריץ JS אם השרת בונה את הטבלה ב HTML מאחורה..
בתגובה להודעה מספר 9

תשתמש בדוגמא שהביאו לך Bonito למעלה

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

code_blue

חבר מתאריך 5.7.06
21280 הודעות, 7 פידבק

21:20 02.05.18

11. הדוגמא שלו מעולה ומקווה שזה אכן יפתור לי
בתגובה להודעה מספר 10

הבעיה העיקרית היא שראיתי שב LINK REL יש איזה שטות של integrity שלא מכיר
והשאלה אם אני אוכל להוריד את התוכן של ה CSS הזה שאוכל לשים בשרת ללא לינק אינטרנטי לקובץ הקורי

@inno3D@

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

משה הלולן

חבר מתאריך 11.6.13
4818 הודעות, 8 פידבק

21:20 02.05.18

12. מכתב
בתגובה להודעה מספר 0

תקרא על table-layout: fixed; מאמין שזה מה שאתה מחפש

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

code_blue

חבר מתאריך 5.7.06
21280 הודעות, 7 פידבק

21:34 02.05.18

13. כמעת סגור
בתגובה להודעה מספר 12

תודה רבה זה ממש שיפר רק רוצה טיפה להקטין את הרווח ביניהם
מצ"ב המצב שעכשיו :

@משה הלולן@

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

code_blue

חבר מתאריך 5.7.06
21280 הודעות, 7 פידבק

21:38 02.05.18

14. שמחתי בטרם עת
בתגובה להודעה מספר 13

כשאני עובד עם הFIXED התוכן שגדול יותר מהתא לא יורד שורה ואז נוצר טקסט על טקסט ;-)

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Bonito
חבר מתאריך 22.9.09
14859 הודעות

23:42 02.05.18

15. נסה את זה
בתגובה להודעה מספר 14

https://codepen.io/anon/pen/YLVbaL
אתה יכול להוריד את הCSS של BS לשרת שלך.

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

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

משה הלולן

חבר מתאריך 11.6.13
4818 הודעות, 8 פידבק

12:04 03.05.18

16. אז או שתגדיל את העמודות שיהיה שם מספיק מקום
בתגובה להודעה מספר 14

או פשוט תיתן
th {
word-wrap: break-word;
}

אבל משהו במה שאתה עושה מראש לא מסתדר לי, למה כזה חשוב לך שהרוחב של התאים יהיו שווים? יש גם אופציה כמו שהציאו לך פשוט לא להשתמש בטבלה

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

code_blue

חבר מתאריך 5.7.06
21280 הודעות, 7 פידבק

20:14 03.05.18

17. תגובה
בתגובה להודעה מספר 16

אנסה את מה שהצעת
ולגבי השאלה אני לא צריך שכל תא יהיה בגודל שווה לשני, אני כן צריך שהרצף של החמישה תאים הראשונים יהיה ברוחב של הרצף של 5 תאים אחרונים.
|תא1||תא2 ||תא3 ||תא4||תא5||מפריד||תא1||תא2 ||תא3 ||תא4||תא5|
כפי שכתבתי הפתרון הראשון שלי היה לייצר טבלה עם 3 עמודות כשבכל עמודה טבלה בפני עצמה
זה שמר לי על רוחב אחיד אבל עשה לי בעיה עם האורך של התוכן ואז יצא מצב שבטבלה אחת נטו 10 שורות ובטבלה השניה 11 שורות בגלל שבירת שורות

נשלח ע"י הסלולרי

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

משה הלולן

חבר מתאריך 11.6.13
4818 הודעות, 8 פידבק

23:12 03.05.18

18. אתה פשוט צריך שהטבלה בצד ימין תיהיה שווה ברוחב לטבלה בצד שמאל?
בתגובה להודעה מספר 17

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

code_blue

חבר מתאריך 5.7.06
21280 הודעות, 7 פידבק

12:13 04.05.18

19. חיובי אותו רוחב ואותו אורך
בתגובה להודעה מספר 18

@שה הלולן@

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

Ben_d
חבר מתאריך 15.6.16
706 הודעות

19:55 04.05.18

20. CSS
בתגובה להודעה מספר 0

https://imgur.com/gallery/Q3cUg29

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד

code_blue

חבר מתאריך 5.7.06
21280 הודעות, 7 פידבק

21:08 06.05.18

21. אתה אמיתי?
בתגובה להודעה מספר 20

נשלח ע"י הסלולרי

(ניהול: מחק תגובה)

מכתב זה והנלווה אליו, על אחריות ועל דעת הכותב בלבד