Podświetlanie div po najechaniu myszką


(northwest) #1

Witam serdecznie,

Mam stronkę: http://stepby.no-ip.org/DOM_AKTORA/ i zakładki na górze: O NAS, POKOJE, APARTAMENTY, ZDJĘCIA itp.

Po najechaniu myszką na te pozycje chciałbym mieć podświetlenie na cały box. Udało mi się zrobić coś takiego tylko na "O NAS" - tylko jest za wąskie i za niskie :frowning:

Wie ktoś może jak to poprawić?

Bardzo proszę o pomoc,

Northwest


(struart) #2

Nadaj divowi jakąś nazwę lub klasę każdemu inną inaczej będzie kolorować wszystkie z taką nazwą następnie w css:

.nazwa_klasy_diva { background-color: #FFFFFF; }


.nazwa_klasy_diva { background-color: #000000; }

(northwest) #3

tylko że to koloruje obszar wokół napisu, a chciałbym cały “box” :slight_smile:


(manieKMP) #4

Koloruje Tobie cały box, tyle że samo menu jest źle zrobione :wink:

Jak powywalasz marginesy (a jest ich tam parę w kilku miejscach, też w separatorach, trzeba by też szerokość zwiększyć…) i dasz dla #menu1b i .menu1a padding np. 12px, wtedy będziesz widział podświetlenie dla całego miejsca, w którym się znajduje np. te “O nas”.


(bravo) #5

Proponuję zrobić porządne style. Na szybko to dodaj do css linijkę:

.menu1a:hover{background-color:orange;}

Oczywiście za orange wpisujesz sobie własny kolor. Czy o to Ci chodziło?

edit:

Poza tym proponuje sprawdzić konstrukcję menu, np. w stylach Masz zdublowane #menu1 i .menu1a i pewnie inne też.