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

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



  #1  
ישן 26-01-2011, 04:15
  Adiel-San Adiel-San אינו מחובר  
 
חבר מתאריך: 30.07.09
הודעות: 47
CSS| שאלה..
אתם רואים את זה?
http://he.html.net/tutorials/css/lesson3_ex11.php

בקיצור, הם שמו את התמונה של הפרפר בBODY.
עכשיו אני מנסה לעשות את אותו הדבר רק עם div=ID וזה לא עובד לי ]:
זה הקוד שלי:
CSS:

קוד:
#alon3
{
    background-attachment: fixed;
    background-color: #FFCC66;
    background-image: url("butterfly.gif");
    background-position: 50% 25%;
    background-repeat: no-repeat;
    width: 250px;
    height:270px;
}

XHTML:
קוד:
<html dir="rtl">
<meta />
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Stie of Adiel
</head>
<body>
<div id="alon3">

</body>
</html>


לא רואים את התמונה אבל שאני מחליף את ה-ID הזה שזה הכנס ב-CSS ל-BODY זה כן עובד, תודה לעוזרים..
_____________________________________


תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #2  
ישן 26-01-2011, 06:32
צלמית המשתמש של Narxx
  משתמש זכר Narxx Narxx אינו מחובר  
 
חבר מתאריך: 21.12.04
הודעות: 30,021
בתגובה להודעה מספר 1 שנכתבה על ידי Adiel-San שמתחילה ב "CSS| שאלה.."
1. תעיף את:
background-attachment: fixed;
2. לא סגרת את ה DIV.
3. אתה מנסה לעשות בדיוק אותו הדבר? שיהיה במרכז הדף וברבע הגובה מלמעלה?
אם כן, אתה צריך לתת ל DIV את גודל כל הדף ואז הרקע יהיה באמצע, או למקם את ה DIV עצמו שיהיה במרכז המסך. כך או כך, התמונה תהיה באמצע, אבל זה כמובן ישפיע לך על שאר הדברים.
בכל מקרה, כדי לעשות מה שהם עשו:
קוד PHP:
 <html dir="rtl">
