| Autor | Zpráva | ||
|---|---|---|---|
| embrio Profil |
Ahoj, potřeboval bych poradit. Dělám menu pomocí dvou vnořených seznamů a potřeboval bych, aby nadřazený div (v tomto případě #head) probarvil celé menu od zhora až do konce, v tomto případě podle výšky vnořeného prvku UL.
Nevíte jak na to? Výška divu se mi nastavuje podle UL na první úrovni... <!DOCTYPE html>
<html lang="cs">
<head>
<meta http-equiv='Content-Type' content='text/html; charset=UTF-8' />
<title>Homepage</title>
<style type="text/css">
* {
margin: 0; padding: 0;
}
#head {
margin: 0; padding: 0;
position: absolute;
top: 0; left: 0;
width: 100%;
z-index: 1000;
background-color: rgb(250,250,50);
}
#menu ul {
position: relative;
list-style-type:none;
width: 350px;
}
#menu ul ul {
position: absolute;
top: 0;
display: block;
background-color: green;
height: auto;
left: 350px;
}
hr.cleaner {
clear:both;
height:1px;
margin: -1px 0 0 0; padding:0;
border:none;
visibility: hidden;
}
</style>
</head>
<body>
<div id="head">
<div id="menu">
<ul>
<li><a href="#" title="Profil"> > profil1</a></li>
<li><a href="#" title="Služby"> > služby</a></li>
<li><a href="#" title="Portfolio"> > portfolio</a>
<ul>
<li><a href="#" title="">Položka menu 2
<ul><li>1</li><li>2</li><li>3</li><li>4</li><li>5</li><li>6</li><li>7</li><li>8</li><li>9</li><li>10</li></ul>
</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
<li><a href="#" title="">Položka menu 2</li>
</ul>
</li>
<li><a href="#" title="Kontakt"> > kontakt</a></li>
</ul>
</div>
<hr class="cleaner">
</div><!--header-->
</body>
</html> |
||
|
Časová prodleva: 11 let
|
|||
0