Felhasználói eszközök

Eszközök a webhelyen


oktatas:web:css:css_menue

Különbségek

A kiválasztott változat és az aktuális verzió közötti különbségek a következők.

Összehasonlító nézet linkje

Előző változat mindkét oldalonElőző változat
oktatas:web:css:css_menue [2020/10/27 10:32] – [Működés közben] adminoktatas:web:css:css_menue [2020/10/27 10:34] (aktuális) – [Működés közben] admin
Sor 211: Sor 211:
 ===== Megoldás inline-block elemekkel ===== ===== Megoldás inline-block elemekkel =====
  
-==== Működés közben ====+==== Forráskódok ====
  
 +<code html>
 +<nav>
 +    <ul>
 + <li><a href="#">Második</a></li>
 + <li><a href="#">Harmadik</a></li>
 + <li><a href="#">Negyedik</a></li>
 +    </ul>
 +</nav>
 +</code>
 +
 +
 +<code css>
 +nav ul {
 + list-style-type: none;
 + font-size:0;
 +}
 +nav ul li {
 + display: inline-block;
 +}
 +nav ul li a {
 + text-decoration: none;
 + padding: 15px;
 + background-color: #005500;
 + color: white;
 + font-size: 1rem;
 +}
 +nav ul li a:hover {
 + background-color: yellow;
 + color: black;
 +}
 +</code>
 +
 +
 +==== Működés közben ====
 <html> <html>
 <nav id="cssmenu3"> <nav id="cssmenu3">
oktatas/web/css/css_menue.1603791163.txt.gz · Utolsó módosítás: 2020/10/27 10:32 szerkesztette: admin