<meta />
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Stie of Adiel
<STYLE type="text/css">
#alon3
{
    background-color: #FFCC66;
    background-image: url(http://he.html.net/tutorials/css/butterfly.gif);
    background-position: 50% 25%;
    background-repeat: no-repeat;
    width: 100%;
    height:100%;
}
 </STYLE>
</head>
<body>
<div id="alon3">

</div>
</body>
</html> 

כמובן שתוכל להפריד את התוכן של ה-CSS לקובץ נפרד...
_____________________________________
בברכה, מתן.
www.MatanNarkiss.com

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #3  
ישן 26-01-2011, 07:00
  Adiel-San Adiel-San אינו מחובר  
 
חבר מתאריך: 30.07.09
הודעות: 47
בתגובה להודעה מספר 2 שנכתבה על ידי Narxx שמתחילה ב "1. תעיף..."
ציטוט:
במקור נכתב על ידי Narxx
1. תעיף את:
background-attachment: fixed;
2. לא סגרת את ה DIV.
3. אתה מנסה לעשות בדיוק אותו הדבר? שיהיה במרכז הדף וברבע הגובה מלמעלה?
אם כן, אתה צריך לתת ל DIV את גודל כל הדף ואז הרקע יהיה באמצע, או למקם את ה DIV עצמו שיהיה במרכז המסך. כך או כך, התמונה תהיה באמצע, אבל זה כמובן ישפיע לך על שאר הדברים.
בכל מקרה, כדי לעשות מה שהם עשו:
קוד PHP:
 <html dir="rtl">
<meta />
<head>
<link rel="stylesheet" type="text/css" href="style.css" />
<title>Stie of Adiel
<STYLE type="text/css">
#alon3
{
    background-color: #FFCC66;
    background-image: url(http://he.html.net/tutorials/css/butterfly.gif);
    background-position: 50% 25%;
    background-repeat: no-repeat;
    width: 100%;
    height:100%;
}
 </STYLE>
</head>
<body>
<div id="alon3">

</div>
</body>
</html> 

כמובן שתוכל להפריד את התוכן של ה-CSS לקובץ נפרד...


אני כן סגרתי את הDIV בטעות זה לא העתיק את זה
ומה שנתת עובד ממש תודה! אני מבין שה-
fixed הוא הבעיה הגדולה פה.. ועל איזה דברים זה ישפיע? יש לזה השלחות מסוימות?
חשבתי לקודד ככה עיצוב אתר ולמקם את התמונות
_____________________________________


נערך לאחרונה ע"י Adiel-San בתאריך 26-01-2011 בשעה 07:23.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #4  
ישן 26-01-2011, 18:11
צלמית המשתמש של Narxx
  משתמש זכר Narxx Narxx אינו מחובר  
 
חבר מתאריך: 21.12.04
הודעות: 30,021
בתגובה להודעה מספר 3 שנכתבה על ידי Adiel-San שמתחילה ב "[QUOTE=Narxx]1. תעיף..."
לא משתמשים בצורה הזו בעיצוב אתר.
למד על מיקום DIVים וסידור הדף ל DIVים.
כשתצליח לחלק את הדף לחלקים, תוכל לתת לכל חלק את הרקע שלו והצבעים שלו...
_____________________________________
בברכה, מתן.
www.MatanNarkiss.com

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #5  
ישן 26-01-2011, 15:43
  ישראל K ישראל K אינו מחובר  
 
חבר מתאריך: 25.08.03
הודעות: 9,114
בתגובה להודעה מספר 1 שנכתבה על ידי Adiel-San שמתחילה ב "CSS| שאלה.."
להבא, תועיל בטובך לתת לכותרת תיאור המבהיר בצורה ברורה יותר מהו נושא הדיון
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #6  
ישן 26-01-2011, 20:03
  Adiel-San Adiel-San אינו מחובר  
 
חבר מתאריך: 30.07.09
הודעות: 47
בתגובה להודעה מספר 1 שנכתבה על ידי Adiel-San שמתחילה ב "CSS| שאלה.."
Narxx - סבבה תודה, אתה מתכוון לזה נכון?
http://he.html.net/tutorials/css/lesson10.php
ממסגרים ככה ושמים בתוכו את התמונות, וממקמים את הטקסט אם אני מבין נכון?
אוקי, אני אנסה להשתמש בזה ולקודד עם זה את התמונות.

ישראל K - סבבה
_____________________________________


תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #7  
ישן 26-01-2011, 21:56
צלמית המשתמש של Narxx
  משתמש זכר Narxx Narxx אינו מחובר  
 
חבר מתאריך: 21.12.04
הודעות: 30,021
בתגובה להודעה מספר 6 שנכתבה על ידי Adiel-San שמתחילה ב "Narxx - סבבה תודה, אתה מתכוון..."
לא, אני לא מתכוון לזה.
מה זה האתר הזה בכלל? הוא כתוב נוראי. עזוב שגיאות עברית כמו "מה למדתה עד עתה?", הקוד שם לא מיושר לשמאל. הרבה קטעי קוד קשה בכלל לקרוא.
הדבר היחיד שמצאתי בהקשר של מה שאני רוצה שתלמד זה זה:
http://he.html.net/tutorials/css/lesson8.php
אבל זה נוראי... זה המקום היחיד במדריך שמדבר על DIVים והוא בכלל לא מסביר איך DIVים פותרים את הבעיה של הטבלאות (כלומר, לא מסביר איך להשתמש ב DIVים במקום טבלאות כשאתה מעצב את האתר שלך.
DIV מאפשר לך לא רק לקבץ אלמנטים רבים תחת אותן הגדרות CSS, אלא גם לסדר אותן זה לצד זה או זה מתחת לזה, בדיוק כפי שאתה רוצה, כדי שהדברים בדף יופיעו איפה שאתה רוצה.

קיצר - אני חושב שכדאי לזנוח את ההסברים הדלים והמאוד לא ממצים באתר שמצאת, ולעבור למדריכים נורמליים.
הנה אחד מגניב שמצאתי בגוגל:
http://www.albinoblacksheep.com/livedesign/1
אשכרה צעד צעד איך לעבוד עם DIVים ועיצוב ב CSS מאפס, עד ליצירת דף מורכב ויפה ויזואלית.
הרבה הצלחה!
_____________________________________
בברכה, מתן.
www.MatanNarkiss.com

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #8  
ישן 27-01-2011, 00:11
  Adiel-San Adiel-San אינו מחובר  
 
חבר מתאריך: 30.07.09
הודעות: 47
בתגובה להודעה מספר 7 שנכתבה על ידי Narxx שמתחילה ב "לא, אני לא מתכוון לזה. מה זה..."
ציטוט:
במקור נכתב על ידי Narxx
לא, אני לא מתכוון לזה.
מה זה האתר הזה בכלל? הוא כתוב נוראי. עזוב שגיאות עברית כמו "מה למדתה עד עתה?", הקוד שם לא מיושר לשמאל. הרבה קטעי קוד קשה בכלל לקרוא.
הדבר היחיד שמצאתי בהקשר של מה שאני רוצה שתלמד זה זה:
http://he.html.net/tutorials/css/lesson8.php
אבל זה נוראי... זה המקום היחיד במדריך שמדבר על DIVים והוא בכלל לא מסביר איך DIVים פותרים את הבעיה של הטבלאות (כלומר, לא מסביר איך להשתמש ב DIVים במקום טבלאות כשאתה מעצב את האתר שלך.
DIV מאפשר לך לא רק לקבץ אלמנטים רבים תחת אותן הגדרות CSS, אלא גם לסדר אותן זה לצד זה או זה מתחת לזה, בדיוק כפי שאתה רוצה, כדי שהדברים בדף יופיעו איפה שאתה רוצה.

קיצר - אני חושב שכדאי לזנוח את ההסברים הדלים והמאוד לא ממצים באתר שמצאת, ולעבור למדריכים נורמליים.
הנה אחד מגניב שמצאתי בגוגל:
http://www.albinoblacksheep.com/livedesign/1
אשכרה צעד צעד איך לעבוד עם DIVים ועיצוב ב CSS מאפס, עד ליצירת דף מורכב ויפה ויזואלית.
הרבה הצלחה!


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

או לפחות מדריך שמסביר כמו שצריך את הפקודה של ה-DIV שאדע איך לקודד...
או התחלה של הקידוד
_____________________________________


תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #9  
ישן 27-01-2011, 00:17
צלמית המשתמש של Narxx
  משתמש זכר Narxx Narxx אינו מחובר  
 
חבר מתאריך: 21.12.04
הודעות: 30,021
בתגובה להודעה מספר 8 שנכתבה על ידי Adiel-San שמתחילה ב "[QUOTE=Narxx]לא, אני לא..."
אתה לא צריך ללמוד אנגלית ספרותית בשביל להבין קוד.
הוא גם ככה כתוב באנגלית.
באתר שהבאתי לך יש הגדרות float ל DIVים, דבר שמאפשר ל DIVים לצוף זה ליד זה (במקום ההגדרה הדיפולטית של זה מתחת לזה).
יש לך הדגמה לייב איך לכתוב את ה CSS כדי לעשות כל מיני אפקטים.. .החל מרקעים, להצללות, צבעי מסגרת, שינוי פונט וכו'...

באנגלית יש את כל החומר שאתה צריך.
בעברית - לא.
לכן, במקום להתעצל ולהסתפק בחומר גרוע שכתוב בעברית, נסה להתמודד עם החומר המלא שכתוב באנגלית.
בסופו של דבר, זו לא אנגלית ספרותית אלא אנגלית טכנית.
זה לא צריך להיות בעיה (ואתה מוזמן להעזר בשירותיו של Google Translate אם יש מילים שבורחות לך).
_____________________________________
בברכה, מתן.
www.MatanNarkiss.com

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #10  
ישן 27-01-2011, 04:26
  Adiel-San Adiel-San אינו מחובר  
 
חבר מתאריך: 30.07.09
הודעות: 47
בתגובה להודעה מספר 9 שנכתבה על ידי Narxx שמתחילה ב "אתה לא צריך ללמוד אנגלית..."
ציטוט:
במקור נכתב על ידי Narxx
אתה לא צריך ללמוד אנגלית ספרותית בשביל להבין קוד.
הוא גם ככה כתוב באנגלית.
באתר שהבאתי לך יש הגדרות float ל DIVים, דבר שמאפשר ל DIVים לצוף זה ליד זה (במקום ההגדרה הדיפולטית של זה מתחת לזה).
יש לך הדגמה לייב איך לכתוב את ה CSS כדי לעשות כל מיני אפקטים.. .החל מרקעים, להצללות, צבעי מסגרת, שינוי פונט וכו'...

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


טוב שחושבים על זה, שמדובר באנגלית טכנית זה באמת יכול להיות יותר קל
וכן אני מכיר את הפקודה של float שגורמת לתמונה לצוף שיהיה אפשר לכתוב עליה לדוגמה או לגרום לטקסט להיצמד אליה אבל חוץ מי זה בסדר, אנסה ללמוד משמה תודה על כל העזרה ועל זמנך
_____________________________________


תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
תגובה
« לאשכול הקודם | לאשכול הבא »

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

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

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



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

הדף נוצר ב 0.05 שניות עם 12 שאילתות
צור קשר - Fresh - למעלה

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

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