לוגו אתר Fresh          
 
 
  אפשרות תפריט  ראשי     אפשרות תפריט  צ'אט     אפשרות תפריט  מבזקים     אפשרות תפריט  צור קשר     חץ שמאלה ‎print ‎"Hello World!"; if‎ ‎not rules.‎know ‎then rules.‎read(); חץ ימינה  

לך אחורה   לובי הפורומים > מחשבים > תכנות ובניית אתרים
שמור לעצמך קישור לדף זה באתרי שמירת קישורים חברתיים
תגובה
 
כלי אשכול חפש באשכול זה



  #16  
ישן 11-01-2009, 18:45
  משתמש זכר dorM dorM אינו מחובר  
מנהל
 
חבר מתאריך: 26.07.08
הודעות: 6,473
בתגובה להודעה מספר 15 שנכתבה על ידי DanDanM שמתחילה ב "שינתי את הגודל של הצפייה..."

מה זאת אומרת לא בסדר בקוד?
הקוד שלך תקין לפי W3C, משמע שכתבת קוד XHTML Trans נכון.

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

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

כידוע הכיוון של האתר שלך הוא מימין לשמאל. משמע אם תיקח div ותיקבע לו רוחב קטן מ- 100%, אז אתה תראה אותו בתור טור א'.
כלומר שטור א' אנחנו יודעים ליצור וזה די קל.
עכשיו נשאר את טור ב' - איך יוצרים אותו? הרי טור א' הוא אלמנט div ואלמנט כזה "משתלט" על כל השורה שהוא נמצא בה, פשוט כי יש לו תכונה של display:block.
ובכן, כאן בא float:left לעזרתנו ועוזר לנו ליצור את טור ב'.
בסופו של דבר, זה אמור להיראות בערך כך:

קוד:
<div class="columns_wrapper"> <div style="float:left; width:200px;"> I am column (column is "Toor" in Hebrew) B. </div> <div style="width:600px;"> I am column A. No special style defined. </div> </div>


כפי שאתה רואה זה למעשה מאוד פשוט, היינו צריכים להשתמש רק ב-float.
השתמשתי גם ב-div בתור אלמנט אב של 2 הטורים, סתם כי אני חושב שזה יותר עדיף.

