PDA

View Full Version : Blogger help

Digressor
11-21-2005, 12:38 PM
I've been trying to get a footer for my layout, but i don't understand the references i used or tutorials read. How on earth do i place a footer that would just stay at the bottom no matter how long the content is, simply by using html/css? Is it possible? because i've seen people do that before with a layout for blogger.com's blogs.

Thanks. :dead:
Digressor
11-21-2005, 01:09 PM
Apparently i don't know how to edit =/

but here's the code if anyone needs it. I feel that it's messed up.
http://suicidaldigression.blogspot.com for how it looks like.

<html>
<head>
<title>title</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
a:link {text-decoration: none; color: #ffffff;}
a:visited {text-decoration: none; color: #ffffff;}
a:active {text-decoration: none; color: #ffffff;}
a:hover {text-decoration: line-through; color: #ffffff; font-weight:line-through; position: relative; left: 1px; top: 1px;}
body
{
background-image: url(http://tinypic.com/fxtt1e.jpg);
font-family: verdana;
color: #000000;
font-size: 8pt;
scrollbar-arrow-color:#000000;
scrollbar-track-color:e9e5d8;
scrollbar-face-color:e9e5d8;
scrollbar-highlight-color:e9e5d8;
scrollbar-3dlight-color:e9e5d8;
scrollbar-darkshadow-color:e9e5d8;
scrollbar-shadow-color:e9e5d8;}
}
textarea, input, select {
background: #545454;
font-family : verdana;
font-size: 8pt;
color: #ffffff;
border-color: black;
border-style: dashed;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
}
</style>
</head>

<body bgcolor="#545454" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<div style="position:absolute; left:0; top:0; width:100%; background-color: #545454;
layer-background-color: #545454; border: 1px none #ffffff; height: 50%; z-index: 1;">

<div align="left"><img style="position: absolute; left: 0px; top: 0px;
background-color: #545454; layer-background-color: #545454; border: 1px none #000000;" border="0"
src="http://tinypic.com/fxtt0y.jpg"">

<div style="position:absolute; padding:1px; width: 405px; left: 362px; top: 330px; z-index:2; background-color: transparent">
blog content
</div>

<div style="filter: chroma(color: #000000); 2padding:2px; line-height:100%; position:absolute; width:155px; left:115px; top: 200px; text-align: right;">
<form><select name=select size="1" style="background-color:transparent ;font size:9px; font-family:verdana; color:black"
onchange="location.href=(form.select.options[form.select.selectedIndex].value)">
<option value="http://suicidaldigression.blogspot.com">List</option>
</select></form></div>

<div id="content" style="chroma(color: #000000); position:absolute; padding:1px; width: 221; height: 273; z-index:2; left: 115; top: 240; overflow: auto;">
shoutbox
</div>

<div id="tagboard" style="visibility: hidden; position: absolute; bottom: 0px; left: 0px; z-index:1; overflow: auto; cursor: S-resize; background-color: transparent;">
shoutbox
</div>

<div id="archives" style="visibility: hidden; position: absolute; bottom: 0px; left: 0px; z-index:2; overflow: auto; cursor: S-resize; background-color: transparent;">
<font color="white">
archives
</font>
</div>

<div style="padding:''; position: absolute; top: 225; left: 115; z-index: 5; width:220; height: 12; "><font color=ffffff>
<span style="cursor: NE-resize;" onClick="document.getElementById('content').innerHTML=docum ent.getElementById('archives').innerHTML" onMouseOver="this.style.color='#000000'" onMouseOut="this.style.color='ffffff'"><b>Archives</b></span>
<span style="cursor: NE-resize;" onClick="document.getElementById('content').innerHTML=docum ent.getElementById('tagboard').innerHTML" onMouseOver="this.style.color='#000000'" onMouseOut="this.style.color='ffffff'"><b>Tagboard</b></span>
</h5>
</body>
</html>