נושאים פעיליםנושאים פעילים  הצגת רשימה של חברי הפורוםרשימת משתמשים  חיפוש בפורוםחיפוש  עזרהעזרה
  הרשמההרשמה  התחברותהתחברות RSS עדכונים
בניית אתרים
RSS UnderWarrior Forums : RSS בניית אתרים
נושא

נושא: מסגרות עם פינות מעוגלות

 שליחת תגובהשליחת נושא חדש
כותב
הודעה << נושא קודם | נושא הבא >>
fitlife
משתמש מתחיל
משתמש מתחיל
סמל אישי

הצטרף / הצטרפה: 02 October 2007
מדינה: Israel
משתמש: מנותק/ת
הודעות: 12
נשלח בתאריך: 02 October 2007 בשעה 10:09 | IP רשוּם
ציטוט fitlife

שלום רב,

התחלתי ללמוד CSS וHTML על מנת לבנות את האתר שלי מחדש. כמה שCSS עושה את החיים קלים יותר.

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

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

תודה מראש למשיבים
חזרה לתחילת העמוד הצג את כרטיס החבר של fitlife חפש הודעות אחרות של fitlife בקר בדף הבית של fitlife
 
shoshan
מנהל האתר
מנהל האתר
סמל אישי

הצטרף / הצטרפה: 16 July 2005
מדינה: Israel
משתמש: מנותק/ת
הודעות: 4637
נשלח בתאריך: 02 October 2007 בשעה 13:31 | IP רשוּם
ציטוט shoshan
אם זאת קופסא ברוחב וגובה קבועים, פשוט תעשה תמונה שלה ותשים אותה בתור
תמונת רקע של DIV (ותוסיף לו PADDING מתאים).
 
בעקרון יש הרבה דרכים אבל אם זאת קופסה ברוחב קבוע אז פשוט תעשה תמונה של
החלק העליון שלה (כל הרוחב, וגובה עד שנגמר החלק המעוגל) ועוד תמונה אותו
דבר רק למטה, ואז תשים DIV בתוך DIV, הראשון עם תמונת רקע של התמונה
הראשונה, למלעלה, ו-PADDING מתאים מלמעלה, והDIV השני עם רקע של
התמונה השנייה, למלטה, ו-PADDING מתאים מלמטה, ובו גם יהיה התוכן (ואז
תשחק עם ה-BORDERים בשביל שאר הקוים של הקופסא).

אם זאת קופסא ברוחב משתנה אז תעשה 4 תמונות של 4 הפינות,  ואז או שתשים 4
DIVים אחד בתוך השני, כל אחד עם BACKGROUND שיהיה במיקום הנכון (בפינה
המתאימה) ואז בתוך האחרון תשים את התוכן ו-PADDING מתאים,

או לחלופין תעשה DIV אחד ובתוכו על ההתחלה שני DIVים עם FLOAT לימין
ושמאל שבהם תמונת רקע מתאימה, אז DIV עם CLEAR:ALL ואז התוכן, ואחרי
התוכן עוד שני DIVים עם FLOAT מתאים ותמונת רקע, ואחריהם עוד DIV עם
CLEAR.

__________________
עד מתי רשעים יעלוזו?

עַל כֵּן אֶמְאַס וְנִחַמְתִּי עַל עָפָר וָאֵפֶר.
חזרה לתחילת העמוד הצג את כרטיס החבר של shoshan חפש הודעות אחרות של shoshan בקר בדף הבית של shoshan
 
11010010110
פורומיסט על
פורומיסט על
סמל אישי

הצטרף / הצטרפה: 23 April 2006
משתמש: מנותק/ת
הודעות: 2621
נשלח בתאריך: 02 October 2007 בשעה 14:05 | IP רשוּם
ציטוט 11010010110
מה שהולך כאן זה הוספה של התמונות אם ::after ו ::before
ב CSS של ה div

http://www.w3.org/Style/Examples/007/
חזרה לתחילת העמוד הצג את כרטיס החבר של 11010010110 חפש הודעות אחרות של 11010010110
 

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

  שליחת תגובהשליחת נושא חדש
גרסת הדפסה גרסת הדפסה

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