Zachowanie przycisku po wybraniu ?

pytanie zadane 4 kwietnia 2015 w HTML i CSS przez Matt Sochi Obywatel (1,930 p.)

Potrzebuję ustawić tak przycisk w menu, aby po wybraniu tej opcji przycisk się podświetlił.

http://screenshooter.net/102363052/njmlxnu

http://screenshooter.net/102363052/ewhxlji ---> tutaj działa klasa hover, screen nie złapał mi kursora

a to kod:

.menu
{
	float:left;
	min-width:50px;
	height:25px;
	font-size:18px;
	padding:10px;
	border-right: 2px groove #909090;
	opacity:0.8;
	color: white;
	border-radius: 10px;
		
}

.menu:hover
{
	background-color:#000000;
	cursor:pointer;
}

4 odpowiedzi

odpowiedź 4 kwietnia 2015 przez BerdPL Obywatel (1,190 p.)
wybrane 5 kwietnia 2015 przez Matt Sochi

Najlepsza

Jeśli przyciski te będą odwoływać do innych stron powinieneś użyć elementu <a> w pliku HTML. Ma on już określone standardowe właściwości przy najechaniu na ten element a także przy naciśnięciu na niego. Można je oczywiście edytować.

Aby twój element z klasą main podświetlił się na czerwono przy naciśnięciu na niego dodaj do pliku CSS:

.menu:active {
    background-color: red;
    cursor:pointer;
}

Pozdrawiam :D

komentarz 4 kwietnia 2015 przez Matt Sochi Obywatel (1,930 p.)

Dzięki za pomoc. Potrzebuję aby po wybraniu strony np drama opcja drama została podświetlona cały czas, nie przy naciśnięciu. Podświetlenie ma informować na jakiej stronie jesteśmy.

komentarz 5 kwietnia 2015 przez BerdPL Obywatel (1,190 p.)

Jeśli chcesz to wszystko zrobić na jednej stronie spróbuj pobawić się javaScript. Jestem początkującym i sam nie wiele wiem, ale napewno jest to możliwe do zrobienia właśnie w tym języku :D

Tu mała próbka (potrzebny tu tylko dokument HTML), odpal to sobie i kliknij w napis.

	<body>
		<div id="home" onclick="myFunction()">Główna</div>
		<script>
			function myFunction() {	document.getElementById("home").style.backgroundColor = "red";}
		</script>
	</body>

komentarz 5 kwietnia 2015 przez BerdPL Obywatel (1,190 p.)

Jeśli te przyciski będą odnosić cię do innych stron, po prostu na danej stronie na odpowiednim guziku ustaw w pliku CSS background:<kolor na który chcesz sobie to podświetlić>