Skocz do zawartości

  • 👋 Witaj na MPCForum!

    Przeglądasz forum jako gość, co oznacza, że wiele świetnych funkcji jest jeszcze przed Tobą! 😎

    • ✅ Pełny dostęp do działów i ukrytych treści
    • ✅ Możliwość pisania i odpowiadania w tematach
    • ✅ System prywatnych wiadomości
    • ✅ Zbieranie reputacji i rozwijanie swojego profilu
    • ✅ Członkostwo w jednej z największych społeczności graczy

    👉 Dołączenie zajmie Ci mniej niż minutę – a zyskasz znacznie więcej!

    Zarejestruj się teraz

Nie można kliknąć w odnośnik.. Help

NakloxPL

Rekomendowane odpowiedzi

NakloxPL Pomocnik

NakloxPL

Opublikowano
Pomocnik

NakloxPL

Opublikowano

Witam, mam kolejny problem, otóż nie mogę kliknąć w swój stworzony odnośnik, sprawa wygląda tak, odnośnik jest zrobiony na MENU, menu rusza się razem z użytkownikiem jeśli on scrolluje, ale no, nie idzie kliknąć w odnośnik.. Kiedy odnośnik wyjechał poza menu(górną zielone cuś) to można było kliknąć..

 

Druga sprawa to jak usunąć niebieski kolor z odnośnika i podkreślenie.

 

Dziękuje za każdą odpowiedz, na dole SS'y

Kod podam jeśli ktoś potrzebuje.

 

http://screenshu.com/static/uploads/temporary/ha/9w/0d/8wn2ha.jpg 

Tak.

Gość

Gość

Opublikowano

Gość

Opublikowano

To może być problem z dyrektywą z-index, ale dla pewności udostępnij kod.

 

@`Wolen dyrektywa = reguła. Czasami się też używa takiego określenia, przynajmniej tak się uczyłem.

NakloxPL Pomocnik

NakloxPL

Opublikowano
Pomocnik

NakloxPL

  • Autor
Opublikowano

Właśnie z tym też troche kombinowałem, ale nie wiem w sumie co robie..

body
{
    background: url(img/tlo.jpg) no-repeat;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: fixed; 
	margin: 0;
	padding: 0;
}
#container
{
	width: 960px;
	min-height: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/*#logo
{
	height: 100px;     LOGO JAK BY CO
}*/
#menu
{
	z-index:1;
	border-bottom: solid 1px;
	/*border: solid 1px; */
	height: 90px;	
	min-width: 960px;
	background-color: #217345;
	position: fixed;
	top: 0;
    left: 0;
    right: 0;
	/* PRZEŹROCZYSTOŚĆ opacity: 0.9; */
}
#logo
{
	margin-top: 5px;
	margin-left: 480px;
	position: center;
	height: 90px;	
	min-width: 360px;
	position: fixed;
	top: 0;
    left: 0;
    right: 0;	
}
#CiemnoscPodMenu
{
	z-index:2;
	margin-top:91px;
	height: 23px;
	opacity: 0.70;
	background-color: #217345;
	width:100%;
}
#tablica
{
	margin-top: 51px;
	height: 300px;
	background-color: #217345;
	border-bottom: solid 7px;
	border-top: solid 7px;
	border-top-color: #217345;
	border-bottom-color: #217345;
	background: rgba(0, 0, 0, 0.3);	
}
#PrzyciskInfo
{
	float: left;
	margin-top: 23px;
	height: 40px;
	width: 300px;
	background-color: #217345;
	
}
#PrzyciskFB
{
	text-align:center;
	float: left;
	margin-top: 23px;
	margin-left: 350px;
	width: 310px;
	height: 40px;
	background-color: #217345;
	float:both;
	

	
}
#Informacje
{
	float: left;
	width: 630px;
	height: 220px;
	background-color: #d6d8d7;
	opacity: 0.70;
}
#Facebook
{
	float: left;
	margin-left: 20px;
	background-color: #d6d8d7;
	width: 310px;
	height: 220px;
	opacity: 0.70;
	float: both;
}
#PrzyciskPostyFB
{
	float: left;
	margin-top: 23px;
	height: 40px;
	width: 200px;
	background-color: #217345;
}
#PrzyciskStaty
{
	float: left;
	margin-top: 23px;
	margin-left: 450px;
	width: 310px;
	height: 40px;
	background-color: #217345;
	float:both;
}

#PostyFB
{
	float: left;
	background-color: #d6d8d7;
	width: 480px;
	height: 220px;
	opacity: 0.70;
}
#Staty
{
	margin-left: 170px;
	float: left;
	background-color: #d6d8d7;
	width: 310px;
	height: 220px;
	opacity: 0.70;
	float: both;
}
#footer
{
	z-index:2;
	margin-top:10px;
	height: 100px;
	opacity: 0.85;
	background-color: #217345;
	width:100%;
}
#NapisInfo
{
	text-align: left;
	font-size: 30px;
	font-family: "Open Sans",helvetica,arial;
	color: white;
	padding: 3px;
}
#NapisFB
{
	text-align: left;
	font-size: 30px;
	font-family: "Open Sans",helvetica,arial;
	color: white;
	padding: 3px;	
}
#NapisPosty
{
	text-align: left;
	font-size: 30px;
	font-family: "Open Sans",helvetica,arial;
	color: white;
	padding: 3px;	
}
#NapisStaty
{
	text-align: left;
	font-size: 30px;
	font-family: "Open Sans",helvetica,arial;
	color: white;
	padding: 3px;	
}
#NapisPodMenu
{
	float: left;
	text-align: center;
	font-size: 16px;
	font-family: "Open Sans",helvetica,arial;
	color: white;
	padding: 3px;
	margin-left: 30px;	
}
#NapisPodMenu2
{
	float: left;
	text-align: center;
	font-size: 16px;
	font-family: "Open Sans",helvetica,arial;
	color: white;
	padding: 3px;
	margin-left: 270px;
}
#NapisPodMenu3
{
	float: left;
	text-align: center;
	font-size: 16px;
	font-family: "Open Sans",helvetica,arial;
	color: white;
	padding: 3px;
	float: both;
	margin-left: 240px;
	margin-right: 30px;
}
#PrzyciskForum
{
	height: 100px;
	width: 100px;
	margin: 10px 0 0px 850px;	
	text-align: center;
	font-size: 25px;
	font-family: "Open Sans",helvetica,arial;
	color: white;
	padding: 3px;
	z-index:2;
}

I wiem że kod głupio zrobiony, bo ciągle robie ID, ale jakis w class się nie odnajduje.


#PrzyciskForum 

 

To ten przycisk o którym mowa

Tak.

Jakub Specjalista

Jakub

Opublikowano
Specjalista

Jakub

Opublikowano

Daj cały kod, bo nikt się nie będzie domyślał, który selektor odpowiada za ten element. Dodatkowo po co używasz właściwości z-index, bo z tego co zgaduje po kodzie nie do końca wiesz jak działa, bo na menu ustawiłeś na 1, a na np. stopkę na 2, czyli menu będzie wjeżdżało pod stopkę. Dorzuć jeszcze HTMLem.

 

Nie zauważyłem editu :v. Mimo tego dorzuć jeszcze HTML, łatwiej będzie przetestować.

 

@petergood

z-index jest właściwością, dyrektywą jest np. !important ^^.

NakloxPL Pomocnik

NakloxPL

Opublikowano
Pomocnik

NakloxPL

  • Autor
Opublikowano

@`Wolen Na stopce nie mam z-index..

 

