11-01-2010, 11:20
|
|
|
חבר מתאריך: 29.04.04
הודעות: 638
|
|
בדף css, הפינה הימנית נעלמת
שלום,
להלן קוד דף HTML שאני מנסה להעלות ללא הצלחה:
קוד:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>August70</title>
<link href="page1/august1.css" media="all" rel="stylesheet" />
</head>
<body>
<div id="upper_left"></div>
<div id="upper_middle"></div>
<div id="upper_right"></div>
</body>
</html>
להלן תוכן דף CSS שכתבתי
קוד:
body { text-align:center; font: 1em Lucida, Arial, sans-serif; }
* {margin:0;padding:0;}
div#upper_left
{
background-image:url(upper_left.gif);
background-repeat:no-repeat;
float:left;
width:10px;
height:10px;
border: 3px solid #F00;
}
div#upper_middle
{
background-color:#bb9c63;
/*float:left;*/
width:120px;
height:10px;
border:3px solid blue;
}
div#upper_right
{
background-image:url(upper_right.gif);
background-repeat:no-repeat;
width:150px;
height:10px;
border:3px solid magenta; }
במצב זה עולה דף המופיע בתמונת המס august1.gif הרצ"ב בה הפינה הימנית ממוקמת מתחת לפינה השמאלית.
בכדי שהפינה הימנית תופיע מימין לקו ולא מתחת לפינה השמאלית הסרתי את סימון ההערה מ: float:left
ב: div#upper_middle ואז, כמוצג בקובץ שצרפתי תחת השם august2.gif, הפינה הימנית נעלמה !
מישהו יכול לעזור לי? אני רוצה שהפינה השמאלית תהיה בצד ימין של הדף, לא מתחת משמאל ולא שתעלם ! איך עושים זאת?
תודנ.
נערך לאחרונה ע"י דוכובניק בתאריך 11-01-2010 בשעה 11:24.
סיבה: נעלמו הקבצים שצרפתי
|