Autor Zpráva
kikinet
Profil
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%;
}
A tady začlenění do html:
<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>
Má někdo nějaký návrh?
Taurus
Profil
Lepší by byla i tvá živá ukázka. Takto tipuju, že by se hodilo tvému menu přidat z-index.
kikinet
Profil
Taurus:
Jo tak to byl dobrý tip :) děkuju

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: