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

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



  #1  
ישן 26-06-2006, 18:36
  DCD DCD אינו מחובר  
 
חבר מתאריך: 17.05.05
הודעות: 7,321
טוב, זהו, נמאס מהסיבוך עם ה-DIV'ים וחייב לפתור את זה....!
אוקי, כנסו לאתר הזה:

http://dor.friendz-zone.net/index.php

כפי שאתם רואים, יש סיבוך ברוחב של ה-DIV'ים שרוחבם עולה על רוחב העמוד (למרות שעשיתי 90 אחוז מרוחב העמוד)...

זה ה-CSS:

http://dor.friendz-zone.net/css.css

וזה לא קשור ל-DTD...בדקתי....

מה זה יכול להיות...? זה קרה לי אחרי ששמתי את ה-DOCTYPE...זאת אומרת שאם אני מחליף DOCTYPE, הרוחב של ה-DIV'ים לא משתנה (התקלה נשארת), אבל אם אני מוריד את ה-DOCTYPE, התקלה יורדת...


אז מה הבעיה פה...?

תודה...
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #2  
ישן 26-06-2006, 19:04
צלמית המשתמש של netaneldj
  netaneldj netaneldj אינו מחובר  
 
חבר מתאריך: 01.05.06
הודעות: 7,861
Facebook profile
בתגובה להודעה מספר 1 שנכתבה על ידי DCD שמתחילה ב "טוב, זהו, נמאס מהסיבוך עם ה-DIV'ים וחייב לפתור את זה....!"
נסה לצמצם את גבולות העמוד ב body










קוד:


 
 
 
 
<body marginheight="0" marginwidth="0" leftmargin="0" topmargin="0">







עריכה: רק עכשיו הסתכלתי בקובץ ה Css


קוד:



.logo
 
{
 
BORDER-RIGHT: black 1px solid;
 
PADDING-RIGHT: 4px;
 
BORDER-TOP: black 1px solid;
 
PADDING-LEFT: 4px;
 
Z-INDEX: 100;
 
PADDING-BOTTOM: 4px;
 
VERTICAL-ALIGN: middle;
 
BORDER-LEFT: black 1px solid;
 
WIDTH: 100%;
 
COLOR: black;
 
PADDING-TOP: 4px;
 
BORDER-BOTTOM: 0px;
 
BACKGROUND-COLOR: #d7e4f3;
 
TEXT-ALIGN: left
 
}
 
.outer-logo
 
{
 
BORDER-RIGHT: black 1px solid;
 
PADDING-RIGHT: 4px;
 
BORDER-TOP: black 1px solid;
 
PADDING-LEFT: 4px;
 
PADDING-BOTTOM: 0px;
 
BORDER-LEFT: black 1px solid;
 
WIDTH: 100%;
 
COLOR: black;
 
PADDING-TOP: 4px;
 
BORDER-BOTTOM: black 1px solid;
 
BACKGROUND-COLOR: #9eafde
 
}


אם תחשוב קצת בהגיון, תראה שעשית את הלוגו הרגיל 100% והגדרת Padding של 4px ולכן הלוגו החיצוני יהיה ב 8 px רחב יותר מרוחב העמוד, אני חושב שפה הבעיה.
נערך לאחרונה ע"י netaneldj בתאריך 26-06-2006 בשעה 19:18.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #3  
ישן 26-06-2006, 19:18
  DCD DCD אינו מחובר  
 
חבר מתאריך: 17.05.05
הודעות: 7,321
בתגובה להודעה מספר 2 שנכתבה על ידי netaneldj שמתחילה ב "נסה לצמצם את גבולות העמוד ב..."
אם תשים לב הלוגו לא ממש גדול....
הוא בגודל די קטן, קטן יותר מחצי המסך ואתה חושב שהוא גדול יותר בגלל שהרקע הוא בצבע של הרקע של הלוגו...

ואני אנסה לעשות מה שאמרת בקשר לצמצום הגבולות...תודה
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #4  
ישן 26-06-2006, 19:28
  DCD DCD אינו מחובר  
 
חבר מתאריך: 17.05.05
הודעות: 7,321
בתגובה להודעה מספר 1 שנכתבה על ידי DCD שמתחילה ב "טוב, זהו, נמאס מהסיבוך עם ה-DIV'ים וחייב לפתור את זה....!"
יש הצלחתי....

וזה לא היה בעיה ב-CSS

הכל היה בגלל ששכחתי לכתוב אות אחת - 'S' שהייתה שייכת למילה class שלמעשה הייתה שייכת למעטפת הכללית =S

