Autor Zpráva
Neas
Profil
Ahoj. Tady na diskuzi jsem našel příspěvek s odkazem na generátor vyskakovacího menu v css:
http://www.volny.cz/peter.mlich/Pr/menuedul.htm
Chtěl jsem ho použít, ale kódy z něj nefungují tak, jak bych to potřeboval. Zkoušel jsem to udělat tak, aby menu nebylo v horní liště, ale aby bylo v menu v levo, podobně, jako to je na stránce World of Warcraftu:
http://www.wow-europe.com/en/index.xml
Tady zdroják CSS:
.volby, .volby ul {
  list-style-type : none;
  margin : 0;
  padding : 0;
}
.volby li {
  float : left;
}
.volby li a {
  display : inline-block;
  text-decoration : none;
  color : #eeeeee;
  padding : 0 10px 0 10px;
  border-right : 1px solid #111111;
}
.volby li a:hover {
  background-color : #444444;      
}
.volby li a:first-letter {
  color : #ff9900;               
}
.volby li ul {
  margin-left : -1px;
  position : absolute;
  visibility : hidden;
  border-left : 1px solid #111111;
  border-top : 1px solid #111111;
  background-color : #222222;
}
.volby li:hover ul, .volby li.hover ul {
  visibility : visible;
}
.volby li li {
  float : none;
  border : none;
  padding : 0;
  border-bottom : 1px solid #111111;
}

a html:
<div class="volby">
   <ul>
    <li><a href="#">Kategorie 1</a>
     <ul>
      <li><a href="#">1</a></li>
      <li><a href="#">2</a></li>
      <li><a href="#">3</a></li>
      <li><a href="#">4</a></li>
     </ul>
    </li>
    <li><a href="#">Kategorie 3</a>
     <ul>
      <li><a href="#">1</a></li>
      <li><a href="#">2</a></li>
      <li><a href="#">3</a></li>
     </ul>
    </li>
    <li><a href="#">Kategorie 4</a>
     <ul>
      <li><a href="#">1</a></li>
      <li><a href="#">2</a></li>
      <li><a href="#">3</a></li>
      <li><a href="#">4</a></li>
     </ul>
    </li>
    <li><a href="#">Kategorie 5</a>
     <ul>
      <li><a href="#">1</a></li>
      <li><a href="#">3</a></li>
      <li><a href="#">4</a></li>
      <li><a href="#">5</a></li>
     </ul>
    </li>
   </ul>
  </div>

Prosimvás, nevíte někdo, jak to upravit, aby to fungovalo, jak chci? díky
Neas
Profil
Tak nic, pomohl mi nakonec tento článek:
http://maciweb.net/blog/web/clanek.php?clanek=71
Všem se omlouvám za spam :)

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: