11-11-2007, 19:06
|
|
|
חבר מתאריך: 27.04.05
הודעות: 441
|
|
בעייה בעשיית תפריט [UL,LI]
אני מנסה לעשות תפריט , ובהגדרות ה CSS אני מגדיר אותו שיהיה INLINE אבל הוא שובר לי את העיצוב
גם ב FF ו גם ב IE .
קוד ה 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" xml:lang="he" lang="he">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=windows-1255" />
<link rel="stylesheet" type="text/css" href="css2.css" />
<title></title>
</head>
<body>
<div align = "center">
<div class="black">
<div class="Logo"></div>
<div class="bar">
<ul>
<li><a href="#">דף הבית</a></li>
<li><a href="#">פורומים</a></li>
<li><a href="#">לוח מודעות</a></li>
<li><a href="#">עזרי בנייה</a></li>
<li><a href="#">מדורים</a></li>
</ul>
</div>
<div class="login" >
<div class="loginpic"></div>
</div>
<div class="search1" >
<div class="search2"></div>
</div>
<div class="topC">
<div class="lastchord"><div class="lastpic"></div><div class="cc"></div></div>
<div class="musicnews"><div class="write"></div><div class="pic"></div><div class="w"></div></div>
<div class="some"><div class="write1"></div><div class="pic1"></div><div class="w1"></div></div>
</div>
<div id="bottomC">
<div class="top10"><div class="top10pic"></div><div class="cc1"></div></div>
</div>
<div class="zhoyot"></div>
</div>
</div>
</body>
</html>
קוד ה CSS :
קוד:
body {
text-align:center;
vertical-align:top;
background-image:url('images/reka.jpg');
background-repeat: repeat-x;
}
div.black {
width:852px;
height:945px;
background-color: #000000;
border-left: 3px solid #494949;
border-right: 3px solid #494949;
border-top: 3px solid #494949;
border-bottom: 3px solid #494949;
}
div.Logo {
width:838px;
height:142px;
background-image:url('images/Logo.jpg');
background-repeat: no-repeat;
margin-top: 7px;
}
div.bar {
width:838px;
height:21px;
background-image:url('images/bar.jpg');
background-repeat: no-repeat;
margin-top: -1px;
}
ul {
list-style:none;
}
li{
display: inline;
}
div.login {
width:852px;
height:104px;
background-color: #554E48;
margin-top: 20px;
}
div.search1 {
width:838px;
height:34px;
background-image:url('images/color1.jpg');
background-repeat:repeat-x;
margin-top: 15px;
}
div.search2 {
width:293px;
height:34px;
background-image:url('images/color2.jpg');
background-repeat:repeat-x;
margin-right: -545px;
}
div.loginpic {
width:262px;
height:91px;
background-image:url('images/login.jpg');
background-repeat:no-repeat;
margin-top: 6px;
margin-right: -588px;
}
div.topC {
width:828px;
height:268px;
margin-top: 15px;
}
div.bootomC {
width:828px;
height:268px;
}
div.lastchord {
width:192px;
height:268px;
background-color: #47423F;
margin-right: -643px;
}
div.lastpic{
width:192px;
height:30px;
background-image:url('images/last_chords.jpg');
background-repeat:no-repeat;
}
div.cc{
width:174px;
height:223px;
background-color: #554E48;
margin-top: 6px;
}
div.musicnews{
width:305px;
height:268px;
background-color: #47423F;
margin-top: -267px;
margin-right: -117px;
}
div.write{
width:155px;
height:19px;
background-color: #554E48;
margin-right: -129px;
}
div.pic{
width:287px;
height:98px;
background-color: #000000;
margin-top: 10px;
}
div.w{
width:287px;
height:124px;
background-color: #554E48;
margin-top: 10px;
}
div.some{
width:305px;
height:268px;
background-color: #47423F;
margin-top: -267px;
margin-right: auto;
}
div.pic1{
width:287px;
height:98px;
background-color: #000000;
margin-top: 10px;
}
div.w1{
width:287px;
height:124px;
background-color: #554E48;
margin-top: 10px;
}
div.write1{
width:155px;
height:19px;
background-color: #554E48;
margin-right: -129px;
}
div.top10 {
width:192px;
height:268px;
background-color: #47423F;
margin-right: -643px;
margin-top: 15px;
}
div.top10pic{
width:192px;
height:30px;
background-image:url('images/top_10.jpg');
background-repeat:no-repeat;
}
div.cc1 {
width:174px;
height:223px;
background-color: #554E48;
margin-top: 3px;
}
div.zhoyot {
width:841px;
height:26px;
background-color: #554E48;
margin-top: 5px;
}
תמונה מ - FF (מסומן בתכלת הרווח שזה גורם ):
תמונה IE (בשחור מסומן שהתפריט למעלה לא נשבר , אך באדום העיצוב נמשך כולו כלפי מטה ) :
איך לתקן את זה ?
|