Indsætning af knapper
Hvordan indsætter jeg knapper i denne skabelon?<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>
<style type="text/css">
html,body{margin:0px;padding:0px;height:100%;overflow:hidden;}
#bodyen{
position:absolute;
height:100%;
width:100%;
overflow:auto;
background:#666;
}
#header{
height: 15%;
background:#888;
}
.floadtext {
float: right;
width: 250px;
margin-top:0px;
margin-right: 10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color: rgb(192, 192, 192);
font-size: 12pt;
display: inline;
background:#ededed;
}
#sidebar{
float:left;
width:18%;
background:#666;
}
#main{
width:80%;
float:right;
background:#ccc;
}
#footerspc{
clear:both;
height:15%;
}
#footer {
position:absolute;bottom:0px;left:0px;
width:100%;
height: 15%;
}
#footer2{
margin-right:17px;
height:100%;
position:relative;
}
#footer3{
background:#ddd;
position:absolute;
top:0px;left:0px;
width:100%;
height:100%;
z-index:2;
}
</style>
<!--[if IE]><style type="text/css">#footer{z-index:2;}</style><![endif]-->
</head><body>
<div id="footer"><div id="footer2"><div id="footer3"> .footer.. </div></div></div>
<div id="bodyen">
<div id="header">header ... </div>
<div id="sidebar"> sidebar... </div>
<div id="main">main...<br>main...<br>main...<br><div class="floadtext">
her er floatvindue
</div>
main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...<br>main...slut</div>
<div id="footerspc"></div>
</div>
</body></html>
Mine knapper skal have dette udseende:
#mybutton
{
border-style: inset;
border-color: #ff6633;
background-color: #CC3300;
text-decoration: none;
width: 80px;
text-align: center;
}
A.buttontext
{
color: white;
text-decoration: none;
font: bold 12pt Verdana;
cursor: hand;
}
.buttonover
{
color: 8080FF;
text-decoration: none;
font: bold 12pt Verdana;
cursor: hand;
}
