[HTML][CSS][PHP] Aktywny przycisk Opcje

[winkoVic]

Witam, jak mogę zrobić przycisk aktywny po kliknieciu w dzial podmienia obrazek a gdzy z niego wyjdziemy zmienia sie na poprzedni ?
Proszę o pomoc

[HTML] pobierz, plaintext 
<div id='menu'>
 
<div id='reszta_lewa'></div>
 
<a href='?id=main'><div id='onas'></div></a>
<a href='?id=wykl'><div id='wyklady'></div> </a>
<a href='?id=cenn'><div id='cennik'></div> </a>
<a href='?id=galer'><div id='galeria'></div> </a>
<a href='?id=kon'><div id='kontakt'></div> </a>
<a href='?id=myj'> <div id='myjnia'></div></a>
 
<div id='reszta_prawa'></div>
</div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
#onas {
	background: url('images/menu/onas.png');
	float:left;
	border:0px;
	width: 134px;
	height:55px;
}
#wyklady {
	background: url('images/menu/wyklady.png');
	float:left;
	border:0px;
	width:133px;
	height:55px;
}
#cennik {
	background: url('images/menu/cennik.png');
	float:left;
	border:0px;
	width:134px;
	height:55px;
}
#galeria {
	background: url('images/menu/galeria.png');
	float:left;
	border:0px;
	width:133px;
	height:55px;
}
#kontakt {
	background: url('images/menu/kontakt.png');
	float:left;
	border:0px;
	width:134px;
	height:55px;
}
#myjnia {
	background: url('images/menu/myjnia.png');
	float:left;
	border:0px;
	width:133px;
	height:55px;
}
#reszta_prawa {
	background: url('images/menu/reszta_prawa.png');
	width:99px;
	height:55px;
	float:left;
}
#reszta_lewa {
	background: url('images/menu/reszta_lewa.png');
	float: left;
	width:100px;
	height:55px;
 
}
[CSS] pobierz, plaintext 

Ten post edytował winkoVic 30.10.2010, 10:55:47

[markonix]

Trochę niezrozumiale to napisałeś.
W css możesz wykorzystać css rollover jeśli chodzi o odnośniki obrazkowe (odsyłam do Google).

Poza tym popraw plik css (zmniejsz liczbę kodu). Nie musisz powtarzać za każdym razem float: left, height: 55px itd.
Wykorzystaj pełne możliwości css i po prostu wypisz po przecinku te selektory.

[pedro84]

:hover?

[winkoVic]

:hover?

:hover jest do tego ze jak sie najedzie na przycisk to sie zmienia a nie jak sie kliknie to zmienia sie inny a potem jak sie kliknie w inny dzial ten powraca do poprzedniego a znowu z tym dziale jest inny ;]

[tehaha]

no po prostu dla każdego przycisku tworzysz klasę np .active i jak użytkownik jest na tej stronie to do linku dopisujesz class="active"

[winkoVic]

ja mam pliki html i php osobno i niby gdzie mam dodać to linku class="active" ?

Ten post edytował winkoVic 30.10.2010, 15:25:56

[tehaha]

jak użytkownik jest np. na stronie cennik to wtedy link powinien wyglądać

[HTML] pobierz, plaintext 
<a href='?id=cenn' class="active"><div id='cennik'></div> </a> 
[HTML] pobierz, plaintext 

poza tym nie rozumiem po co wpychasz <div> do <a> skoro ten styl możesz przypisać do linku

[winkoVic]

jak użytkownik jest np. na stronie cennik to wtedy link powinien wyglądać

[HTML] pobierz, plaintext 
<a href='?id=cenn' class="active"><div id='cennik'></div> </a> 
[HTML] pobierz, plaintext 

poza tym nie rozumiem po co wpychasz <div> do <a> skoro ten styl możesz przypisać do linku

ale ja mam osobno plik menu.html i dopiero w index.php includuje menu.html i nie da sie zrobic ze na tej i tej stronie dodam class ;d

[tehaha]

ale ja mam osobno plik menu.html i dopiero w index.php includuje menu.html i nie da sie zrobic ze na tej i tej stronie dodam class ;d

wszystko się da w pliku html możesz sobie zrobić tak:

[PHP] pobierz, plaintext 
<div id='menu'>
 
<div id='reszta_lewa'></div>
 
<a href='?id=main' <?php echo $tab_active['main'];?>><div id='onas'></div></a>
<a href='?id=wykl' <?php echo $tab_active['wykl'];?>><div id='wyklady'></div> </a>
<a href='?id=cenn' <?php echo $tab_active['cenn'];?>><div id='cennik'></div> </a>
<a href='?id=galer' <?php echo $tab_active['galer'];?>><div id='galeria'></div> </a>
<a href='?id=kon' <?php echo $tab_active['kon'];?>><div id='kontakt'></div> </a>
<a href='?id=myj' <?php echo $tab_active['myj'];?>> <div id='myjnia'></div></a>
 
<div id='reszta_prawa'></div>
</div>
[PHP] pobierz, plaintext 

a w pliku php, przed inkludowaniem

[PHP] pobierz, plaintext 
$tab_active = array();
$tab_active[$_GET['id']] = 'class="active"';
[PHP] pobierz, plaintext 

[winkoVic]

i tak nie działa ;/

[thurinon]

Niezbyt to piękne no ale to tak żeby wiadomo było jaka zasada działania:

Kod

<div id='menu'>

<div id='reszta_lewa'></div>

<a href='?id=main' <?php if($_GET['id'] == 'main' ) echo 'class="active"';?> ><div id='onas'></div></a>
<a href='?id=wykl' <?php if($_GET['id'] == 'wykl' ) echo 'class="active"';?> ><div id='wyklady'></div> </a>
<a href='?id=cenn' <?php if($_GET['id'] == 'cenn' ) echo 'class="active"';?> ><div id='cennik'></div> </a>
<a href='?id=galer <?php if($_GET['id'] == 'galer' ) echo 'class="active"';?> '><div id='galeria'></div> </a>
<a href='?id=kon' <?php if($_GET['id'] == 'kon' ) echo 'class="active"';?> ><div id='kontakt'></div> </a>
<a href='?id=myj' <?php if($_GET['id'] == 'myj' ) echo 'class="active"';?> > <div id='myjnia'></div></a>

<div id='reszta_prawa'></div>
</div>

To tylko jakiś sposób, można to zrobić wdużo ładniejszy sposób.

No i zmień plik menu z html na php

[tehaha]

no a porobiłeś style w css? Czy tylko bezmyślnie wstawiłeś kod i oczekujesz, że reszta magicznie sama się zrobi? poza tym skoro masz przypisany styl do <div> to raczej tą klasę active będziesz musiał wstawić do <div> a nie do <a>, i jeszcze jedno lepiej zmień to id na class w tych divach, bo inaczej dodanie class active może nie zadziałać

[winkoVic]

Już mam dzięki;))