Wednesday, May 18, 2005

New News Blog

Just a quickie to say that Alice and I have set up a new blog over at blogger to contain news and stuff rather than comment and computer stuff!

Here it is.

I must say that it took bloody ages to sort out the header, getting the picture on the right and the text on the left ... phew! In the end a bit of floating CSS sorted it out. Lets hope it looks ok in Microsoft Explorer.

Here is the code:

#blog-header {
margin: 0;
padding: 0;
font-family: "Lucida Grande", "Trebuchet MS";
background: #e0e0e0 url(http://www.blogblog.com/tictac/top_div.gif) no-repeat top left;
}

#blog-header h1 {
margin: 0;
padding: 20px 60px 80px 160px;
font-size: 200%;
color: #a04;
text-shadow: #81A75B 2px 2px 2px;
background: url(http://www.blogblog.com/tictac/top_h1.gif) no-repeat bottom left;
}

<!-- Blog Header -->
<div id="blog-header">
<h1>
<div style="position:relative; padding: 10px; float:right;">
<img src= "http://photos1.blogger.com/img/75/5799/640/brains.jpg" height= 150px />
</div>
<div style="padding: 50px 0px 0px 0px;">
<ItemPage>
<a href="<$BlogURL$>">
</ItemPage><$BlogTitle$>
<ItemPage></a></ItemPage></div>
</h1>
</div>



The above is a bit of a mess at the moment, but I will sort it out later when I can work out how to print html code verbatim.

[Edit] Sorted it out thanks to Gentoo Forums

0 comments: