Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] Nawigacja "nie standardowa"
Ramzaa
post
Post #1





Grupa: Zarejestrowani
Postów: 207
Pomógł: 17
Dołączył: 4.08.2009

Ostrzeżenie: (0%)
-----


Siedzę już nad tym dobre 2h i nadal nic nie wykombinowałem. Najgorsze jest to, że jest to prosta sprawa, jednak komletnie wyleciało mi to z głowy - dlatego zwracam się do was.

Próbuję zrobić taką nawigację:



Czyli po najechaniu muszką na jakieś menu w nawigacji, chcę żeby zmienił się kolor, a w zasadzie całe menu na inny kolor. Dla przykładu powiedzmy, że najeżdżam na "stronę główną" w nawigacji, a ten przycisk zmienia się na inny kolor.

Tak wygląda przykładowy przycisk, a obok drugi (:hover):



W zasadzie to nie zrobiłem nic, bo zapomniałem jak to się robi (IMG:style_emoticons/default/sadsmiley02.gif)
Prosiłbym o jakieś wskazówki, albo najlepiej gotoffca, bo dużo roboty z tym nie ma (IMG:style_emoticons/default/aaevil.gif)

Oczywiście będzie nagroda za pomoc, pozdrawiam.

Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
Ramzaa
post
Post #2





Grupa: Zarejestrowani
Postów: 207
Pomógł: 17
Dołączył: 4.08.2009

Ostrzeżenie: (0%)
-----


askone, niestety ale to już wiedziałem tysiące lat temu, tylko że nie w tym problem (IMG:style_emoticons/default/dry.gif)

zrobiłem coś takiego:

  1. .navigation {
  2. margin: 0;
  3. padding: 0;
  4. list-style: none;
  5. display: inline;
  6. }
  7.  
  8. .nav-register {
  9. background-image: url(images/nav-register.png);
  10. height: 61px;
  11. width: 125px;
  12. }
  13.  
  14. .nav-register:hover {
  15. background-image: url(images/nav-register-active.png);
  16. }


No i działa, no bo musi i to normalna sprawa. Problem pojawia się gdy dam drugi obrazek do nawigacji, czyli powiedzmy, że kod html strony głównej wygląda tak:

  1. <ul class="navigation">
  2. <li class="nav-register"><a href="#">Rejestracja</a></li>
  3. <li class="nav-rules"><a href="#">Regulamin</a></li>
  4. </ul>


I zamiast mieć obok drugi obrazek, to pojawia mi się on pod tym poprzednim. Co dziwne, display:inline nic nie pomaga, a przecież powinno (?).

Czekam na dalsze wskazówki.
Go to the top of the page
+Quote Post

Posty w temacie


Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 6.10.2025 - 18:39