16-12-2006, 23:54
|
|
|
|
חבר מתאריך: 27.11.06
הודעות: 1
|
|
|
בעיה עם CSS עם צדדי העמוד
שלום,
אני מנסה לגרום לצדדי העמוד שלי להיראות כאילו הם נעלמים, כאילו יש צל מאחורה
(אפשר לראות דוגמה של מה שאני מנסה להראות כאן: http://beta.blogger.com/start
אפשר לראות שבצידי העמוד, יש כאלו צלליות.
הדרך בה ניסיתי ליצור כזה דבר היא כזו: הכנתי שתי צלליות (אחת לכל צד) בפוטושופ, וטענתי אותם עם הטאג img עם HTML ושמתי כל אחת בתוך DIV, לכל DIV שם אחר.
ואז כתבתי את הקוד CSS הבא:
קוד PHP:
#right_side
{
width: auto;
height: 100%;
margin-left: 20px;
background-image: url('images/right_side.gif');
background-repeat: repeat-y;
float: right;
}
#left_side
{
width: auto;
height: 100%;
background-image: url('images/left_side.gif');
background-repeat: repeat-y;
float: left;
}
עכשיו הבעיה היא, שהתמונה עצמה רחוקה מהתוכל של העמוד (לא מאוד רחוקה, אבל קצת רחוקה) וחוץ מזה, לכל עמוד יש אורך שונה, אבל האורך של התמונות האלה נשאר קבוע.
צירפתי תמונה של האתר, כן כן זה אתר בית ספר P:. (העיגולים מסמנים את המרווח).
והנה, גם צירפתי את קטע ה-BODY של הקוד HTML
קוד PHP:
<body>
<div id = "right_side">
</div>
<div id = "left_side">
</div>
<div id = "container">
<div id = "Header"><img src = "images/logo.jpg"></div>
<div id = "info_line">
<form action = "mailto:kfirstar@gmail.com">
<div class = "formText">שם משתמש:</div>
<div class = "formInput"><input type = "text" name = "username" /></div>
<div class = "formText">סיסמא:</div>
<div class = "formInput"><input type = "password" name = "password" /></div>
<div class = "formInput"><input type = "submit" name = "submit" value = "התחבר!" /></div>
</form>
</div>
<div id = "sidebar">
<div class = "windowContainer">
<div class = "windowTitle">תפריט</div>
<p id = "text">
<ul type = "circle">
<li><a href = "index.htm">ראשי</a></li>
<li><a href = "book1.htm">תקציר</a></li>
<li><a href = "books.htm">הספרים</a></li>
<li><a href = "writer.htm">דאגלס אדאמס</a></li>
<li><a href = "signup.htm">הרשמה</a></li>
</ul>
</p>
</div></div>
<div id = "main">
<div class = "windowContainer">
<div class = "windowTitle">ראשי</div>
<p id = "text">
ברוכים הבאים לאתר "מדריך הטרמפיסט לגלקסיה"!<br>
באתר תמצאו מידע על כל חמשת הספרים בטרילוגיה, מידע על דאגלס אדאמס ועל הסרט.<br>
בנוסף לזאת, אם תירשמו לאתר תוכלו להיכנס לאזורים שמורים לחברים בלבד!
</p>
</div>
</div>
</body>
תודה רבה מראש לעוזרים 
יוניק |
ראשי
צ'אט
מצב כלאיים
