07-01-2010, 05:25
Witam wszystkich forumowiczów.
Zwracam się z prośbą o pomoc przy moim css...
Problem wiele razy wałkowany ale jakoś nie mogę go przeskoczyć:/
Chodzi o menu rozwijane w css i IE 6 ! pod innymi przeglądarkami działa prawidlowo.
Wszystko łanie chodzi ale do połowy w IE 6
Nie będę się rozpisywał lepiej zamieszczę kod:
to moja pierwsza strona więc moze ktoś mi pomoże z góry dziękuję
Zwracam się z prośbą o pomoc przy moim css...
Problem wiele razy wałkowany ale jakoś nie mogę go przeskoczyć:/
Chodzi o menu rozwijane w css i IE 6 ! pod innymi przeglądarkami działa prawidlowo.
Wszystko łanie chodzi ale do połowy w IE 6
Nie będę się rozpisywał lepiej zamieszczę kod:
Kod:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<!-- XT:TJB4U26loqsF4a8BZE0ivAUqKDJaNsT327aqh5jzg3MzElO7ZdjxaTlGjA8MuN5d -->
<head>
<meta http-equiv="Content-type" content="text/html; charset=windows-1250"/>
<link rel="stylesheet" href="style.css" type="text/css" />
</head>
<body>
<center>
<div id="header">
<img src="foto/logockp1.jpg" width="780" height="190">
</div>
<div id="menu">
<ul>
<li><a href="index.html">GŁÓWNA</a>
<ul>
<li><a href="podstrony/historia.html">HISTORIA CKP</a></li>
<li><a href="podstrony/dyrekcja.html">DYREKCJA CKP</a></li>
</ul>
<li><a href="#">KSZTAŁCENIE</a>
<ul>
<li><a href="podstrony/pracownie.html">PRACOWNIE</a></li>
<li><a href="podstrony/kierunki.html">KIERUNKI KSZTAŁCENIA</a></li>
<li><a href="podstrony/aktualnosci.html">AKTUALNOŚCI</a></li>
<li><a href="podstrony/ucznia.html">DLA UCZNIA</a></li>
</ul>
<li><a href="#">GALERIA</a>
<ul>
<li><a href="podstrony/wczoraj.html">WCZORAJ</a></li>
<li><a href="podstrony/dzis.html">DZIŚ</a></li>
</ul>
<li><a href="#">DZIAŁALNOŚĆ</a>
<ul>
<li><a href="podstrony/diagnostyka.html">DIAGNOSTYKA</a></li>
<li><a href="podstrony/kursy.html">KURSY</a></li>
</ul>
<li><a href="#">PRZETARGI</a>
<ul>
<li><a href="podstrony/ogloszenia.html">OGŁOSZENIA O PRZETARGACH</a></li>
<li><a href="podstrony/wygrane.html">WYBRANA OFERTA</a></li>
<li><a href="podstrony/archiwum.html">ARCHIWUM</a></li>
</ul>
<li><a href="podstrony/linki.html">linki</a>
<ul>
</ul>
</div>
body {
background-color: #666666;
behavior: url(csshover3.htc);
}
div {
border: 1px solid #EEEEEE;
background-color: #DDDDDD;
color: #000000;
padding: 1px 1px 1px 1px;
width: 780px;
text-align: left;
}
h1 {
font-family: tahoma, arial;
color: #330000;
font-style: normal;
font-weight: bold;
font-size: 25px;
text-decoration: underline;
text-align: center;
}
h2 {
font-family: tahoma, arial;
font-style: normal;
font-weight: bold;
font-size: 19px;
text-decoration: none;
text-indent: 0px;
padding: 0 0 0 60px
}
h3 {
font-family: tahoma, arial;
font-style: normal;
font-weight: bold;
font-size: 19px;
text-decoration: none;
text-indent: 0px;
padding: 0 0 0 230px
}
p {
font-style: normal;
font-family: tahoma, arial;
font-size: 14px;
line-height: 20px;
padding: 5px 30px 5px 30px;
text-indent: 30px;
text-align: justify;
}
#menu {
height: 30px;
background-color: #000033;
border-width: 3px 3px;
}
#menu ul {
display: inline;
list-style-type: none;
margin: 0;
}
#menu li {
position: relative;
float: left;
padding-left: 1px;
}
#menu ul ul {
height: 1px;
overflow: hidden;
position: absolute; left: 0px;
}
#menu a:link, ul a:visited {
color: #DDDDDD;
font-size: 14px;
font-weight: bold;
text-decoration: none;
text-align: center;
width: 118px;
padding: 5px 5px;
display: block;
background-color: #000033;
}
#menu a:hover {
color: #000000;
background-color: #CCFFFF;
}
#menu li:hover ul {
height: 150px;
width: 128px; /* szerokosc bloku */
display: block;
padding: 0px;
}
![[Obrazek: emoticon_lol.gif]](http://www.superswordaction.com/forum/images/smilies/dnf/emoticon_lol.gif)