הקוד של באתר מאוד מבולגן וקשה לקרוא אותו.
השתדל לכתוב קוד עם הזחות (Tab'ים, הכפתור שמתחת לכפתור ה-Esc במקלדת) לקריאות נוחה יותר.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #18  
ישן 11-01-2009, 21:41
  משתמש זכר dorM dorM אינו מחובר  
מנהל
 
חבר מתאריך: 26.07.08
הודעות: 6,473
בתגובה להודעה מספר 17 שנכתבה על ידי DanDanM שמתחילה ב "סבבה אחי , ניסיתי..."

אוקי תקשיב... לא הבנת אותי...

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

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

קוד:
.elm { margin:auto; }


שים לב, סה"כ השתמשתי ב-CSS פשוט ועשיתי יישור אלמנט (אך לא הטקסט שבפנוכו).

בגלל שהתג center קיים אצלך, זה יוצר בעיה, בגלל שהיית חייב לתת float:right לאלמנט הימני (טור א').
אם התג center לא היה קיים, לא היית צריך מלכתחילה לשים float:right.

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

שים לב שהאלמנט ה"צף" (האלמנט בעל תכונת ה-float, שזה טור ב') חייב לבוא לפני האלמנט הסטטי (האלמנט שבלי תכונת ה-float, שזה טור א') כאשר עושים זאת בדרך שציינתי למעלה.

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

אנסה לכתוב קוד שיתאר את המבנה הכללי של האתר שלך, אתייחס בעיקר לתוכן של התג body, הקוד:


קוד:
<style type='text/css'> html,body { text-align:right; direction:rtl; } div#Wrapper { width:800px; margin:auto; } div.col_B { float:left; width:200px; } div.col_A { width:600px; } </style> </head> <body> <div id='Wrapper'> <div id='top'>Welcome to my website!<img src='logo.gif' alt='' /></div> <div id='Menu'>...</div> <div class='col_B'> I am column (column is "Toor" in Hebrew) B. </div> <div class='col_A'> I am column A. No special style defined. </div> <div id='Copyrights'>...</div> </div> </body>


זהו המבנה הבסיסי.
מהמבנה הזה תמשיך את האתר שלך.
good luck
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #20  
ישן 12-01-2009, 20:29
  משתמש זכר dorM dorM אינו מחובר  
מנהל
 
חבר מתאריך: 26.07.08
הודעות: 6,473
בתגובה להודעה מספר 19 שנכתבה על ידי DanDanM שמתחילה ב "אש אחי תודה.....עשיתי כפי..."

הסתכלתי בקוד החדש, ועדיין השארת כמה דברים לא טובים, גם ב-HTML וגם ב-CSS...

ב-HTML קודם כל חסר כמה הזחות שיעזרו להסתכל בקוד... זה לא בעייתי עבור הדפדפן, אבל מאוד נוח ויכול לעזור מאוד בפתירת בעיות.
ב-CSS עדיין השארת float:right שלדעתי הוא מיותר וגם margin שיכולים להיות מיותרים, ומשום מה גם קבעת תכונת display אחרת לתגי ה-div, כאשר אין צורך בזה.

שים לב למה שאמרתי לך קודם, הבאתי לך קוד מלא ובסיסי של מבנה האתר שאמור להיות, עם קוד CSS מתאים...

בעיקרון כדי ליישר את הבלוק פשוט תוכל לעשות את הבא (כל זאת בהתאם לקוד האחרון שהבאתי לך, של מבנה האתר הבסיסי):
קוד:
<style type='text/css'> html,body { text-align:right; direction:rtl; } div#Wrapper { width:800px; margin:auto; } div.col_B { float:left; width:200px; } div.col_A { width:600px; } </style> </head> <body> <div id='Wrapper'> <div id='top'>Welcome to my website!<img src='logo.gif' alt='' /></div> <div id='Menu'>...</div> <div class='col_B'> <div> הודעות אחרונות </div> <div> בלוק שתיים </div> </div> <div class='col_A'> I am column A. No special style defined. </div> <div id='Copyrights'>...</div> </div> </body>
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #25  
ישן 15-01-2009, 19:56
  משתמש זכר dorM dorM אינו מחובר  
מנהל
 
חבר מתאריך: 26.07.08
הודעות: 6,473
בתגובה להודעה מספר 23 שנכתבה על ידי DanDanM שמתחילה ב "חחח איך שחכתי מtext align..."

כדי להזיזן שמאלה, נסה פשוט להשתמש ב- position:relative ביחד עם ציון ערך מתאים לתכונת left, למרות שאני לא בטוח כיצד זה יגיב ביחד עם float:left.
אתה מוזמן להסתכל בעמוד הבא: http://www.w3schools.com/css/css_reference.asp
אם הנ"ל לא עזר ואתה רוצה למצוא פיתרון - נסה להיעזר בתכונות האלמנטים שמצוינות שם, לפי מה שנראה לך הגיוני ונכון לעשות.

ד"א שכחתי לומר לך בנוגע ל- br ששמת שם. במקום br, פשוט תשתמש בתכונת ה- margin-top עבור האלמנט התחתון (שנמצא מתחת לכל ה-br האלה), או תכונת margin-bottom עבור האלמנט העליון (שמעל לכל ה-br...).

דבר נוסף וחשוב לא פחות - חטאת!!! פיצצת את המסמך שלך בטבלאות מיותרות!!!! למה עשית דבר שכזה? אתה רוצה שמשטרת WEB תעצור אותך?
במקום בטבלאות יכלת באלגנטיות להשתמש ברשימה (תגים li ו- ul).

בקשר לקוד ה-CSS שמופיע במסמך ה-HTML - ובכן, מומלץ לשים קוד CSS סטאטי (קוד CSS שלא משתנה\מושפע בעיקבות הדינאמיות של המערכת שלך. כלומר קוד CSS שנשאר קבוע בכל הדפים.) במסמך CSS, ואת המסמך הזה לשלוף בעזרת תג ה-link (שזה תג ששולף מידע מסוים כמו מסמכי CSS חיצוניים). זה חוסך מהדפדפן ומנועי החיפוש לקרוא תוים מיותרים - הדפדפן כבר ישלוף אותו מה-cache בפעם הבאה שייכנס לאתר, ומנועי החיפוש פשוט לא מעוניינים בקובץ הזה.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #26  
ישן 16-01-2009, 11:27
  DanDanM DanDanM אינו מחובר  
 
חבר מתאריך: 16.09.08
הודעות: 433
בתגובה להודעה מספר 25 שנכתבה על ידי dorM שמתחילה ב "כדי להזיזן שמאלה, נסה פשוט..."

ציטוט:
במקור נכתב על ידי dorM
כדי להזיזן שמאלה, נסה פשוט להשתמש ב- position:relative ביחד עם ציון ערך מתאים לתכונת left, למרות שאני לא בטוח כיצד זה יגיב ביחד עם float:left.
אתה מוזמן להסתכל בעמוד הבא: http://www.w3schools.com/css/css_reference.asp
אם הנ"ל לא עזר ואתה רוצה למצוא פיתרון - נסה להיעזר בתכונות האלמנטים שמצוינות שם, לפי מה שנראה לך הגיוני ונכון לעשות.

ד"א שכחתי לומר לך בנוגע ל- br ששמת שם. במקום br, פשוט תשתמש בתכונת ה- margin-top עבור האלמנט התחתון (שנמצא מתחת לכל ה-br האלה), או תכונת margin-bottom עבור האלמנט העליון (שמעל לכל ה-br...).

דבר נוסף וחשוב לא פחות - חטאת!!! פיצצת את המסמך שלך בטבלאות מיותרות!!!! למה עשית דבר שכזה? אתה רוצה שמשטרת WEB תעצור אותך?
במקום בטבלאות יכלת באלגנטיות להשתמש ברשימה (תגים li ו- ul).

בקשר לקוד ה-CSS שמופיע במסמך ה-HTML - ובכן, מומלץ לשים קוד CSS סטאטי (קוד CSS שלא משתנה\מושפע בעיקבות הדינאמיות של המערכת שלך. כלומר קוד CSS שנשאר קבוע בכל הדפים.) במסמך CSS, ואת המסמך הזה לשלוף בעזרת תג ה-link (שזה תג ששולף מידע מסוים כמו מסמכי CSS חיצוניים). זה חוסך מהדפדפן ומנועי החיפוש לקרוא תוים מיותרים - הדפדפן כבר ישלוף אותו מה-cache בפעם הבאה שייכנס לאתר, ומנועי החיפוש פשוט לא מעוניינים בקובץ הזה.

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

תודה דור , אוהב אותך אחי
_____________________________________
היי,
שמי דן , ואשמח לעזור לכם בכל פנייה שהיא
ניתן ליצור איתי קשר באיימיל (DanDan@walla.com) במסנג'ר (DanDan@walla.com) ובאיסיקיו (12348188)

גלישה נעימה...

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
תגובה

כלי אשכול חפש באשכול זה
חפש באשכול זה:

חיפוש מתקדם
מצבי תצוגה דרג אשכול זה
דרג אשכול זה:

מזער את תיבת המידע אפשרויות משלוח הודעות
אתה לא יכול לפתוח אשכולות חדשים
אתה לא יכול להגיב לאשכולות
אתה לא יכול לצרף קבצים
אתה לא יכול לערוך את ההודעות שלך

קוד vB פעיל
קוד [IMG] פעיל
קוד HTML כבוי
מעבר לפורום



כל הזמנים המוצגים בדף זה הם לפי איזור זמן GMT +2. השעה כעת היא 09:34

הדף נוצר ב 0.07 שניות עם 10 שאילתות

הפורום מבוסס על vBulletin, גירסא 3.0.6
כל הזכויות לתוכנת הפורומים שמורות © 2024 - 2000 לחברת Jelsoft Enterprises.
כל הזכויות שמורות ל Fresh.co.il ©

צור קשר | תקנון האתר