רוטר - זקוק לעזרה בעיצוב טבלה CSS

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

"זקוק לעזרה בעיצוב טבלה CSS"

גירסת הדפסה

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

אשכול מספר 13157

DarkMaster
חבר מתאריך 1.8.02
126 הודעות

13:19 30.10.07

זקוק לעזרה בעיצוב טבלה CSS

עיצבתי סוג של טבלה ב פוטושופ .
לקחתי את החלקים הנחוצים (איור)
http://rotter.name/User_files/nor/472712fc78e9a7ca.jpg
ברצוני לדעת איך אני מפעיל את הטבלה הזאת ב CSS ,
אני משתמש בתגיות של div ב HTML .

שתף

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

האשכול	מחבר	תאריך כתיבה	מספר
אני יחדד את כוונותי	DarkMaster	30.10.07 21:35	1
כנס..	Nafster	30.10.07 23:20	2
הסבר	DarkMaster	30.10.07 23:38	3
שוב אחי...	Nafster	30.10.07 23:58	4
מסגרת התוכן	DarkMaster	31.10.07 21:53	5
אוקי אז ככה..	Nafster	01.11.07 14:39	7
תודה רבה אחי	DarkMaster	04.11.07 12:46	8
בעיה נוספת צצה	DarkMaster	05.11.07 11:38	9
תעשה ככה...	Nafster	06.11.07 17:01	10
לא הבנת כל כך .	DarkMaster	10.11.07 18:18	11
פיתרון	Nafster	13.11.07 12:35	12
מכתב	DarkMaster	14.11.07 13:08	13
למה שלא תהפוך את זה לclass על תג body ??	avir122	01.11.07 01:38	6
יש הרבה סיבות למה זה קורה..	Nafster	14.11.07 14:11	14
תודה .	DarkMaster	19.11.07 17:38	15

DarkMaster
חבר מתאריך 1.8.02
126 הודעות

21:35 30.10.07

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

ערכתי לאחרונה בתאריך 30.10.07 בשעה 21:36 בברכה, DarkMaster

עיצבתי מסגרת ב פוטושופ , אני רוצה השמסגרת הזאת תשמש כמסגרת באתר שאני בונה.
לפי מה שאני חושב , שצריך לקחת פיקסלים מסויימים ממסגרת,
ולהשתמש ב CSS על מנת ליצור רצץ עם הפקודות repeat-x , repeat-y
ועוד .
מכיוון שאני רוצה שלמסגרת לא תהיה הגבלת מקום , ואם יוסיפו לה נתונים היא תגדל על פי הצורך .

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

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

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

Nafster

23:20 30.10.07

2. כנס..
בתגובה להודעה מספר 1

אם הבנתי נכון למה אתה מתכוון
זה מאוד פשוט.. למרות זאת אתה נותן מעט מדי פרטים
בשביל לבנות משהו
מה שכן
זה לא קשור לREPEAT-X או Y....בגדול
מה שהם יעשו הם יגרמו לתבנית שלך לחזור על עצמה אומנם...אבל לא בצורה שאתה מחפש...
ושוב תמונה של התבנית שלך הייתה עוזרת מאוד כדי להכנס יותר לאיך למה וכמה.

מה שאתה כן צריך לעשות זה לחלק את המסמך שלך לשלושה
DIV שיהיו עם פוזישן יחסי
כאשר אחד מהם יהיה החלק העליון...אחד החלק התחתון..ואחד המרכזי שהוא זה שאתה מכניס בו את כל שאר המידע..(התגיות האחרות של התוכן של המסמך)
ולגבי הצדדים של המסמך תיצור תבנית מסוימת ותשמור אותה בCSS כרקע של הBODY
עם הגדרת מיקום ורק פה תשתמש ב
REPEAT-Y

זה אמור לתת לך כיוון כללי.

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

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

DarkMaster
חבר מתאריך 1.8.02
126 הודעות

23:38 30.10.07

3. הסבר
בתגובה להודעה מספר 2

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

(חפרתי בטירוף) הכוונה הסופית שלי שהמסגרת תגדל לפי כמות המידע שיהיה בה.

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

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

Nafster

23:58 30.10.07

4. שוב אחי...
בתגובה להודעה מספר 3

ערכתי לאחרונה בתאריך 31.10.07 בשעה 00:04 בברכה, Nafster

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

ככה באוויר הדברים שכתבתי פה ובהודעה הקודמת
הם בגדול הכיוון הכללי

אני אשמח לעזור לך מעבר..כמובן שלא לבנות לך את הקוד מא'-ת'

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

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

DarkMaster
חבר מתאריך 1.8.02
126 הודעות

21:53 31.10.07

5. מסגרת התוכן
בתגובה להודעה מספר 4

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