Kod html: 

<!DOCTYPE HTML>
<html lang="pl">
<head>
	<meta charset="utf-8">
	<title>XXX</title>
	<meta name="description" content="XXX! xxx" />
	<meta name="keywords" content="XXX"/>
	<meta http-equiv="X-UA-Compatible" content=IE=edge,chrome=1" />
	
	<link rel="stylesheet" href="style.css" type="text/css"/>
	<link rel="stylesheet" href="css/fontello.css" type="text/css"/>
</head>

<body>
		<div id="CiemnoscPodMenu">
		<div class="NapisPodMenu">
			<div id="NapisPodMenu">Wpadnij na forum! Poznaj nas!</a></div>
			<div id="NapisPodMenu2">Witaj na oficjalnej stronie XX!</div>
			<div id="NapisPodMenu3">Chcesz zakupic VIP'a? Kliknij w sklep!</a></div>
		</div>	
		
		</div>
	<div id="container"> 
			<div id="menu">
						<div id="PrzyciskForum">
							<a href="demo.html"><i class="demo-icon icon-bag"></i><br />Sklep</a>
						</div>
				<div id="logo">
					<img src="img/logo2.png"/>

		
				</div>
			</div>
		<div id="tablica">
			<img src="img/tablica.png"/>
		</div>
		<div id="PrzyciskInfo">
			<div id="NapisInfo"><i class="demo-icon icon-box"></i>Informacje</div>
		</div>
		<div id="PrzyciskFB">
			<div id="NapisFB"><i class="demo-icon icon-facebook-official"></i>Facebook</div>
		</div>
		<div id="Informacje"></div>
		<div id="Facebook"></div>
		
		<div id="PrzyciskPostyFB">
			<div id="NapisPosty"><i class="demo-icon icon-thumbs-up-alt"></i>#Posty</div>
		</div>
		<div id="PrzyciskStaty">
			<div id="NapisStaty"><i class="demo-icon icon-star-filled"></i>Statystyki</div>
		</div>
		<div id="PostyFB"></div>
		<div id="Staty"></div>	
	</div>
		<div id="footer"></div>

</body>

</html>

Dokładnie chodzi o ten przycisk:

<div id="menu">
						<div id="PrzyciskForum">
							<a href="demo.html"><i class="demo-icon icon-bag"></i><br />Sklep</a>
						</div>
				<div id="logo">
					<img src="img/logo2.png"/>

Tak.

Jakub Specjalista

Jakub

Opublikowano
Specjalista

Jakub

Opublikowano 
#footer
{
	z-index:2;
	margin-top:10px;
	height: 100px;
	opacity: 0.85;
	background-color: #217345;
	width:100%;
}

A czym niby jest to?

 

Na logo masz

top: 0;
left: 0;
right: 0;

Przykrywa Ci przycisk. Wiesz już gdzie masz błąd, teraz kombinuj :P.

NakloxPL Pomocnik

NakloxPL

Opublikowano
Pomocnik

NakloxPL

  • Autor
Opublikowano

O sorki, nie zauważyłem, biore się do roboty! :D


Dziękuje, wystarczyło usunąć margin left i right ^^ Taka drobnostka, a tyle godzin zmarnowanych :/

Tak.

Zarchiwizowany

Ten temat przebywa obecnie w archiwum. Dodawanie nowych odpowiedzi zostało zablokowane.

Tematy
×
×
  • Dodaj nową pozycję...