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.

--- oktatas:web:css:css_menue [2020/10/27 10:31]
admin [Működés közben]
+++ oktatas:web:css:css_menue [2020/10/27 10:34] (aktuális)
admin [Működés közben]
@@ Sor 211: / Sor 211: @@
 ===== 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>
 <nav id="cssmenu3">
@@ Sor 225: / Sor 259: @@
 #cssmenu3 ul {
 	list-style-type: none;
+	font-size:0;
 }
 #cssmenu3 ul li {
@@ Sor 234: / Sor 269: @@
 	background-color: #005500;
 	color: white;
+	font-size: 1rem;
 }
 #cssmenu3 ul li a:hover {

szit