http://rotter.name/User_files/nor/4728dc154dfae3a7.jpg
תן לי בבקשה הסבר פשוט מה צריך לעשות אני יודע HTML מצוין ,
CSS קצת פחות אבל יש לי את ה rapidphp שעוזר לי עם פקודות של CSS וכו'.
אם לא תקבל ממני תגובה מהירה בגלל שאני הולך לסגור שבת עכשיו בבסיס
אני יחזור יום ראשון לצפות בהודעה שלך .

ותודה רבה על סבלנותך.

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

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

Nafster

14:39 01.11.07

7. אוקי אז ככה..
בתגובה להודעה מספר 5

אוקי עכשיו אתה רוצה שהמסגרת הזו תחזור על עצמה הרבה פעמים בדף בגדלים שונים בהתאם לתוכן ,כן ?
אם כך אז..
יש לך כמה אופציות יחסית למקרה שאתה רוצה...תבחר פשוט ממה שאני מציע את זו שמתאימה לך ביותר
צרפתי מסמך טקסט להודעה ובו כל הפירוט איך ולמה ,כי פה הקוד יצא לי מחורבש...
http://rotter.name/User_files/nor/4729c8b6713d0bf5.txt

מקווה ששזה יעזור לך
אם לא...תמורת סכום סמלי .... סתם אחי

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

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

DarkMaster
חבר מתאריך 1.8.02
126 הודעות

12:46 04.11.07

8. תודה רבה אחי
בתגובה להודעה מספר 7

ערכתי לאחרונה בתאריך 04.11.07 בשעה 12:47 בברכה, DarkMaster

אני ישתמש באופציה השניה , אחרי זה אני גם ינסה להתעקש על עצמי .
אני יבנה את העיקרון המסוים ב CSS ויבנה פונקציה ב PHP שתעשה את זה אוטומטי .

תודה רבה

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

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

DarkMaster
חבר מתאריך 1.8.02
126 הודעות

11:38 05.11.07

9. בעיה נוספת צצה
בתגובה להודעה מספר 8

משום מה , ה repeat-y יש לו גודל קבוע כזה שגורם לו לצאת לי מהמסגרת
קוד :
http://rotter.name/User_files/nor/472ee46e7ab3d53e.txt
תמונה :

http://rotter.name/User_files/nor/472ee4887aec5573.jpg

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

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

Nafster

17:01 06.11.07

10. תעשה ככה...
בתגובה להודעה מספר 9

תתן ב CSS
לתגיית P
גבולות כמו שנתנו בתבנית
לדוגמא :
margin-left : 10px
אני רושם LEFT כי זה לפי הדוגמה ששמת כרגע מה שצריך
אבל תשחק עם הערכים והאופציות איך שבא לך

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

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

DarkMaster
חבר מתאריך 1.8.02
126 הודעות

18:18 10.11.07

11. לא הבנת כל כך .
בתגובה להודעה מספר 10

ערכתי לאחרונה בתאריך 10.11.07 בשעה 18:39 בברכה, DarkMaster

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

ה reapet-y הרצועה של הפיקסל , גולשת לי מחוץ למסגרת .

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

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

Nafster

12:35 13.11.07

12. פיתרון
בתגובה להודעה מספר 11

תיצור עוד DIV שהרקע שלו שחור ועם Z-INDEX תעשה שהוא יהיה לפני האזור שמפריע לך.... זה פתרון קצת "דבילי" אבל עדיין הוא יעשה את העבודה.
זה מאוד מפתה להכנס איתך לשפות אחרות כמו XML כי הפתרון הרבה יותר אידאלי בXML נניח אבל בקשת CSS
ככה שאני חושב על פתרונות רק בHTML ו CSS

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

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

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

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

DarkMaster
חבר מתאריך 1.8.02
126 הודעות

13:08 14.11.07

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

האמת שלא הצלחתי כל כך עם ה z-index

אבל יש לך מושג למה זה בכלל קורה ?

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

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

avir122

01:38 01.11.07

6. למה שלא תהפוך את זה לclass על תג body ??
בתגובה להודעה מספר 0

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

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

Nafster

14:11 14.11.07

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

למה זה קורה זה לא מה שחשוב
רק תדע שזה אמור לקרות אם אתה משתמש בREPEAT
יש דרך להגביל את הREPEAT
ע''י הגבלת אורך ורוחב של הREPEAT
בכל אופן כנס לפה :
http://www.w3schools.com/css/css_reference.asp
לא ידוע אם אתה מכיר, אבל זה אתר טוב ללימוד בסיס ומעבר לו
של בניית אתרים
בדף הספציפי שעשיתי לך לינק... יש בו תיעוד של רוב הפקודות
החשובות ב CSS אם לא כולן... ואם תלחץ על פקודה ספציפית בדף
יראו לך גם דוגמא איך לשלב אותה בקוד שלך..

מקווה שזה יעזור לך להבין איך להשתמש ב Z-INDEX

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

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

DarkMaster
חבר מתאריך 1.8.02
126 הודעות

17:38 19.11.07

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

אני מכיר את האתר

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

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