HTML és CSS segítségével szeretnék menüt készíteni, mi a hiba?
Nem akarja beolvasni a .CSS-t a .HTML...
Mi a hiba?
Így néz ki html:
<html>
<head>
<title> Főoldal </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>
Így néz ki a css: )( próbáltam }{ jelekkel is de az se segitett.
#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:Alapvető dolgokkal nem vagy tisztába!
Két megoldásod van vagy meghívod egy különálló css-ből a kódot,vagy beágyaztatod a html-kódba.
itt a két megoldás.
<head>
<style type="text/css">
<head>
<link href="stiluslapneve.css" rel="stylesheet" type="text/css">
</head>
válasza:Nem tudom hogy kezdtél a munkához, így leírom hogy mit csinálj hogy működjön. Legyen egy html fájlod és egy css fájlod. pl: index.html és egy style.css. Ezek egy könyvtárban.
A html oldalad head részébe pedig szerepeljen egy ilyen:
<link rel="stylesheet" href="style.css" type="text/css"/>
A css fájl tartalmazza a css-ed a html-ben ne törődje vele.
Ha inline akarod megoldani a css-t (amit nem javaslok, de te tudod) akkor <style type="text/css"> </style> tagek közé illeszd be az alsó részt a html oldaladon belül szintén a headbe.
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!