בגלל זה לא הצליח כנראה...

טוב תודה netaneldj על הניסיון לעזור =)

ו- netaneldj בקשר למה שאמרת על האחוזים של ה-DIV'ים, אז זה לא נכון, כי אם ה-DIV הכי מרכזי הוא 100 אחוז, וה-DIV שבתוכו הוא 90 אחוז, אז רוחב ה-DIV שבתוכו יהיה 90 אחוז מה-DIV המרכזי...

ככה שזה לא אמור להשפיע על הרוחב של העמוד וליצור פס גלילה רוחבי...


עריכה:

עכשיו יש עוד בעיה...

תסתכלו על הפס התחתון בגוון כחול, שכתוב בו "עמוד ראשי".
אני רוצה שכל הפס יהיה באמצע.
עשיתי ל-DIV את המאפיין align עם ערך CENTER ולא עבד, עשיתי ב-CSS:

text-align:center;

גם לא עבד...ניסיתי הכל..לא הלך..

יש למישהו פיתרון איך ממרכזים את ה-DIV הזה?
נערך לאחרונה ע"י DCD בתאריך 26-06-2006 בשעה 19:58.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #5  
ישן 26-06-2006, 20:30
  משתמש זכר Silver Strike Silver Strike אינו מחובר  
 
חבר מתאריך: 10.09.04
הודעות: 1,032
שלח הודעה דרך ICQ אל Silver Strike שלח הודעה דרך MSN אל Silver Strike
מירכוז ב-CSS
בתגובה להודעה מספר 4 שנכתבה על ידי DCD שמתחילה ב "יש הצלחתי.... וזה לא היה..."
עבור אלמנטים מסוג Block:
אתה אמור להשתמש ב-DTD שפועל עפ"י הסטנדרטים, לקבוע לו רוחב ולכוון את ה-margin הימניים והשמליים ל-auto.

אלמנט inline:
לא ניתן למרכז מכיוון שהם חלק מהתוכן (לדוגמא, במלל אתה לא יכול למרכז חלק ממנו).
_____________________________________
תמונה שהועלתה על ידי גולש באתר ולכן אין אנו יכולים לדעת מה היא מכילה

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #6  
ישן 26-06-2006, 21:25
  DCD DCD אינו מחובר  
 
חבר מתאריך: 17.05.05
הודעות: 7,321
בתגובה להודעה מספר 5 שנכתבה על ידי Silver Strike שמתחילה ב "מירכוז ב-CSS"
ציטוט:


אתה אמור להשתמש ב-DTD שפועל עפ"י הסטנדרטים, לקבוע לו רוחב ולכוון את ה-margin הימניים והשמליים ל-auto.


כן עשיתי ב-CSS...
ציטוט:

אלמנט inline:
לא ניתן למרכז מכיוון שהם חלק מהתוכן (לדוגמא, במלל אתה לא יכול למרכז חלק ממנו).


DIV זה לא block?
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #7  
ישן 26-06-2006, 21:28
  Rs3k Rs3k אינו מחובר  
 
חבר מתאריך: 17.05.04
הודעות: 1,454
שלח הודעה דרך ICQ אל Rs3k
בתגובה להודעה מספר 5 שנכתבה על ידי Silver Strike שמתחילה ב "מירכוז ב-CSS"
ניסיתי ככה :
קוד:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
   "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<title>TITLE</title>
<style type="text/css">
div{
	margin:auto;
}
</style>
</head>
<body>
<div><img src="http://www.fresh.co.il/scripts/logo.php?f=34" /></div>
</body>
</html>


לא עובד :|
מה לא נכון בקוד? :|
_____________________________________
EVERYTHING SHOULD BE MADE AS SIMPLE AS POSSIBLE, BUT NOT ONE BIT SIMPLER
ALBERT EINSTEIN

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #8  
ישן 26-06-2006, 21:55
צלמית המשתמש של דור
  דור דור אינו מחובר  
 
חבר מתאריך: 09.04.02
הודעות: 8,000
שכחת לקבוע רוחב ל-div :)(ל"ת)
בתגובה להודעה מספר 7 שנכתבה על ידי Rs3k שמתחילה ב "ניסיתי ככה : [CODE]<!DOCTYPE..."
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #9  
ישן 26-06-2006, 22:24
  DCD DCD אינו מחובר  
 
חבר מתאריך: 17.05.05
הודעות: 7,321
בתגובה להודעה מספר 7 שנכתבה על ידי Rs3k שמתחילה ב "ניסיתי ככה : [CODE]<!DOCTYPE..."
Rs3k ודור - זה רמזים או משהו? אם כן לא הבנתי...


ואני קבעתי רוחב ל-DIV, אמרתי לו להיות ממורכז....אמרתי לו הרבה...
אבל לא עזר..
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #10  
ישן 26-06-2006, 22:34
  משתמש זכר Silver Strike Silver Strike אינו מחובר  
 
חבר מתאריך: 10.09.04
הודעות: 1,032
שלח הודעה דרך ICQ אל Silver Strike שלח הודעה דרך MSN אל Silver Strike
לא בדיוק עשית את מה שכתבתי...(ל"ת)
בתגובה להודעה מספר 9 שנכתבה על ידי DCD שמתחילה ב "Rs3k ודור - זה רמזים או משהו?..."
_____________________________________
תמונה שהועלתה על ידי גולש באתר ולכן אין אנו יכולים לדעת מה היא מכילה

תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #11  
ישן 26-06-2006, 22:49
  DCD DCD אינו מחובר  
 
חבר מתאריך: 17.05.05
הודעות: 7,321
בתגובה להודעה מספר 10 שנכתבה על ידי Silver Strike שמתחילה ב "לא בדיוק עשית את מה שכתבתי..."
עכשיו הצליח...סוף סוף..אני מודה מודה מודה לכם =)

העיקר שעברתי את הסיוט של ה-DIV'ים...

מה שסך הכל שיניתי זה קבעתי margin:auto ב-CSS ל-bottom-links.

בזכות זה עכשיו זה נמצא באמצע... Silver Strike - התכוונת שאעשה את זה? כי לא הבנתי מה בדיוק הייתי צריך לעשות...

ותודה לכולם ^^
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #12  
ישן 27-06-2006, 02:07
  GreenBerret GreenBerret אינו מחובר  
 
חבר מתאריך: 13.12.05
הודעות: 1,963
בתגובה להודעה מספר 11 שנכתבה על ידי DCD שמתחילה ב "עכשיו הצליח...סוף סוף..אני..."
DIV שאינו מוגדר לו רוחב, בד"כ אמור לתפוס את כל הרוחב, ולכן שוליים אוטו' הם בעצם שוליים של 0 - כדי למרכז (או במילים אחרות כדי ששוליים אוטו' באמת ישפיעו על משהו) צריך לתת רוחב שהוא קטן מהרוחב שיכול לתפוס הDIV - זה לא שאי אפשר לעשות שוליים באופן רגיל, אבל במקרה ויש אפשרות אז השוליים הימניים והשמאליים יתפסו את מירב הכמות שהם צריכים באופן שווה.
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #13  
ישן 27-06-2006, 12:15
  DCD DCD אינו מחובר  
 
חבר מתאריך: 17.05.05
הודעות: 7,321
בתגובה להודעה מספר 12 שנכתבה על ידי GreenBerret שמתחילה ב "DIV שאינו מוגדר לו רוחב, בד"כ..."
אה הבנתי...

ובקשר למשפט הזה:

ציטוט:
צריך לתת רוחב שהוא קטן מהרוחב שיכול לתפוס הDIV


אז הכוונה שצריך לתת רוחב שקטן מ-100 אחוז?

כי כשקובעים אחוזים, זה מתייחס לאובייקט שנמצא מחוץ ל-DIV (אפשר כמובן גם אחרים..), לאובייקט ש'עוטף' את ה-DIV.

ויש לי אפשרות כלשהי לעשות את כל השוליים בכל האובייקטים שיהיו אוטומטיים? במקום לעשות אחד אחד...
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
  #14  
ישן 27-06-2006, 12:19
  GreenBerret GreenBerret אינו מחובר  
 
חבר מתאריך: 13.12.05
הודעות: 1,963
בתגובה להודעה מספר 13 שנכתבה על ידי DCD שמתחילה ב "אה הבנתי... ובקשר למשפט..."
במצבים מסוימים רוחב של 100% עולה על גבולות וריפוד של אלמנטים מכילים (אלמנט האב לדוגמא) - ככה שאם אתה רוצה רוחב מלא תתן לדפדפן לעשות את זה ואל תגדיר רוחב בכלל.

בקשר לשאלתך השנייה: אתה יכול להשתמש בהכללה של CSS (קלאס, כל התגיות וכו').
תגובה ללא ציטוט תגובה עם ציטוט חזרה לפורום
תגובה
« לאשכול הקודם | לאשכול הבא »

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

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

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



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

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

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

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