Miért nem működik a link?
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;
}
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.
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
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!