06.09.2008, 19:55
|
|
Участник форума
Регистрация: 25.08.2007
Сообщений: 114
С нами:
9848802
Репутация:
23
|
|
need help
Вот index.html
Код:
<body>
<div class="main">
<p class="logoup"></p>
<p class="textmain"></p>
<p class="logodown"></p>
</div>
<div id="bar">
<p class="logo"></p>
<p class="logo2"></p>
<ul class="menu">
<p class="стиль6">Menu</p>
<p class="text2"><a href="#">menu</a></p>
<p class="text2"><a href="#">menu</a></p>
<p class="text2"><a href="#">menu</a></p>
<p class="text2"><a href="#">menu</a></p>
<p class="text2"><a href="#">menu</a></p>
</ul>
<p class="text2">_________________</p>
<ul class="menu">
<p class="стиль6">Друзья</p>
<p class="text2"><a href="#">друх</a></p>
<p class="text2"><a href="#">друх</a></p>
<p class="text2"><a href="#">друх</a></p>
<p class="text2"><a href="#">друх</a></p>
<p class="text2"> </p>
</ul>
<p class="logo3"></p>
<p class="logo4"></p>
</div>
</body>
А вот css
Код:
.logoup {
width:486px;
height:92px;
background-image: url(leftheader.gif);
background-position: left;
valign:top;
margin: 0px auto;
background-repeat: no-repeat;
}
.textmain {
width:486px;
height:472px;
background-image: url(mainBG.gif);
background-position: left top;
background-repeat: no-repeat;
valign:top;
margin: 0px;
}
.logodown {
width:486px;
height:72px;
background-image: url(left_footer.gif);
background-position: left;
valign:top;
margin: 0px;
}
.logo {
width:124px;
height:93px;
background-image: url(right_header.gif);
background-repeat: no-repeat;
valign:top;
margin: 0px;
}
.logo2 {
width:124px;
height:72px;
background-image: url(rightheader2.gif);
background-position: left top;
background-repeat: no-repeat;
valign:top;
margin: 0px;
}
.logo3 {
width:124px;
height:102px;
background-image: url(left_foot.gif);
background-repeat: no-repeat;
background-position: left top;
margin-top: 24px;
margin-right: 0px;
margin-bottom: 0px;
margin-left: 0px;
padding-bottom: 0px;
top: 23px;
bottom: 0px;
clip: rect(25px,auto,0px,auto);
}
.logo4 {
width:124px;
height:72px;
background-image: url(left_footer-17.gif);
background-position: left top;
background-repeat: no-repeat;
valign:top;
margin: 0px;
}
body,td,th {
color: #FFFFFF;
}
a:link {
color: #9db72c;
text-decoration: none;
}
.text {
font-family: Tahoma;
font-size: 12px;
color: #FFFFFF;
padding-top: 10px;
padding-right: 65px;
padding-bottom: 10px;
padding-left: 10px;
background-image: url(mainBG.gif);
background-repeat: no-repeat;
}
.text2 {
font-family: Tahoma;
font-size: 12px;
color: #9db72c;
line-height: 5px;
}
.text2:hover {
color:#809138;
text-decoration: underline;
}
a:visited {
color: #9db72c;
text-decoration: none;
}
a:hover {
color: #9db72c;
text-decoration: none;
}
a:active {
color: #9db72c;
text-decoration: none;
}
#bar {
width: 125px;
background-image: url(bg.gif);
position: absolute;
top: 8px;
left: 69%;
}
#main {
width: 486px;
margin-left:25%;
left: 25%;
top: 0px;
bottom: 0px;
}
.bar {
width: 125px;
background-image: url(bg.gif);
margin: 0 auto;
position: absolute; top: -100px; left: 25%;
}
body {
background-color: #424242;
}
.стиль1 {
color: #76833d
}
.стиль6 {
font-family: Tahoma;
font-size: 12px;
color: #9db72c;
line-height: 25px;
font-weight: bold;
margin: 0px;
padding: 0px;
}
.стиль7 {
color: #9db72c;
font-family: Tahome;
font-size: 12px;
line-height: 5px;
}
a {
font-size: 12px;
color: #9db72c;
}
.menu li {
color: #FFFFFF;
font-family: Tahoma;
background-color: #4e4e4e;
width:124px;
height:139px;
font-size: 12px;
padding: 0px;
valign:center;
margin: 0px;
}
.main {
width: 486px;
margin: 0 auto;
}
При откртии этой страницы в разных браузерах можно увидеть кривоту =)
Как исправить,кто подскажет? |
|
|