problema css

#1
CipryXXX

Posted 13 January 2009 - 14:08

Member

Grup: Members
Posts: 401
Înscris: 09.12.2006

am urmatorul cod in css :

#menu ul {
	list-style-type:none;
	}
#menu li {
	float:left;
	}
#menu li a {
	padding:0 15px;
	display:block;
	color:#ffffff;
	margin-right:2px;
	}
#menu li a:hover {
	background:url(images/bg-menu-hover.png) no-repeat center center;
	}

si am incercat atunci cand ai selectat linkul sa ramana efectul de la a:hover asa ca am mai adaugat :

#menu li a:active {
	background:url(images/bg-menu-hover.png) no-repeat center center;
	}

insa problema mea este ca nu ramane selectat,nu merge

asa arata meniul :

<div id="menu">
		 <ul>
		<li><a href="index.php">Home</a></li>
		<li><a href="?page=view_galeriefoto">Galerie foto</a></li>
		<li><a class="menu" href="?page=view_categorie&id=1">test</a></li>
				<li><a class="menu" href="?page=view_categorie&id=2">test2</a></li>
				<li><a class="menu" href="?page=view_categorie&id=3">test3</a></li>
			  </ul>
	</div>

cum pot rezolva aceasta problema?multumesc.

Edited by CipryXXX, 13 January 2009 - 14:11.

Back to top

#2
DarkAngelBv

Posted 13 January 2009 - 14:22

=== Proud owner of === ++++ Audi & Opel ++++

Grup: Senior Members
Posts: 12,747
Înscris: 24.03.2006

Pentru CSS avem arie dedicata.

Mutat -_-

Back to top

#3
Jumping Jack

Posted 14 January 2009 - 15:59

Member

Grup: Members
Posts: 622
Înscris: 12.09.2007

CipryXXX, on Jan 13 2009, 13:08, said:

cum pot rezolva aceasta problema?multumesc.

Bineinteles ca nu ramine selectat, a:active este o pseudoclasa dinamica. O pseudoclasa dinamica gen :hover, :active sau :focus este declansata de o actiune a userului, si dispare in momentul in care actiunea dispare.
Ca sa iti ramina selectata trebuie sa adaugi tu o clasa simpla, care sa fie alocata elementului respectiv cind te afli pe pagina respectiva. Deci, in loc de a:active, iti trebuie a.active.

Back to top

#4
CipryXXX

Posted 14 January 2009 - 22:56

Member

Grup: Members
Posts: 401
Înscris: 09.12.2006

mersi de explicatie dar din pacate tot nu merge...

Back to top

#5
Jumping Jack

Posted 15 January 2009 - 12:05

Member

Grup: Members
Posts: 622
Înscris: 12.09.2007

CipryXXX, on Jan 14 2009, 21:56, said:

mersi de explicatie dar din pacate tot nu merge...

Pai nu merge pentru ca probabil nu ai alocat clasa .active elementului respectiv. Nu e suficient sa scrii in css

#menu li a.active {
	background:url(images/bg-menu-hover.png) no-repeat center center;
	}

Trebuie si alocata clasa aia. Si asta o faci cu php.

Back to top

#6
CipryXXX

Posted 16 January 2009 - 21:44

Member

Grup: Members
Posts: 401
Înscris: 09.12.2006

nu inteleg cum sa adaug clasa elemntului respectiv,poti sa imi arati un exemplu te rog?mersi.

Edited by CipryXXX, 16 January 2009 - 22:02.

Back to top

#7
OriginalCopy

Posted 16 January 2009 - 21:59

I'm harmful, fear me please! :))

Grup: Senior Members
Posts: 27,268
Înscris: 10.08.2006

CipryXXX, on Jan 16 2009, 22:44, said:

nu inteleg cum sa adaug clasa elemntului respectiv,poti sa imi arati un exemplu te rog?mersi.

elementul a respectiv trebuie sa aibe atributul class cu valoarea "active"

Back to top

#8
CipryXXX

Posted 16 January 2009 - 22:02

Member

Grup: Members
Posts: 401
Înscris: 09.12.2006

daca pun

<a class="active"

toate linkurile raman ca si cum ar fi selectate.

Edited by CipryXXX, 16 January 2009 - 22:13.

Back to top

#9
OriginalCopy

Posted 16 January 2009 - 23:14

I'm harmful, fear me please! :))

Grup: Senior Members
Posts: 27,268
Înscris: 10.08.2006

CipryXXX, on Jan 16 2009, 23:02, said:

daca pun

<a class="active"

toate linkurile raman ca si cum ar fi selectate.

Atunci fa astfel incat sa nu aibe toate linkurile clasa "active". Daca folosesti PHP asta e simplu, daca nu, atunci trebuie sa creezi cate un "meniu" pentru fiecare pagina posibila in parte.

Back to top

#10
CipryXXX

Posted 17 January 2009 - 00:14

Member

Grup: Members
Posts: 401
Înscris: 09.12.2006

k am inteles am reusit cu php mersi.

Back to top

Anunturi

Chirurgia cranio-cerebrală minim invazivă

Tehnicile minim invazive impun utilizarea unei tehnologii ultramoderne.

Endoscoapele operatorii de diverse tipuri, microscopul operator dedicat, neuronavigația, neuroelectrofiziologia, tehnicile avansate de anestezie, chirurgia cu pacientul treaz reprezintă armamentarium fără de care neurochirurgia prin "gaura cheii" nu ar fi posibilă. Folosind tehnicile de mai sus, tratăm un spectru larg de patologii cranio-cerebrale.

www.neurohope.ro

problema css

#1 CipryXXX Posted 13 January 2009 - 14:08

#2 DarkAngelBv Posted 13 January 2009 - 14:22

#3 Jumping Jack Posted 14 January 2009 - 15:59

#4 CipryXXX Posted 14 January 2009 - 22:56

#5 Jumping Jack Posted 15 January 2009 - 12:05

#6 CipryXXX Posted 16 January 2009 - 21:44

#7 OriginalCopy Posted 16 January 2009 - 21:59

#8 CipryXXX Posted 16 January 2009 - 22:02

#9 OriginalCopy Posted 16 January 2009 - 23:14

#10 CipryXXX Posted 17 January 2009 - 00:14

Anunturi

▶ 0 user(s) are reading this topic

Sign In

#1
CipryXXX

Posted 13 January 2009 - 14:08

#2
DarkAngelBv

Posted 13 January 2009 - 14:22

#3
Jumping Jack

Posted 14 January 2009 - 15:59

#4
CipryXXX

Posted 14 January 2009 - 22:56

#5
Jumping Jack

Posted 15 January 2009 - 12:05

#6
CipryXXX

Posted 16 January 2009 - 21:44

#7
OriginalCopy

Posted 16 January 2009 - 21:59

#8
CipryXXX

Posted 16 January 2009 - 22:02

#9
OriginalCopy

Posted 16 January 2009 - 23:14

#10
CipryXXX

Posted 17 January 2009 - 00:14