Hi guys,
For a uni subject, we're currently required to post a weekly blog as part of our assessment. As this blog was created by the university, I do not have administrative rights, and hence my only form of control over it is just in an "Insert Your Custom CSS here" box. So already customising the blog is difficult.
I am an absolute CSS noob; I basically just copy codes and adjust them to my needs. But I cannot for the life of me get my custom header to centre. I can't link you to the blog, as it's locked, but I can show you an image of it:
<img src="p://i33.tinypic.com/dosby8.jpg"> I'm sorry if that doesn't work, I have no idea if html is allowed in these posts.
Anyway, as you can see, the header is off centre. This is an excerpt of my current code (very messy, I know, try not to cry.):
#header
{
position: top:40px; left:8%;
background-position: top center;
background: url(http://i100.photobucket.com/albums/m12/Cristina_S/csib.png) no-repeat;
margin: 0;
width: 1067px;
height: 147px;
}
#header a {
display:block;
height:100%;
text-indent:-500em;
text-decoration:none;
}
#header .description {
display:none; }
And when I try to add "absolute;" to the code (between "position" and "top:40px"), it centres it how I want to, but the posting starts up too high:
<img src="http://i38.tinypic.com/8x78qt.jpg">
What am I doing wrong?! The first code positions it properly on the page, but off centre, and my second attempt centres it, but all the text moves up! I can't win! Any suggestions?!
Thanks in advance,
Cristina.