jeg har lavet en menu med links til nogle bogmærker på min side.
men uanset hvilken placering jeg giver dem så kommer de til at
stå hulter til bulter. og det er "lidt" træls.... min koder ser
sådan her ud:
<style type="text/css">
#top {position:relative;
bottom:0px;
left:0px;
}
#alder {position:relative;
bottom:200px;
left:50px;
}
#pris {position:relative;
bottom:175px;
left:50px;
}
#kalender{position:relative;
bottom:150px;
left:50px;
}
#hvad {position:relative;
bottom:125px;
left:50px;
}
#galleri {position:relative;
bottom:100px;
left:50px;
}
#tilmelding{position:relative;
bottom:75px;
left:50px;
}
a:link {color: blue;
text-decoration:none;
}
a:visited {color: purple;
text-decoration:none;
}
a:active {background-color: none;
text-decoration:none;
}
a:hover {color:red;
text-decoration:none;
}
</style>
<html>
<head>
<link rel="stylesheet" type="text/css"
href="css\stylesheet_index.css">
<link rel="stylesheet" type="text/css" href="css\stylesheet.css">
<title></title>
</head>
<body scroll="no" topmargin="0" leftmargin="0" rightmargin="0">
<table width="100%" height="100%" border="0" cellspacing="0"
id="top">
<tr id="title">
<td width="150" height="100">
</td>
<td width="650" height="100" >
<h1 align="center">BREIDABLIK</h1>
<center>v/ Marianne Rasmussen & Jan Flyvbjerg Nielsen</center>
</td>
</tr>
<tr>
<td id="leftmenu" width="150" height="100%">
<a href="#afsnit1" id="top"></a>
<a href="#afsnit2" id="alder">Alder</a>
<a href="#afsnit3" id="pris">Pris</a>
<a href="#afsnit4" id="kalender">Kalender</a>
<a href="#afsnit5" id="hvad">Hvad sker der</a>
<a href="#afsnit6" id="galleri">Galleri</a>
<a href="#afsnit7" id="tilmelding">Tilmelding</a>
</td>
<td id="content" width="650" height="100%">
<p id="afsnit1">Dette er første afsnit
</p>
<p id="afsnit2">andet afsnit
</p>
<p id="afsnit3">
</p>
<p id="afsnit4">
</p>
</td>
</tr>
</table>
</body>
</html>
--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials