HTML menü készítés CSS-el, mi a hiba?
Néztem egy videót amivel kb idáig jutottam de valami hibádzik...
...amikor megnyitom akkor ugyan úgy egymás alatt vannak a menüpontok és semmi.
__
A menu.html így néz ki...
<html>
<head>
<title> Masked - Hacker </title>
</head>
<body>
<ul id="menu">
<li><a href="/index.html"></a>Főoldal</li>
<li><a href="/o1.html"></a>Oldal - 1</li>
<li><a href="/o2.html"></a>Oldal - 2</li>
<li><a href="/o3.html"></a>Oldal - 3</li>
<li><a href="/download.html"></a>Letöltések</li>
</ul>
</body>
</html>
__
A menu.css pedig így:
#menu (
font-family: lucida console,arial;
font-size: 12px;
list-style: none;
padding: 0;
margin: 0;
float: left;
border-top: 1px solid #000;
border-botton: 1px solid #000;
border-left: 1px solid #000;
background: 008000;
)
#menu li (
float: left;
border-right: 1px solid #000;
)
#menu li a (
padding: 10px 20px;
display: block;
text-decoration: none;
color: #00FF00
)
#menu li a: hover (
background: #000;
color: #006400;
)
válasza:Több hiba is van.
1. A html-ben nem raktál hivatkozást a CSS-re, ezért nem veszi figyelembe.
<link rel="stylesheet" type="text/css" href="menu.css" />
2. A html-ben a menüpontok nem linkek, mert az </a> lezáró tag-nek a szöveg után kellene lennie.
<li><a href="/index.html">Főoldal</a></li>
3. A CSS-ben rossz zárójelet használsz. Ott { és } jeleket kell használni.
#menu li { float: left; border-right: 1px solid #000; }
Kapcsolódó kérdések:
Minden jog fenntartva © 2024, 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!