+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: problem z menu w IE (/thread-problem-z-menu-w-ie)
problem z menu w IE - Elo - 14-05-2011
W Internet Explorer menu zamiast w jednej lini ,każdy kolejny przycisk jest niżej.
tu kod css
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;
}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>RE: problem z menu w IE - wieniar1986 - 14-05-2011
(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
RE: problem z menu w IE - Ancik - 14-05-2011
Dla #menu {overflow: hidden;}
RE: problem z menu w IE - Elo - 14-05-2011
RE: problem z menu w IE - Pedro84 - 14-05-2011
A może "kazałbyś" elementom menu stać w linii?
RE: problem z menu w IE - Elo - 14-05-2011
dzieki pedro za podpowiedz. Mam jeszcze dwa pytania : Jak wyśrodkować strone w IE i co zrobić żeby stopka była pod divem tekst bo w IE ucieka daleko na dół
RE: problem z menu w IE - Pedro84 - 14-05-2011
Centrowanie w IE? margin: 0 auto; dla kontenera
Jeśli chodzi o stopkę, o co dokładnie Ci chodzi? Która wersja IE?
RE: problem z menu w IE - Kartofelek - 14-05-2011
Menu nie działa bo jest beznajdziejnie ostylowane. Dla li list-style-none (przecież to styl list), żadnego floata dla li, który za to mają linki... itp idp
Wystarczy że spojrzysz na pierwsze lepsze menu CSS w googlach żeby zobaczyć że twój kog jest zupełnie poplątany.
RE: problem z menu w IE - Elo - 14-05-2011
Czyli co mam zmienić , może zacząć pisać css od nowa ?