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

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



  #1  
ישן 27-12-2008, 15:29
  גיא1987 גיא1987 אינו מחובר  
 
חבר מתאריך: 22.11.08
הודעות: 9
מרכוז הדף,CSS וטבלאות-שאלה מחוסר הבנה.
אהלן ושבוע טוב לכולם.

אני מתחיל בכל מה שנוגע לבניית אתרים באינטרנט,ואני עדיין לומד את הדברים הבסיסיים.
הצלחתי לבנות אתר די פשוט,בו תמונות ולינקים,הוא מחולק לשלוש טבלאות;עליונה,שמאלית וימנית.שלושת טבלאות אלו אני רוצה להשאיר אותן קבועות תמיד והתוכן במרכז הדף הייתי רוצה שיהיה הוא החלק הדינימי והמשתנה.לפי מה שהבנתי צריך להשתמש ב-CSS על מנת לחסוך לי את הזמן בלעשות קופי-פאסט בכל פעם שארצה ליצור דף חדש ו/שארצה לשנות עיצוב וכד' באחד הדפים.
ניסיתי כבר לעשות כל מיני דברים,אך לא הצלחתי.אם מישהו יוכל להסביר לי מהו סדר הפעולות בעניין זה אודה לו מאוד.

כמו כן,עוד שאלה קטנה,כיצד אוכל לעשות למרכז את כל הדף שלי במרכז המסך,ושלא יתפרס לי על כל רוחבו של המסך?לדוג' http://www.upit.ws/uploads/758186b1a7946.JPG

תודה רבה למי שעוזר.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #2  
ישן 27-12-2008, 17:40
  משתמש זכר dorM dorM אינו מחובר  
מנהל
  
חבר מתאריך: 26.07.08
הודעות: 6,473
בתגובה להודעה מספר 1 שנכתבה על ידי גיא1987 שמתחילה ב "מרכוז הדף,CSS וטבלאות-שאלה מחוסר הבנה."
ציטוט:
ניסיתי כבר לעשות כל מיני דברים,אך לא הצלחתי.אם מישהו יוכל להסביר לי מהו סדר הפעולות בעניין זה אודה לו מאוד.

למה הכוונה "סדר הפעולות"?
אראה לך דוגמא של קוד CSS וקוד HTML:

קוד:
<style type='text/css'>
#Wrapper
{
  margin: auto; /* Center the element */
  width:800px;
}

.fancy
{
  background-color:#f0f0f0;
  color:black;
}
</style>
</head>
<body>
<div id='Wrapper'>
  <div class='fancy'>
   Text
  </div>
</div>

הראתי לך בקוד הנ"ל גם דוגמא של מירכוז.

בעיקרון, כדי למרכז אלמנט, אתה פשוט צריך לקבוע לו margin:auto עבור השוליים (שוליים זה margin בעברית) האופקיים שלו (שוליים ימניים ושוליים שמאליים).
גם קביעת margin:0px auto; למעשה קובע את השוליים האופקיים עם הגדרת auto והאלמנט יהיה ממורכז. להבנה נוספת קרא על התחביר של CSS כאן: http://www.w3schools.com/css/pr_margin.asp

אבל לפעמים, אפילו אם מרכזת את האלמנט ע"י הגדרת margin:auto, מבחינה חזותית לא תראה אותו ממורכז, כי הרוחב שלו מוגדר להיות 100%. לכן יש גם צורך להגדיר רוחב קטן יותר מ-100% כדי שמבחינה חזותית יהיה ניתן לראותו ממורכז.

דרך נוספת היא להגדיר:
קוד:
margin: 0 10px;


הגדרה זו קובעת שהשוליים האופקיים יהיו בעל גודל של 10px, כך שלא משנה מה רוחבו של האלמנט - עדיין הוא יהיה ממורכז ובעל שוליים של 10px כך שמבחינה חזותית אפילו לא תצטרך לקבוע לו רוחב שונה מ-100%.
אולי יקח כמה זמן להטמיע ולהבין, סה"כ זה נורא פשוט, צריך פשוט לעכל...
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #3  
ישן 28-12-2008, 01:49
  גיא1987 גיא1987 אינו מחובר  
 
חבר מתאריך: 22.11.08
הודעות: 9
בתגובה להודעה מספר 2 שנכתבה על ידי dorM שמתחילה ב "[QUOTE]ניסיתי כבר לעשות כל..."
תודה על התגובה.
עדיין לא הצלחתי להבין.כל רצוני הוא ששלושת הטבלאות ישארו קבועות בכל הדפים,ושהדף יהיה ממורכז במרכז המסך.אלו קודים ישנם והיכן אני אמור לשים אותם?האם אני אמור לכתוב את קודי ה-CSS בדפים נפרדים,או להוסיף אותם אל אחד מן הדפים של האתר?
כמו שאמרתי,אני מתחיל ועדיין לומד דברים בסיסיים,אם תוכל להסביר לי צעד צעד,אני מודה לך שוב.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #4  
ישן 28-12-2008, 01:57
  משתמש זכר dorM dorM אינו מחובר  
מנהל
  
