Jak stworzyć bloki z tekstem/obrazkiem

0

Witam, nie jestem webmasterem, ale przerabiam swój skrypt strony do własnego interesu metodą prób i błędów, nie wiem czy dobrze nazwałem temat, ale postaram się objaśnić jak najdokładniej o co mi chodzi i co chcę osiągnąć ;)
A więc pokaże wam na przykładzie filmu na stronie zalukaj.
http://zalukaj.tv/zalukaj-film/21586/return_to_zero_2014_.html
Po kliknięciu "Oglądaj film online" otwiera nam się blok z odtwarzaczem i podkreśla się "Oglądaj film online" ,po kliknięciu "Opis ilmu" otwiera nam się blok z Opisem i podkreśla nam się "Opis filmu" ,chciałbym coś podobnego osiągnąć, pomoże ktoś? :)

1
<html>
	<head>
		<meta charset="utf-8">
		<title>Proste menu</title>
		<link rel="stylesheet" href="style.css">
	</head>
	
	<body>
		<nav>
			<ul>
				<li><a href="index.html">Strona główna</a></li>
				<li><a href="poradnik.html">Poradniki</a></li>
				<li><a href="kontakt.html">Kontakt</a></li>
				<li><a href="o_nas.html">O nas</a></li>
			</ul>
		</nav>
	</body>
</html>

style.css

nav ul{
	background-color: green;
	width: 200px;
	list-style: none;
	padding: 0px;
	border: 1px solid black;
}

nav ul li{
	border-bottom: 1px solid black;
	padding: 5px;
}

nav ul li:last-child{
	border-bottom: none;
}

nav li a{
	text-decoration: none;
	color: black;
}

nav li a:hover{
	text-decoration: underline;
}

Działa na podobnej zasadzie, wystarczy przeanalizować.
Mała podpowiedź a:hover.

Polecam od siebie tę książkę którą przerobiłem w jeden dzień i dużo mi to rozjaśniło. Później jakiś osobny kurs o HTML i CSS i możesz powiedzieć że jesteś webmasterem ;)

0

Dzięki, jest ok :) Tyle ,że jeszcze chciałem, aby po kliknięciu np. w kartę Kontakt nie przekierowało do tej karty, tylko po prostu wyskakiwało pod kontaktem tekst który jest zapisany w kontakt.html i aby wtedy kontakt.html podkreślał się na stałe, mam nadzieję ,że zrozumiale napisałem :)

1

Klik
Przenoszę Ciebie na ten link ponieważ sam tego nigdy nie robiłem ale znalazłem tutaj dosyć dobry poradnik jak to zrobić tyle że również powinieneś pozmieniać (to pomoże Ci na lepsze zrozumienie CSS i samego HTML'a).

0

Kolejny kciuk w górę, tylko to nadal nie jest to czego chce :P To jest po prostu lepsza wersja twojego kodu i bardziej rozbudowana :)
Dobrze, to teraz na przykładzie tego kodu, chciałbym aby po kliknięciu w dział3 wyskakiwał nam tekst, obrazek, bądź co my tam mamy w pliku dzial3.html pod tym menu i podświetlał nam się na stałe właśnie ten blok dział3 - jak to uczynić? :)

0

Dziękuje ci dzek69, to jest dokładnie to co chciałem ! Już działam z tym, jak będę miał jakieś problemy, to dam znać ;)

0

Wszystko działa tak jak należy ,dziękuje jeszcze raz wszystkim za pomoc, temat rozwiązany ;)
Tutaj moje kolejne pytanko, jakby ktoś znowu chciał pomóc - http://4programmers.net/Forum/Webmastering/244059-co_zrobic_aby_dany_fragment_obrazka_byl_klikalny_a_reszta_obrazku_juz_nie

1 użytkowników online, w tym zalogowanych: 0, gości: 1