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
bastard13
post
Post #2





Grupa: Zarejestrowani
Postów: 664
Pomógł: 169
Dołączył: 8.01.2010
Skąd: Kraków

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


a:active faktycznie jest dla aktywnych odnoścników, z tym, że to nie chodzi o stronę, na której aktualnie się znajdujemy. Te style są dla elementu, na którym klikniesz i przytrzymasz wciśnięty przycisk myszy.
Co do aktywnego elementu, to:
  1. .strona_na_ktorej_jestem {//style}
  2. <div id="menu">
  3. <a href="index.php?strona=1" class="<?php echo ($_GET['strona']==1 ? 'strona_na_ktorej_jestem' : ''); ?>">strona1</a>
  4. <a href="index.php?strona=2" class="<?php echo ($_GET['strona']==2 ? 'strona_na_ktorej_jestem' : ''); ?>">strona2</a>
  5. </div>


Ten post edytował bastard13 21.06.2010, 20:40:21
Go to the top of the page
+Quote Post
krzysiekj
post
Post #3





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

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


Cytat(bastard13 @ 21.06.2010, 21:39:43 ) *
a:active faktycznie jest dla aktywnych odnoścników, z tym, że to nie chodzi o stronę, na której aktualnie się znajdujemy. Te style są dla elementu, na którym klikniesz i przytrzymasz wciśnięty przycisk myszy.
Co do aktywnego elementu, to:
  1. .strona_na_ktorej_jestem {//style}
  2. <div id="menu">
  3. <a href="index.php?strona=1" class="<?php echo ($_GET['strona']==1 ? 'strona_na_ktorej_jestem' : ''); ?>">strona1</a>
  4. <a href="index.php?strona=2" class="<?php echo ($_GET['strona']==2 ? 'strona_na_ktorej_jestem' : ''); ?>">strona2</a>
  5. </div>


Kolego składnia jest na pewno dobra bo nie działa tak jak podałeś? Jak dam pokaż kod źródłowy to tam faktycznie jest ok nadaje klasę, ale nie wykorzystuje jej wogóle. Co może być nie tak?
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: 5.10.2025 - 18:30