Navigazione by @KingStef - Codewith.it

#main, .loader-cont { display: none; } JavaScript disabilitato.
Non puoi usare Codewith.it senza JavaScript.

References

<a>Inserisce link e collegamenti ipertestuali
<address> Definisce una sezione contenente indirizzi, contatti e informazioni
<h4>Titolo di intestazione di quarto livello
<iframe>Crea un frame all'interno di una pagina HTML.
minlengthDetermina il numero minimo di caratteri per un elemento input
_topApre collegamenti ipertestuali nell'elemento parent assoluto

Users

Log in to search for users

Explore

Find inspiration

console elements(2)

Progetti scolastici.html

cablepartdos-op1.html

conta vocali nella stringa

HTML, CSS altre cose

Real Word Counter JS

HTML

CSS

JS

terminal console

feedback

add_box New

cookie Policy

Privacy information and cookies

We use cookies or technologies for technical purposes and, with your consent, also for other purposes as specified in the cookie policy. Refusal of consent may make some functions unavailable. Read more about the privacy policy

Click on “Agree” to confirm.

<link href="https://fonts.googleapis.com/css?family=Arvo&display=swap" rel="stylesheet">

<nav role="navigation" class="primary-navigation">
  <ul>
    <li><a href="#">Home</a></li>
    <li><a href="#">Tables &dtrif;</a>
      <ul class="dropdown">
        <li><a href="#">Students</a></li>
        <li><a href="#">Country Of Origin</a></li>
        <li><a href="#">Mobility Companies</a></li>
        <li><a href="#">Join Tables</a></li>
      </ul>
    </li>
    <li><a href="#">Gallery</a></li>
    <li><a href="#">About</a></li>
  </ul>
</nav>

nav.primary-navigation {
	 margin: 0 auto;
	 display: block;
	 padding: 50px 0 0 0;
	 text-align: center;
	 font-size: 16px;
}
 nav.primary-navigation ul li {
	 list-style: none;
	 margin: 0 auto;
	 border-left: 2px solid #3ca0e7;
	 display: inline-block;
	 padding: 0 30px;
	 position: relative;
	 text-decoration: none;
	 text-align: center;
	 font-family: arvo;
}
 nav.primary-navigation li a {
	 color: black;
}
 nav.primary-navigation li a:hover {
	 color: #3ca0e7;
}
 nav.primary-navigation li:hover {
	 cursor: pointer;
}
 nav.primary-navigation ul li ul {
	 visibility: hidden;
	 opacity: 0;
	 position: absolute;
	 padding-left: 0;
	 left: 0;
	 display: none;
	 background: white;
}
 nav.primary-navigation ul li:hover > ul, nav.primary-navigation ul li ul:hover {
	 visibility: visible;
	 opacity: 1;
	 display: block;
	 min-width: 250px;
	 text-align: left;
	 padding-top: 20px;
	 box-shadow: 0px 3px 5px -1px #ccc;
}
 nav.primary-navigation ul li ul li {
	 clear: both;
	 width: 100%;
	 text-align: left;
	 margin-bottom: 20px;
	 border-style: none;
}
 nav.primary-navigation ul li ul li a:hover {
	 padding-left: 10px;
	 border-left: 2px solid #3ca0e7;
	 transition: all 0.3s ease;
}
 a {
	 text-decoration: none;
}
 a:hover {
	 color: #3ca0e7;
}
 ul li ul li a {
	 transition: all 0.5s ease;
}