|
Ocena wątku:
- 0 głosów - średnia: 0
- 1
- 2
- 3
- 4
- 5
|
problem z menu w IE
|
Liczba postów: 16
Liczba wątków: 5
Dołączył: 02-05-2011
Reputacja:
0
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;
}
a tu html : 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>
Jak to naprawić ?
Liczba postów: 24
Liczba wątków: 9
Dołączył: 24-04-2011
Reputacja:
0
(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
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>
może by tak dla
ul li {
dispaly: inline; }
jesli pomogłem prosze o plusa
Liczba postów: 578
Liczba wątków: 11
Dołączył: 06-01-2011
Reputacja:
23
Dla #menu {overflow: hidden;}
Liczba postów: 16
Liczba wątków: 5
Dołączył: 02-05-2011
Reputacja:
0
Liczba postów: 2,587
Liczba wątków: 2
Dołączył: 03-04-2010
Reputacja:
58
A może "kazałbyś" elementom menu stać w linii?
Liczba postów: 16
Liczba wątków: 5
Dołączył: 02-05-2011
Reputacja:
0
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ół
Liczba postów: 2,587
Liczba wątków: 2
Dołączył: 03-04-2010
Reputacja:
58
Centrowanie w IE? margin: 0 auto; dla kontenera
Jeśli chodzi o stopkę, o co dokładnie Ci chodzi? Która wersja IE?
Liczba postów: 2,411
Liczba wątków: 14
Dołączył: 10-08-2009
Reputacja:
132
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.
Liczba postów: 16
Liczba wątków: 5
Dołączył: 02-05-2011
Reputacja:
0
Czyli co mam zmienić , może zacząć pisać css od nowa ?
|
| Podobne wątki… |
| Wątek: |
Autor |
Odpowiedzi: |
Wyświetleń: |
Ostatni post |
| |
problem z tłem pod menu |
loose |
1 |
3,157 |
06-07-2017, 20:00
Ostatni post: loose
|
| |
problem z menu |
p410 |
10 |
10,355 |
18-06-2017, 18:34
Ostatni post: lemans88
|
| |
CSS dla menu i problem z selektorami |
neferith |
4 |
5,265 |
30-06-2016, 00:58
Ostatni post: Brain23
|
| |
MENU - poważny problem wysokości! |
asus |
0 |
2,536 |
05-12-2014, 23:34
Ostatni post: asus
|
| |
Trzypoziomowe menu - problem |
rejcz |
3 |
5,673 |
25-01-2014, 17:16
Ostatni post: Kartofelek
|
Użytkownicy przeglądający ten wątek:
|
|
|
Sponsorzy i przyjaciele
|
|
|
