| Autor | Zpráva | ||
|---|---|---|---|
| kikinet Profil |
#1 · Zasláno: 29. 9. 2012, 15:27:49
Ahoj,
mám vysouvací menu, které jelo úplně normálně, ale po nějakých úpravách okolních prvků se menu nechce rozbalit přes jiný div než ten ve kterém je umístěno. Někdě jsem tu našla web, který využívá stejné menu. Tam se menu v div#menu zobrazí i do div#levy. Prostě vyjede tak jak má. Moje menu se však do prvku pod ním nezobrazí. Tady je stylopis: .menu a:link, .menu a:visited {
color: #006FFF;
text-decoration: none;
font-weight: bold;
font-size: 20px;
letter-spacing: 1px;
}
.menu a:active, .menu a:hover {
color: white;
text-decoration: none;
font-weight: bold;
font-size: 20px;
letter-spacing: 1px;
}
.menu ul a:link, .menu ul a:visited {
color: white;
text-decoration: none;
font-size: 17px;
letter-spacing: 1px;
}
.menu ul a:active, .menu ul a:hover {
color: #006FFF;
text-decoration: none;
font-size: 17px;
letter-spacing: 1px;
}
.menu {
padding: 5px 15px;
margin: 0px;
}
.menu a {
padding: 5px 15px;
margin: 0px;
}
.menu ul {
list-style-type: none;
background-color: black;
margin: 0px;
padding: 15px 0px 0px 0px;
visibility: hidden;
position: absolute;
}
.menu ul li {
padding: 0px 20px 5px 0px;
white-space: nowrap;
float: none;
margin: 0px;
}
.menu li {
list-style-type: none;
background-color: black;
padding: 5px;
margin: 0px;
white-space: nowrap;
}
li:hover ul, menu.ul li.hover ul {
visibility: visible;
}
#mainMenuContainer {
position: absolute;
width: 980px;
margin-top: 180px;
height: 50px;
border: 0px;
background-color: black;
text-align: center;
line-height: 50px;
}
#contentContainer {
position: absolute;
width: 780px;
margin-top: 230px;
margin-left: 200px;
background-repeat: repeat-y;
background-color: white;
border: 0px;
min-height: 100%;
}<div id="mainMenuContainer">
<table>
<tr>
<td>
<ul class="menu">
<li><a href="home.php">HOME</a></li>
</ul>
</td>
<td>
<ul class="menu">
<li><a href=" ">PRVNI</a>
<ul>
<li><a href=" ">vysouvací1</a></li>
<li><a href=" ">vysouvací2</a></li>
<li><a href=" ">vysouvací3</a></li>
</ul>
</li>
</ul>
</td>
<td>
<ul class="menu">
<li><a href=" ">DRUHA</a></li>
</ul>
</td>
</tr>
</table>
</div>
<div id="contentContainer">
</div> |
||
| Taurus Profil |
#2 · Zasláno: 29. 9. 2012, 15:43:22
Lepší by byla i tvá živá ukázka. Takto tipuju, že by se hodilo tvému menu přidat z-index.
|
||
| kikinet Profil |
#3 · Zasláno: 29. 9. 2012, 16:37:53
Taurus:
Jo tak to byl dobrý tip :) děkuju |
||
|
Časová prodleva: 12 let
|
|||
0