Witam.
Prowadzę forum http://realceny.pl, jak zerkniecie to po lewej stronie jest coś na zasadzie przydatnych linki, takie menu. Zależy mi na rozwinięciu tego, chciałbym dodać więcej linków (e-banki, e-apteki itd itp). Problem w tym że wizualnie jest to już teraz naćkane i wygląda mało przejrzyście. Macie jakiś pomysł na usprawnienie wizualne menu? Może jest tu jakiś grafik (niedrogi) który coś zaproponuje. Będę wdzięczny za wszelkie porady w tej kwestii.
Jeśli źle wybrałem dział to proszę moderatorów o przeniesienie do właściwego, nic mi nie pasowało.

cursor:pointer na rozwijaki
wyroznij rozwijaki wieksza czcionka i jakims tlem zamiast tymi dzwonkami
inna czcionka
poczytaj o flat design

- Dla linków display: block, żeby zajmowały całą szerokość elementu:


- Dodaj trochę powietrza (padding albo line-height) do linków, bo teraz ciężko w nie trafić.

Dziękuje za podpowiedzi, troszkę pracy przede mną. Jak poprawie dam znać, zobaczycie jak wyszło

ok czekamy:)

No dobra, troszkę poprawiłem. Bardzo proszę o słowa krytyki, uargumentowane podpowiedziami

wywalic text-decoration i list-style-type z rozwijaków
Albo zkapitalizuj teksty rozwijaków albo zwieksz im czcionke
nie zrobiłeś bloków z padingiem podmenu jak napisał sowiq wtedy możesz im dać jakieś tło border albo shadow
Po najechaniu na linki nie tylko zmienia się ich kolor ale i czcionka takie mam wrażenie przez co dodatkowo tekst:
Uwaga: Aplikacja dostępna tyko dla zarejestrowanych ...
skacze
inna czcionka nawet verdana
po najechaniu na nazwe sklepu moglby sie pojawiac np background-image sugerujacy ze mozna to rozwinac

Nie masz pomyslów szukaj insoiracji na innych stronach
http://www.noupe.com/css/100-great-css-menu-tutorials.html

Ale chodzi ci o lokalizacje, ofert itd? czy o rozwijaki: Biedronka, Auchan itd?


Podmenu poprawie, a to tło to dac im w menu, czy w hover (po najechaniu kursora)?
Co do czcionki to jest odrobine powiększona, ale u mnie "Aplikacja dostepna tylko dla..." nie skacze.

a tego to już nie rozumiem, zapodasz jakies demo o co ci chodzi?


Za to dziękuje, na pewno się przyda

Kolego, cały czas nie zrobiłeś blokowego wyświetlania linków w menu. Tzn. prawie zrobiłeś - tylko dla pseudoklasy :hover.

"Powietrza" też za dużo nie dodałeś. Zerknij na obrazek poniżej. Dodałem po kilka pikseli paddingu i jak dla mnie wygląda to trochę lepiej. A najważniejsze, że dużo łatwiej się po tym nawiguje.


Aha, jeszcze jedno. Poświęć trochę czasu na poprawienie kodu HTML. Tagów <center> nie stosuje się od dobrych kilku lat. Bezpośrednio wewnątrz <dl> nie ma prawa znaleźć się <a> - http://www.w3schools.com/tags/tag_dl.asp Dalej już mi się nie chciało szukać.

HTML jest jeszcze nie poprawiony, ale chciałbym puki co skupić się na funkcjonalności wizualnej menu. Troszkę poprawiłem i wydaje mi się że jest lepiej, bardzo proszę o ocenę. Może ktoś doradzi w kwestii konkretnie graficznej?
Czekam na wiadro zimnej wody na głowę

Tło rozwiniętej listy nijak pasuje do reszty

Zaproponujesz coś?

Lepiej bez tego żółto białego (?) gradientu lub nieco jaśniejsze tło niż całego kontenera.

Poprawione, myślicie że już jest wizualnie dobrze?

na teraz jest niezle oprocz tego ze niektore pod-linki zmieniaja barwe na niebiesko i sa niezbyt widoczne
sam przyznasz ze w porownaniu z tym co na poczatku jest level up
nie zmienia to faktu ze jak znajdziesz czas pasowaloby wszystko przepisac od nowa html + zarzadzalny css
nie odniose sie do wszystkich pytan powzyej bo wypadlem z tematu ale mialem na mysli cos takiego tylko tu sa plusiki
http://www.egrappler.com/akordeon/index.htm