Nie poprawnie zrobione menu

Question

Przepracowałem już trochę materiałów dotyczących HTML i CSS. Teraz staram się jak najlepiej zapamiętać i zrozumieć poznaną wiedzę. Chcę wykonać górne menu nawigacyjne strony lecz spotykam problem już na samym początku, mianowicie: Gdy robię menu daję mu kolor wprowadzam do niego napisy itd. wszystko jest okej lecz gdy robię jeden z ostatecznych kroków, dodanie "float:left" kolor znika i zostają same napisy menu. Mogę na sztywno wprowadzić height do diva menu ale jest to niepraktyczne jeżeli chciałbym zmienić chociażby czcionkę w napisach wszystko się rozjedzie. Porównywałem moje menu z menu skopiowanym ze strony w3schools, różniło się jedną linijką, dodane było : overflow: hidden; Na chwile rozwiązało to mój problem, wielkość diva menu sama się dostosowywała. Do czasu gdy chciałem wprowadzić rozwijane menu, tworzy się ono na całej szerokości zamiast tylko pod opcją. Proszę o pomoc w rozwiązaniu obu kwestii. Czy overflow hidder trzena zastąpić w inny sposób i jak zrobić, żeby opcje rozwijały się tylko bezpośrednio pod opcją. KOD HTML : http://pastebin.com/RfgBbsFz KOD CSS : http://pastebin.com/V5nyDQfn

Answer 1

• Usuń overflow: hidden;
• dla li nadaj position: relative;
• dla ol(które u Ciebie jest menu rozwijanym) nadaj position: absolute; i display: none;
• dodaj deklaracje w której po najechaniu na li(hover), menu OL będzie wyświetlane blokowo(display:block;)
• div z clear:both; nie jest umieszczone w dobrym miejscu, umieść pod </ul>

Comments

Wielkie dzięki!