Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów
menu poziome z szyfladami poziomymi. HELP! - Wersja do druku

+- Forum Webmastera, HTML, CSS, PHP, MySQL, Hosting, Domeny - Forum dla Webmasterów (https://www.webmastertalk.pl)
+-- Dział: Technologie internetowe - tworzenie stron WWW (https://www.webmastertalk.pl/forum-technologie-internetowe-tworzenie-stron-www)
+--- Dział: xHTML, CSS, JavaScript (https://www.webmastertalk.pl/forum-xhtml-css-javascript)
+--- Wątek: menu poziome z szyfladami poziomymi. HELP! (/thread-menu-poziome-z-szyfladami-poziomymi-help)

menu poziome z szyfladami poziomymi. HELP! - sobciuu - 26-04-2013

Witam, mam problem, ponieważ z tutorialu postanowiłem zrobić menu poziome ale podstrony są wyświetlane w bloku czyli w pionie, jak zrobić, co dopisać żeby szuflada była wyświetlana zamiast w pionie to w poziomie? Oto kawałek kodu:

TUTAJ CSS:
Kod:
#menu {
display: table;
padding: 0 10px 0 !important;
margin: 0 auto;
overflow: hidden;
font-size: 24px;
background: #242424;
float:right;
margin-top:80px;
margin-right:200px;

}



  #menu li {
  list-style-type: none;
  margin: 0 auto;
  float: left;
  }

  #menu li:hover {
  background: #404040;
  }

  #menu li a {
  display: block;
  color: silver;
  text-decoration: none;
  padding: 8px 10px 7px;}

  #menu li a:hover {
  background: #404040;
  color: white;
  }

  #menu li li a {
  width:160px;
  }

  #menu li ul {
  overflow: hidden;
  display: none;
  background: #242424;
  width:260px;
  }

  #menu li:hover ul {
  position: absolute;
  padding: 0;
  display: block;
  width: 260px;
  }

  #menu {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
  }

  #menu li ul {
  -moz-border-radius: 0 0 3px 3px;
  -webkit-border-radius:0 0 3px 3px;
  -o-border-radius:0 0 3px 3px;
  border-radius:0 0 3px 3px;
  }
  
#menu li li a {
width: 300px;
display: block;
}

#menu :hover {
-moz-transition: width 0.4s ease-in;
-webkit-transition: width 0.4s ease-in;
-o-transition: width 0.4s ease-in;
transition: width 0.4s ease-in;
}
A TU HTML:
Kod:
<ul id="menu">
                    <li><a href="index.html">Home</a></li>
                    <li><a href="kontakt.html">Kontakt</a></li>
                    <li><a href="#">Oferta♦</a>
                        <ul>
                            <li><a href="strony.html">Strony www</a></li>
                            <li><a href="szablony.html">Szablony Allegro</a></li>
                            <li><a href="wizykowki.html">Wizytówki</a></li>
                        </ul>    
                    <li><a href="omnie.html">O Mnie</a></li>
                
                
                </ul>

jeszcze tutaj zamieściłem tą stronkę tak dla picu Smile :

www.soban-design.ugu.pl/

RE: menu poziome z szyfladami poziomymi. HELP! - Kartofelek - 27-04-2013

display: table; -> display:block;