13-06-2006, 14:16
|
|
|
חבר מתאריך: 17.05.05
הודעות: 7,321
|
|
DIV'ים לא ממושמעים -.-
ניסיתי לעשות תפריט מסויים שמשלב DIV'ים ו-CSS...
הגדרתי הכל כמו שצריך אבל יש בעיה ואני לא מבין מה לא טוב ...
קיצר הנה התמונה(אני בטוח שתבינו רק ממנה):
https://2006-uploaded.fresh.co.il/2...13/99294803.jpg
כפי שאתם רואים, ה-DIV'ים לא נמצאים ברוחב המתאים שהגדרתי ובנוסף הם עולים אחד על השני.
זה הקוד בגיליון ה-CSS:
קוד:
.profile-border
{
border:1px solid #345487;
background-color:#EEF2F7;
width:100%;
}
.profile-title
{
text-align:right;
padding:6px 6px 6px 6px;
width:100%;
background-color:#dfe9fd;
font-weight:bold;
vertical-align:middle;
}
/* Profile Right Div */
.profile-rd
{
width:30%;
background-color:#dfe9fd;
padding:6px 6px 6px 6px;
display:inline;
vertical-align:middle;
}
/* Profile Left Div */
.profile-ld
{
width:70%;
background-color:#f4f7fe;
padding:6px 6px 6px 6px;
display:inline;
vertical-align:middle;
}
וזה המבנה העקרוני של כל ה-DIV'ים שיש שם:
קוד:
<div class='profile-border'><br />
<div id='profile-title'>The Title 1</div><br />
<div class='profile-rd'>Some text...</div><div class='profile-ld'>Additional text....</div><br />
<div class='profile-rd'>Some text...</div><div class='profile-ld'>Additional text....</div><br />
<div class='profile-rd'>Some text...</div><div class='profile-ld'>Additional text....</div><br />
<div id='profile-title'>The Title 2</div><br />
<div class='profile-rd'>Some text...</div><div class='profile-ld'>Additional text....</div><br />
<div class='profile-rd'>Some text...</div><div class='profile-ld'>Additional text....</div><br />
<div class='profile-rd'>Some text...</div><div class='profile-ld'>Additional text....</div><br />
<div id='profile-title'>The Title 3</div><br />
<div class='profile-rd'>Some text...</div><div class='profile-ld'>Additional text....</div><br />
<div class='profile-rd'>Some text...</div><div class='profile-ld'>Additional text....</div><br />
<div class='profile-rd'>Some text...</div><div class='profile-ld'>Additional text....</div><br />
</div>
איך פותרים את הבעיה? הכוונה איך גורמים שהרוחב יהיה מתאים ושכל ה-DIV לא יעלו אחד על השני?
תודה רבה
|