Po stworzeniu strony na DIVach, wczytaniu tła dla DIVa MENU i utworzeniu w nim menu poziomego na css wczytanie tło nie jest wyświetlane.
Kod Strony HTML:
- Kod: Zaznacz cały
<html>
<head>
<title>Czyzew-net Internet Radiowy na terenie Czyżewa i okolic </title>
<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<link rel="stylesheet" type="text/css" href="style.css" />
<style type="text/css">
ul, ul li {
display: block;
list-style: none;
margin: 0;
padding: 0;
}
ul li {
float: left;
}
ul a:link, ul a:visited {
font-size: 13px;
text-decoration: none;
display: block;
text-align: center;
font-family: Arial;
color: #fff;
border: 0px outset #ccc;
font-weight: 600;
margin-left: 24px;
margin-bottom: 14px;
margin-top: 24px;
background: transparent;
}
ul a:hover {
border-bottom: 3.5px outset #f00;
margin-bottom: 10px;
}
ul {
margin-left: 20px;
}
iframe {
margin-left:5px;
margin-top:5px;
}
</style>
</head>
<body bgcolor=#EEEEEE>
<div id="TOP" >
<div id="NAGLOWEK">
<img src="grafiki/Napis.gif">
</div>
<div id="MENU">
jakis tekst<br>
jakis tekst
<ul>
<li><a target="ramka" href="Onas.html">O Nas</a></li>
<li><a target="ramka" href="Kontakt.html">Kontakt</a></li>
<li><a target="ramka" href="Internet.html">Internet</a></li>
<li><a target="ramka" href="Hosting.html">Hosting</a></li>
<li><a target="ramka" href="Pobierz.html">Pobierz</a></li>
<li><a target="ramka" href="Komunikaty.html">Komunikaty</a></li>
</ul>
</div>
<div id="TRESC">
<iframe name="ramka" width="940" height="490" src="Onas.html" frameborder="0"></iframe>
</div>
<div id="STOPKA">Stopka serwisu</div>
</div>
</body>
</html>
Kod arkusza CSS:
- Kod: Zaznacz cały
#TOP{
width: 950px;
}
#MENU {
width: 949px;
background-image: url("grafiki/tlo.gif");
clear: both;
}
#TRESC {
clear: both;
width: 948px;
height: 500px;
background-image: url("grafiki/tlo2.gif");
}
Po usunięciu:
- Kod: Zaznacz cały
ul li {
float: left;
}
Tło jest wyświetlane ale menu przechodzi w pionowe.
Pozdrawiam.