Kezdőoldal » Számítástechnika » Weblapkészítés » Miért nem működik a link?

Miért nem működik a link?

Figyelt kérdés
Van egy weblapom, ahol a felső menüt lefixáltam, tehát a tartalom görgetésénél nem mozdul el. Ez rendben is van, de ha le van fixálva, akkor hiába kattintok a linkre nem történik semmi. Ha a position: fixed; kódot meg kiszedem, akkor működik a link, de nem marad egy helyben. Ilyenkor mi a teendő?

2014. aug. 20. 15:53
 1/7 anonim ***** válasza:
Mutass egy ilyen linket.
2014. aug. 20. 15:55
Hasznos számodra ez a válasz?
 2/7 A kérdező kommentje:
Esetleg ha a kódot elküldöm az jó?
2014. aug. 20. 16:01
 3/7 anonim ***** válasza:
Igen, arra gondoltam.
2014. aug. 20. 16:03
Hasznos számodra ez a válasz?
 4/7 A kérdező kommentje:

HTML(a PHP részét kihagytam):

<html>

<head lang="hu">

<title>PORTÁL</title>

<link href="css/homepage.css" rel="stylesheet" type="text/css" media="all" />

</head>

<body>

<div id="header">

<div id="menu1">

<nav id="menu1">

<ul>

<li><a href="homepage.php">Kezdőlap</a></li>

<li><a href="#">Ismerőseim</a></li>

<li><a href="#">Keresés</a></li>

<li><a href="settings.php">Beállítások</a></li>

<li><a href="logout.php">Kijelentkezés</a></li>

</ul>

</nav>

</div>

</div>

<div id="menu2">

<nav id="menu2">

<ul id="menu2">

<li id="first"><a href="myprofile.php"><?php echo $_SESSION['last_name']." ".$_SESSION['first_name']; ?></a></li>

<li><a href="message.php">Üzeneteim</a></li>

<li><a href="friends.php">Ismerőseim</a></li>

<li><a href="share.php">Megosztás</a></li>

<li><a href="settings.php">Beállítások</a></li>

<li id="last"><a href="logout.php">Kijelentkezés</a></li>

</ul>

</nav>

</div>

</body>

</html>



CSS:


body

{

font-family: calibri;

margin: 0px;

padding: 0px;

}


div#header

{

position: fixed;

}


div#menu

{

width: 100%;

}


nav#menu1

{

position: relative;

top: 14px;

margin-left: 25px;

margin-right: 25px;

border-top: 5px solid #27aae1;

border-bottom: 5px solid #27aae1;

}


nav#menu1 ul

{

display: block;

list-style: none;

width: 100%;

}


nav#menu1 li

{

padding-left: 70px;

padding-right: 70px;

}


nav#menu1 ul li

{

display: inline-block;

}


nav#menu1 a

{

display: block;

text-align: center;

text-decoration: none;

color: #383636;

font-size: 15pt;

}


div#menu2

{

position: fixed;

width: 100%;

}


nav#menu2

{

position: relative;

left: -15px;

right: 0px;

top: 100px;

}


nav#menu2 ul

{

display: block;

list-style: none;

width: 18%;

}


nav#menu2 li

{

padding-top: 15px;

padding-bottom: 15px;

}


nav#menu2 ul li

{


}


nav#menu2 a

{

display: block;

text-align: center;

text-decoration: none;

color: #383636;

font-size: 15pt;

}


li#first

{

border-top: 5px solid #27aae1;

}


li#last

{

border-bottom: 5px solid #27aae1;

}

2014. aug. 20. 16:05
 5/7 anonim ***** válasza:

A #menu2 rálóg a felső menüre is.

Ezt a leggyorsabban úgy orvosolhatod, ha a nav#menu1-nek beállítasz valamilyen (1-nél nagyobb) z-indexet.

2014. aug. 20. 16:15
Hasznos számodra ez a válasz?
 6/7 anonim ***** válasza:
Sőt! Mégjobb, ha a div#menu2-ről leveszed a position-t és a nav#div2 positionja fixed.
2014. aug. 20. 16:17
Hasznos számodra ez a válasz?
 7/7 A kérdező kommentje:
Nagyon szépen köszönöm a válaszod! Magamtól nem jöttem volna rá!
2014. aug. 20. 16:19

Kapcsolódó kérdések:




Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!