Topic: creating style (html help reqd)
Hi
I've just made a start on creating a style for punbb. I am a complete novice but I'm not going to let that stop me. Please look at my code below and tell me how can I make my "home & "latest" buttons sit at the bottom of the div area. Thanks. Pic shows where I am going wrong. Hope I've been clear.
HTML--------------------
<!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>Untitled Document</title>
<style type="text/css">
<!--
.headbackground {
height: 60px;
border-bottom-width: 1px;
border-bottom-color: #0E1400;
border-bottom-style: solid;
background-color: #00CC99;
width: 100%;
}
.TABS_OFF {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-transform: uppercase;
color: #D9FF65;
background-color: #414750;
text-align: center;
cursor: hand;
border-bottom-width: 1px;
border-bottom-color: #0E1400;
border-bottom-style: solid;
padding: 2px 5px;
}
.TAB_ON {
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
text-transform: uppercase;
color: #0F1400;
background-color: #FFFFFF;
border-top-width: 1px;
border-right-width: 1px;
border-left-width: 1px;
border-top-color: #0E1300;
border-right-color: #0E1300;
border-left-color: #0E1300;
text-align: center;
border-top-style: solid;
border-right-style: solid;
border-left-style: solid;
padding: 2px 5px;
}
-->
</style>
</head>
<body topmargin="0" marginheight="0">
<div align="center" class="headbackground" id="header">
<span class="TABS_OFF" >home</span> <span class="TAB_ON">latest</span>
</div>
</body>
</html>