Hej jeg har følgende hjemmeside hvor jeg øver mig i at lave hjemmesider på og jeg har lavet noget html og css der ser sådan ud:
min hjemmeside:
http://mytestpage.1go.dk/index.htm
<html>
<head>
<title>Skabelon1</title>
<link rel="stylesheet" type="text/css" href="style.css"
</head>
<body>
<img id="logo" src="Logoer/logo.gif">
<img id="banner" src="Logoer/banner.gif">
<div id="overskrift">Velkommen til min hjemmeside</div>
<div id="menu">
<span id="menuskrift">Menu</span>
<br>
<span id="link"><a href="index.htm">Forside</a></span>
<br>
<span id="link"><a href="spil.htm">Spil</a></span>
<br>
<span id="link"><a href="gaestebog.htm">Gæstebog</a></span>
<span id="banner2"><img src="Logoer/banner2.gif"></span>
</div>
</body>
</html>
style.css
#logo {
position:absolute;
top: 10px;
left: 10px;
}
#banner {
position:absolute;
top: 55px;
left: 310px;
}
#overskrift {
position:absolute;
top: 200px;
left: 10px;
border-width: 1px;
border-style: solid;
text-align: center;
width: 975px;
height: 25px;
background-color: #66CCFF;
}
#menu {
background-color: #CCCCCC;
border-width: 1px;
border-left-style: solid;
border-right-style: solid;
border-bottom-style: solid;
position:absolute;
top: 225px;
left: 10px;
width: 200px;
height: 400px;
}
#menuskrift {
text-align: center;
width: 200px;
height: 30px;
border-bottom-style: solid;
border-width: 1px;
background-color: #FFFFFF;
}
#banner2 {
position:relative;
top: 20px;
left: 0px;
}
a {
color: #000
}
a:hover {
background-color: #FFFFFF;
width: 200px;
}
Problemmet er i den menu jeg har hver gang jeg kører musen over et link så kommer der en tom linie mellem linket og linket nedenunder hvordan kan jeg lave sådan den ikke gør det???
Ps. Hjemmesiden er ikke bygget færdig så jeg ved godt at linksene ikke virker!