Tja man kan gøre det på sådan en måde her.
index.html:
<html>
<head>
<title></title>
<link rel="stylesheet" type="text/css" href="indexcss.css">
</head>
<body>
<div id = "centerBack">
<div id = "grundven">
<center><h1>Sponsorer</h1></center>
adasd<br>dasd<br>das<br>Tlf:<br><br><br><br><br>
</div>
</div>
</body>
</html>
indexcss.css:
body
{
background-color: #fff100;
margin: 0% 0% 0% 0%;
}
#centerBack
{
background-color: #008000;
width: 70%;
height:100%;
position:absolute;
top: 0%;
left: 15%;
border-right-width: 1px;
border-right-style: solid ;
border-right-color: black;
border-left-width: 1px;
border-left-style: solid ;
border-left-color: black;
}
#topTekst
{
color: #fff100;
font-family: "Times New Roman", serif;
font-style: italic;
font-size: 200%;
position:absolute;
top:2%;
left: 15%;
}
#topMenu
{
background-color: #f0f0f0;
height: 2%;
width: 100%;
position: absolute;
top: 8%;
left: 0%;
padding:0% 0% 0% 1%;
margin:0% 0% 0% 0%;
list-style:none;
}
a.tmLink:link,a.tmLink:visited,a.tmLink:active
{
color:#000000;
background-color:transparent;
border-left-width: 1px;
border-left-style: solid ;
border-left-color: transparent;
border-right-width: 1px;
border-right-style: solid ;
border-right-color: transparent;
padding:0% 1% 0% 1%;
margin:0% 0% 0% 0%;
text-decoration: none;
}
a.tmLink:hover
{
background-color: #ddf0f0;
color: #000000;
padding:0% 1% 0% 1%;
margin:0% 0% 0% 0%;
border-left-width: 1px;
border-left-style: dotted ;
border-left-color: black;
border-right-width: 1px;
border-right-style: dotted ;
border-right-color: black;
}
#grundven
{
background-color: #f0f0f0;
position: absolute;
top:58%;
Width: 30%;
height:auto;
padding:0% 0% 0% 2%;
}
