14-05-2011, 00:32
(14-05-2011, 00:13)Elo napisał(a): W Internet Explorer menu zamiast w jednej lini ,każdy kolejny przycisk jest niżej.
tu kod css
a tu html :Kod:* {
border: medium none;
margin: 0;
padding: 0;
}
#calosc {
height: 100%;
margin: 0 auto;
width: 902px;
}
#logo {
background-image: url("");
border: 1px solid black;
height: 150px;
width: 900px;
}
#menu {
height: 40px;
left: 250px;
margin-top: 5px;
position: relative;
top: 107px;
width: 500px;
opacity: 0.95;
}
#srodek {
height: 100%;
width: 100%;
}
#menulewe {
border: 1px solid black;
float: left;
height: 400px;
margin-bottom: 10px;
margin-top: 10px;
width: 100px;
}
#text {
border: 1px solid black;
float: right;
height: 400px;
margin-bottom: 10px;
margin-top: 10px;
width: 700px;
}
#stopka {
border: 1px solid black;
clear: both;
height: 100px;
margin-bottom: 100px;
width: 900px;
}
ul li {
list-style: none outside none;
}
a:link, a:visited, a:hover, a:active a.current {
background-image: url("1.png");
color: black;
display: block;
float: left;
line-height: 40px;
text-align: center;
text-decoration: none;
width: 100px;
}
a:hover {
background-image: url("2.png");
color: white;
}
a.current{
background-image: url("2.png");
color: white;
}Jak to naprawić ?Kod:<!--?xml version="1.0" encoding="utf-8" ?-->
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pl"><head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-2">
<title>Strona o mnie</title>
<link rel="stylesheet" href="arkusz.css" type="text/css">
</style>
<style type="text/css" charset="utf-8">/* See</style></head>
<body>
<div id="calosc">
<div id="logo">
<div id="menu">
<ul>
<li><a href="#" class="current">menu1</a></li>
<li><a href="#">menu2</a></li>
<li><a href="#">menu3</a></li>
<li><a href="#">menu4</a></li>
<li><a href="#">menu5</a></li></ul></div></div>
<div id="srodek">
<div id="menulewe"></div>
<div id="text"></div></div>
<div id="stopka"></div>
</body></html>
może by tak dla
ul li {
dispaly: inline; }
jesli pomogłem prosze o plusa
