Witam.
Jak zrobić żeby przycisk był aktywny po naciśnięciu?


Mam taki plik stylu:

[HTML] pobierz, plaintext 
ul {
    list-style:none;
    margin:0;
    padding:0;
}
li {
    float:left;
    width:92px;
    margin:0;
    padding:0;
    text-align:center;
    font-size:12px;
    font-weight: bold;
}
li a {
    display:block;
    padding:5px 10px;
    height:100%;
    color:#FFF;
    text-decoration:none;
    border-right:1px solid #FFF;
}
li a:hover, li a:focus, li a:active {
    background-position:-150px 0;
}
#d a {
    background:url(images/bg.jpg) repeat 0 0;
}
[HTML] pobierz, plaintext 

dajesz atrybutowi klase np. active

w html dajesz class="active" jeżeli przycisk jest aktywny

Chodzi o to, że jak kliknę przycisk był zaznaczony - żeby było wiadomo, gdzie aktualnie jestem

[HTML] pobierz, plaintext 
li a:focus{
 background: red;
}
 
[HTML] pobierz, plaintext 

synek... kurshtml.boo.pl + webmade.org + myslenie + wiele innych
albo wez zbuduj 15 roznych stron i na kazdej zrob tak zeby pasowalo... czy cos...

focus mi nie dziala

to może pokaz mi kod html

Hej. Też mam ten problem. Mam dla przykładu menu: jeden, dwa, trzy. W "stanie spoczynkowym" to szare bloki z czarnymi napisami. No ale na prawdę nie mam pojęcia co zrobić by po kliknięciu (kliknięciu!) np. w jeden, przycisk miały inny kolor/tło niż pozostałe. Jest w ogóle na to sposób w css/xhtml? Dajcie jakąś wskazówkę

w js masz zdarzenie onclick

ale ja chcę css a nie php i javascript

pomyłka

Nie wiem czy o to chodzi, ale jeżeli po kliknięciu na cokolwiek ma zmienić się jego tło, to czy nie można po prostu napisać:

[HTML] pobierz, plaintext 
<a onClick="this.style.background='black';">Link</a>
[HTML] pobierz, plaintext 

DiH sory pomyłka pomyliło mi się ...

czlowiecze... skad php ?
php nei kreuje wygladu

zdarzenie onclick w js
ew... nie wiem focus w css, zalezy od potrzeb
jak nie to js jak ktos wyzej napisal

to jest moja strona:

[HTML] pobierz, plaintext 
<div id="MENU"> 
                     <ul id="d">
                           <li><a href="index.php?go=o_firmie">O FIRMIE</a></li>
                           <li><a href="index.php?go=historia_siodelka">HISTORIA</a></li>
                           <li><a href="index.php?go=jak_dobrac">JAK DOBRAĆ</a></li>
                         <li><a href="index.php?go=siodelka">SIODEŁKA</a></li>
                         <li><a href="index.php?go=jak_zainstalowac">MONTAŻ</a></li>
                           <li><a href="index.php?go=techlab">TECH LAB</a></li>
                           <li><a href="index.php?go=news">NEWS</a></li>
                           <li><a href="index.php?go=galeria">GALERIA</a></li>
                           <li><a href="index.php?go=forum">FORUM</a></li>
                           <li><a href="index.php?go=kontakt">KONTAKT</a></li>
                        </ul>
                   </div> 
[HTML] pobierz, plaintext 

a to jest css:

[HTML] pobierz, plaintext 
/* MENU */
ul {
    list-style:none;
    margin:0;
    padding:0;
}
li {
    float:left;
    width:96px;
    margin:0;
    padding:0;
    text-align:center;
    font-size:12px;
    font-weight: bold;
}
li a {
    display:block;
    padding:5px 10px;
    height:100%;
    color:#FFF;
    text-decoration:none;
    border-right:1px solid #FFF;
}
li a:hover {
    background-position:-100px 0; 
}
li a:focus{
    background-position:-100px 0; 
}
 
li a:active{
    background-position:-100px 0; 
}
 
#d a {
    background:url(images/bg.jpg) repeat 0 0;
}
 
p{
    text-indent: 50px;
    margin     : 0px;
    line-height: 20px; 
}
[HTML] pobierz, plaintext 

nic nie działa - nawet javascript