Davs. Jeg er pænt ny, men har nogenlunde fat i css og html. Men
vil gerne have denne stylesheet til at gøre min menu centreret.
Det skal den selvfølglig være uanset skærm resolution, så det er
noget med centrering af menuen og ikke bare valg af pixel. Ved ik
om det rigtigt. . .
Stylesheet:
#hovedbillede {
text-align: center;
}
a.vlink:link,a.vlink:visited,a.vlink:active{
font-family:verdana,arial,sans-serif;
color:#000000;
background:transparent;
font-weight:normal;
text-decoration: none;
font-size:10px;
padding:4px 14px 4px 14px;
font-weight:900;
border-width: thick;
border-style: ridge ;
border-color: orange;
}
a.vlink:hover {
background:orange;
color:white;
}
HTML'en:
<html>
<head>
<!-- Minus AutoDato -->
<title>Thurø Minigolf - Smørmosen Strand</title>
<meta name="Generator" content="Stone's WebWriter 4">
<link rel="stylesheet" type="text/css" href="moselort.css">
</head>
<body>
<div id="hovedbillede">
<img src="hovedbillede.jpg" alt="Thurø Minigolf - Smørmosen
Strand"></div>
<a href="side1.htm" class="vlink" style="padding:4px 14px 4px
14px">Side 1</a>
<a href="side2.htm" class="vlink" style="padding:4px 14px 4px
14px">Side 2</a>
<a href="side3.htm" class="vlink" style="padding:4px 14px 4px
14px">Minigolfen</a>
<a href="side4.htm" class="vlink" style="padding:4px 14px 4px
14px">Side 4</a>
<a href="side1.htm" class="vlink" style="padding:4px 14px 4px
14px">Side 5</a>
<a href="side2.htm" class="vlink" style="padding:4px 14px 4px
14px">Side 6</a>
<a href="side3.htm" class="vlink" style="padding:4px 14px 4px
14px">Side 7</a>
<a href="side4.htm" class="vlink" style="padding:4px 14px 4px
14px">Side 8</a>
</body>
</html>
håber i kan hjælpe mig. Menuen skal centreres og det virker bare
ikke.
--
Vil du lære at kode HTML, XHTML, CSS, SSI, ASP eller ASP.NET?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! =>
http://www.html.dk/tutorials