11-01-2009, 22:41
|
מנהל
|
|
חבר מתאריך: 26.07.08
הודעות: 6,473
|
|
אוקי תקשיב... לא הבנת אותי...
מה שאתה צריך לעשות, קודם כל, זה למחוק הכל. יש לך תג 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
|