Menu med <ul> <li>
Kære Eksperter.Jeg vil gerne demonstrere, at intet niveau er for lavt til denne sides eksperter ;-)
Jeg er ved at lave en hjemmeside og har "stylet" min menu med en række div'ere (se nedenfor).
<div id="m_before"></div>
<div id="m_forside"></div>
<div id="m_litteratur"></div>
<div id="m_presse"></div>
<div id="m_kontakt"></div>
<div id="m_after"></div>
Jeg har nu fundet ud af, at det åbenbart er enormt usmart (alle div'erne refererer til et css-ark, som positionere dem perfekt). Men det er usmart hvis jeg vil ændre på det, for så skal jeg til at ændre alle positioneringerne.
Jeg har fået fortalt, at jeg skal opsætte min menu med <ul> <li> kommandoerne. Men jeg kan ikke få det til at fungere. Håber I kan hjælpe.
Her er min HTML-kode:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Thues site</title>
<link rel="stylesheet" type="text/css" href="default.css" media="screen,projection" title="Default" />
</head>
<body>
<div id="menudiv">
<ul id="menu">
<li><a href="baggrund.gif">Menupunkt 1</a></li>
<li><a href="baggrund.gif">Menupunkt 2</a></li>
<li><a href="baggrund.gif">Menupunkt 3</a></li>
</ul>
</div>
</body>
</html>
Og her CSS-arket:
#menudiv {
background-color:#FFFFFF;
height:35px;
}
#menu {
margin:5px;
padding:5px;
}
#menu LI{
display: inline; /*sørger for at den ligger horisontalt */
list-style-type:none; /* sørger for der ikke er nogen prikker foran hvert list item */
margin:5px;
}
#menu a {
color:#000000;
font-family:"Times New Roman", Times, serif;
font-size:20px;
padding:0 3px 0 3px;
}
#menu a:link {
color: #000000;
text-decoration: none;
} /* unvisited link */
#menu a:visited {
color: #000000;
text-decoration: none;
} /* visited link */
#menu a:hover {
color: #FFFFFF;
} /* link hvor man har musen hen over */
#menu a:active {
color: #000000;
text-decoration: none;
}
Jeg har flere problemer:
1) Jeg vil gerne, at min menu starter ved (10px fra toppen og fra venstre). Og jeg vil gerne at den slutter ved 10px fra toppen og 900 px fra venstre). Hvordan gør jeg det?
2) Jeg har en lille gif som skal være baggrund (baggrund.gif). Hvordan får jeg den til at være baggrund på menuen?
3) Jeg er i tvivl om, hvorvidt alle CSS-koderne er relevante (en ven har sendt dem til mig som hjælp).
Håber et kyndigt hoved kan hjælpe mig med at kigge koderne igennem.
Venligst
Thue
