Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [HTML][CSS] Menu w formie zakładek (active)
krzysiekj
post
Post #1





Grupa: Zarejestrowani
Postów: 77
Pomógł: 0
Dołączył: 25.04.2007

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


Witam mam menu zrobione w formie zakładek

  1. <div id="menu2">
  2. <ul>
  3. <li><a href="index.php?page=1">1</a></li>
  4. <li><a href="index.php?page=2">2</a></li>
  5. <li><a href="index.php?page=3">3</a></li>
  6. </ul>
  7. </div>


  1. #menu2 li a:link, #menu2 li a:visited {
  2. background: url("img/zak1.gif") no-repeat;
  3. font-size: 16px;
  4. font-weight: bold;
  5. text-align: center;
  6. color: #3c6a38;
  7. width: 100px;
  8. height: 30px;
  9. float: left;
  10. padding: 5px 0px;
  11. }
  12.  
  13. #menu2 li a:hover {
  14. background: url("img/zak2.gif") no-repeat;
  15. color: #fff;
  16. }


Chciałbym zrobić aby po otwarciu danej strony np. 2 zakładka była aktywna i wyglądała jak po najechaniu myszą.
ktoś podpowie jak to zrobić?

Ten post edytował thek 22.06.2010, 11:19:18
Powód edycji: [thek]: bbcode poprawiłem
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi
thek
post
Post #2





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D




Nawet bez tego warunkowego dołączania :hover powinno działać w IE8 oraz IE7. Skoro tak nie jest, to znaczy, że problem musiał znowu gdzieś przy stylach wyskoczyć. Sprawdź dokładnie jakie style przyjął ten element podczas użytkowania. Choćby firebugiem jeśli używasz firefoxa. Po zaznaczeniu elementu będziesz wtedy widział jakie posiaa on klasy przypisane oraz całą hierarchię na niego oddziałowującą. Możliwe, że gdzieś się coś nadpisuje mimo wszystko.
Go to the top of the page
+Quote Post

Posty w temacie
- krzysiekj   [HTML][CSS] Menu w formie zakładek (active)   20.06.2010, 20:14:11
- - thek   Po pierwsze... Popraw bbcode na właściwy. A po dru...   20.06.2010, 21:02:10
|- - krzysiekj   Cytat(thek @ 20.06.2010, 22:02:10 ) P...   21.06.2010, 18:24:09
- - gigzorr   #menu2 li a.activ:link { #menu2 li a.active:link ...   21.06.2010, 18:33:21
|- - krzysiekj   Cytat(gigzorr @ 21.06.2010, 19:33:21 ...   21.06.2010, 19:21:11
- - IronStark   Kod<div id="menu2"> <ul> ...   21.06.2010, 20:16:49
|- - krzysiekj   Cytat(IronStark @ 21.06.2010, 21:16:4...   21.06.2010, 20:54:27
- - bastard13   a:active faktycznie jest dla aktywnych odnoścników...   21.06.2010, 20:39:43
|- - krzysiekj   Cytat(bastard13 @ 21.06.2010, 21:39:4...   21.06.2010, 21:02:25
- - bastard13   Sorry:) Wybacz facetowi w okularach na tyle słabyc...   21.06.2010, 20:57:05
- - bastard13   A zdefiniowałeś sobie style dla tej klasy np. [HTM...   21.06.2010, 21:09:24
|- - krzysiekj   Cytat(bastard13 @ 21.06.2010, 22:09:2...   21.06.2010, 21:48:45
- - bastard13   W tym co wkleiłeś na 100% nie ma żadnego błędu. Mo...   21.06.2010, 22:00:24
|- - krzysiekj   Cytat(bastard13 @ 21.06.2010, 23:00:2...   22.06.2010, 07:32:20
- - thek   Z bbcode chodzi mi o to, by stosować właściwy do w...   22.06.2010, 08:07:14
|- - krzysiekj   Cytat(thek @ 22.06.2010, 09:07:14 ) Z...   22.06.2010, 11:06:56
- - thek   Ok... Teraz Ci poprawię, ale "nie grzesz więc...   22.06.2010, 11:18:42
|- - krzysiekj   Cytat(thek @ 22.06.2010, 12:18:42 ) O...   22.06.2010, 23:20:54
- - thek   Działa, ale nie na 6 Interpretuje on bowiem błędn...   23.06.2010, 08:45:06
|- - krzysiekj   Cytat(thek @ 23.06.2010, 09:45:06 ) D...   26.06.2010, 10:48:45
- - thek   Nawet bez tego warunkowego dołączania :hover powin...   26.06.2010, 23:48:02
- - krzysiekj   Cytat(thek @ 27.06.2010, 00:48:02 ) N...   29.06.2010, 11:26:15


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: 14.10.2025 - 10:38