dropdown hover display
This commit is contained in:
@@ -53,6 +53,10 @@ CSS für den Block Navbar mit seinen Elementen nach BEM
|
|||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.nav__dropdown:hover .nav__dropdown-menu {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
/* CSS von https://responsivenavigation.net/examples/simple-toggle/ */
|
/* CSS von https://responsivenavigation.net/examples/simple-toggle/ */
|
||||||
/*
|
/*
|
||||||
.nav { width:100%; background-color: #fff; border-bottom: 1px solid #ccc; }
|
.nav { width:100%; background-color: #fff; border-bottom: 1px solid #ccc; }
|
||||||
|
|||||||
+10
-10
@@ -80,16 +80,16 @@ Globales Menü, wird via PHP später in alle Seiten eingebunden
|
|||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="nav__right">
|
<div class="nav__right">
|
||||||
<a href = "content/profile.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Dein Profil</b></a>
|
<a href = "content/profile.php" style = "padding: 5px; text-align: center; text-decoration: none; display: inline-block;"><b>Dein Profil</b></a>
|
||||||
|
|
|
|
||||||
<div class="nav__search">
|
<div class="nav__search">
|
||||||
<?php
|
<?php
|
||||||
include_once 'search.php';
|
include_once 'search.php';
|
||||||
?>
|
?>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
|
||||||
<a href = "auth/login.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Anmelden </a>
|
<a href = "auth/login.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Anmelden </a>
|
||||||
|
|
|
|
||||||
<a href = "auth/register.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Registrieren </a>
|
<a href = "auth/register.php" style = "background-color: #f44336; color: white; padding: 4px 20px; text-align: center; text-decoration: none; display: inline-block;"> Registrieren </a>
|
||||||
</div>
|
</div>
|
||||||
</nav>
|
</nav>
|
||||||
Reference in New Issue
Block a user