Strona typu open page a hosting

pytanie zadane 8 września 2018 w Sieci komputerowe, internet przez Layoutowiec Mądrala (5,470 p.)
edycja 8 września 2018 przez Layoutowiec

Witam wszystkich!

A więc robię stronę typu open page i wrzuciłem ją na darmowy hosting aby zobaczyć jak to będzie wyglądać ale po wciśnięciu jakiejś zakładki w menu strona nie reaguje i nie przenosi na podstronę. Co powinienem zrobić aby menu działało w odpowiedni sposób?

Dziękuję za poświęcony czas i proszę o pomoc

<div class="wrap-all">
	<span class="navigation-toggle">
		<span></span>
		<span></span>
		<span></span>
	</span>

	<nav class="navigation" role="navigation">
		<ul>
			<li><a href="">HOME</a></li>
			<li><a href="C:/Users/Konto2/Desktop/ift/podstrony/grafiki.html">GRAFIKI</a></li>
			<li><a href="">WZMIANKI</a></li>
			<li><a href="">MOTYWACJA</a></li>
		</ul>
	</nav>


.wrap-all {
	overflow: hidden;
	width:100%;
	position: relative;
}

.navigation-toggle {
	position:fixed;
	top:10px;
	right:10px;
	width:40px;
	height:40px;
	background: #e9e9e9;
	border-radius:2px;
	display: block;
	z-index: 100;
	cursor: pointer;
}
.navigation-toggle span {
	width:20px;
	height:3px;
	margin:4px 10px;
	display: block;
	background: #fff;
	border-radius:1px;
}
.navigation-toggle span:first-child {
	margin-top:12px;
}

/* navigation */
.navigation {
	z-index: 2;
	min-height: 100%;
	font-family:'Source Sans Serif', sans-serif;
	font-weight:300;
	font-size:14px;
	position: fixed;
	top:0;
	left:-250px;
	width:250px;
	background: #e9e9e9;
	height:100%;
	overflow: hidden;
	overflow-y:auto;
	color:#42505A;
	-webkit-transition: 0.5s left;
	-moz-transition: 0.5s left;
	-ms-transition: 0.5s left;
	-o-transition: 0.5s left;
	transition: 0.5s left;
}

.navigation a {
	color:#42505A;
}
.navigation ul {
	list-style:none;
	padding:0;
	margin:20px 0;
}
.navigation ul li {
	text-transform: uppercase;
	font-weight:600;
}
.navigation ul li:last-child {
	border-bottom:0;
}
.navigation ul li a {
	display: block;
	height:50px;
	line-height: 50px;
	text-decoration: none;
	padding:0 20px 0 30px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;

}
.navigation ul li a:hover {
	background:#3BB4BC;
	color:#fff;
	border-left:6px solid #329EA5;
}
.navigation .logo {
	text-align: center;
	margin:20px 0;
}
.navigation .logo img {
	max-width:120px;
	height:auto;
}

.navigation-show .page-content {
	left:250px;
}
.navigation-show .navigation {
	box-shadow:0 2px 10px rgba(0,0,0,0.2);
	left:0;
}

1 odpowiedź

odpowiedź 8 września 2018 przez `Krzychuu Stary wyjadacz (13,940 p.)
wybrane 8 września 2018 przez Layoutowiec

Najlepsza

Pokaż kod

komentarz 8 września 2018 przez Layoutowiec Mądrala (5,470 p.)

Wrzuciłem do pytania

komentarz 8 września 2018 przez `Krzychuu Stary wyjadacz (13,940 p.)

nie działają ponieważ masz puste a href, a w jednym jest podana zła ścieżka, teraz podajesz ścieżkę do pliku z Twojego komputera, tutaj zamiast C:/... powinno być samo podstrony/grafiki.html, zamiast pisać dużymi literami lepiej jest w CSS zastosować klasę text-transform: uppercase;