חבר מתאריך: 26.07.08
הודעות: 6,473
בתגובה להודעה מספר 3 שנכתבה על ידי גיא1987 שמתחילה ב "תודה על התגובה. עדיין לא..."
לשם כך אתה צריך ליצור קובץ CSS אחד (שתהיה לו סיומת CSS) ולכלול את הקובץ הזה בכל מסמכי ה-HTML שלך בעזרת התג link, כך:
קוד:
<link rel="stylesheet" type="text/css" media="all" href="style.css" />

את התג הנ"ל יש לשים בין תגי ה-head.

בתוך הקובץ הנ"ל, הוסף את ההגדרות הבאות:

קוד:

/*** style.css file content: ****/
.myTable
{
  width:80%;
  margin:auto;
}


בכל מסמכי ה-HTML שלך, הוסף את המאפיין class עם הערך myTable לכל הטבלאות שאתה רוצה אותן ממורכזות, באופן הבא:
קוד:
<table class='myTable'>


והנה דוגמא של איך צריך להיראות מסמך XHTML אחד:

קוד:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title></title>
<link rel="stylesheet" type="text/css" media="all" href="style.css" />
</head>
<body>
<div>
<table class='myTable'>
<tr><td>Hi! I'm centered.</td></tr>
</table>
</div>
</body>
</html>


כאשר זהו תוכן מסמך ה-CSS שלך ששמו הוא style.css:
קוד:
.myTable
{
  width:80%;
  margin:auto;
}
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #5  
ישן 29-12-2008, 18:25
  גיא1987 גיא1987 אינו מחובר  
 
חבר מתאריך: 22.11.08
הודעות: 9
בתגובה להודעה מספר 4 שנכתבה על ידי dorM שמתחילה ב "לשם כך אתה צריך ליצור קובץ..."
אוקי.זה מירכז לי את הטבלה העליונה ואת השמאלית.בימנית הוא יצר לי בעיות גרפית עם צבע הטבלה משום מה,אבל ניחא.תודה רבה לך.
תוכל להסביר לי גם מה בנוגע ללקבע את הטבלאות בכל הדפים?(יש לי טבלה שכוללת בתוכה marquee,טקסט שעולה לבד,כיצד אוכל לשנות פרטים ב-Marquee פעם אחת מבלי שאצטרך לעבור על שאר הדפים?)
שוב תודה והמשך שבוע טוב.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #6  
ישן 29-12-2008, 18:50
  גיא1987 גיא1987 אינו מחובר  
 
חבר מתאריך: 22.11.08
הודעות: 9
בתגובה להודעה מספר 5 שנכתבה על ידי גיא1987 שמתחילה ב "אוקי.זה מירכז לי את הטבלה..."
או שאולי בכלל אני מתבלבל?אולי אין אפשרות כזאת לקבע טבלאות שישארו קבועות בכל הדפים ללא קופי-פאסט כל פעם מחדש?זוהי בעצם השאלה הגדולה שלי פה.CSS קשור לעניין?אני עדיין מתחיל כמו שכבר הוזכר פה,אני מקווה שאתה מבין למה אני מתכוון בשאלות שלי.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #7  
ישן 29-12-2008, 20:38
  משתמש זכר dorM dorM אינו מחובר  
מנהל
  
חבר מתאריך: 26.07.08
הודעות: 6,473
בתגובה להודעה מספר 5 שנכתבה על ידי גיא1987 שמתחילה ב "אוקי.זה מירכז לי את הטבלה..."
במקרה הזה תצטרך לבצע COPY-PAST בכל מסמכי ה-HTML.

אבל, ישנה אפשרות להשתמש ב- iframe (שהיא אפשרות לא מועדפת \ לא מקובלת על מפתחי אתרים).

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

הדרך המקובלת היא להשתמש בשפת צד-שרת, שהיא דינאמית, ואז תוכל להחיל שינויים בקלות מבלי להשתמש בתגים כמו iframe.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #8  
ישן 30-12-2008, 21:47
  גיא1987 גיא1987 אינו מחובר  
 
חבר מתאריך: 22.11.08
הודעות: 9
בתגובה להודעה מספר 7 שנכתבה על ידי dorM שמתחילה ב "במקרה הזה תצטרך לבצע..."
תוכל לתת מדריכים לצד שרת?הכי טוב מבחינתי שיהיו בעברית,כי האנגלית שלי לקויה טיפה.תודה
נערך לאחרונה ע"י גיא1987 בתאריך 30-12-2008 בשעה 21:49.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #9  
ישן 31-12-2008, 19:01
  משתמש זכר dorM dorM אינו מחובר  
מנהל
  
חבר מתאריך: 26.07.08
הודעות: 6,473
בתגובה להודעה מספר 8 שנכתבה על ידי גיא1987 שמתחילה ב "תוכל לתת מדריכים לצד שרת?הכי..."
כן...

תראה באשכול הבא: http://www.fresh.co.il/vBulletin/sh...ad.php?t=446612

מצטער אבל המקורות באנגלית הם העדיפים ביותר, למרות שיש מדריך ל-PHP בעברית באתר של איתן (שאולי אתה מכיר עד עכשיו)
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #10  
ישן 02-01-2009, 15:19
  גיא1987 גיא1987 אינו מחובר  
 
חבר מתאריך: 22.11.08
הודעות: 9
בתגובה להודעה מספר 9 שנכתבה על ידי dorM שמתחילה ב "כן... תראה באשכול הבא:..."
אחלה תודה לך.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
תגובה
« לאשכול הקודם | לאשכול הבא »

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

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

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



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

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

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

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