header images
Posted: Tue Feb 02, 2010 3:49 am
I'm having some trouble aligning some images in my header.
I've got some CSS code that controls the header, and two images of which one needs to be in the center and the other needs to be aligned left. I've tried a couple of different things, managed to make my entire images remove themselves from the header entirely even.
This is the header code (back to working without any alignment)
And my html:
heres a link to the site so you can see the mess (some of it is on purpose lol but not the header!) site
I've got some CSS code that controls the header, and two images of which one needs to be in the center and the other needs to be aligned left. I've tried a couple of different things, managed to make my entire images remove themselves from the header entirely even.
This is the header code (back to working without any alignment)
Code: Select all
#header {
background: #1f70b3;
background-image: url('images/logo.png');
background-repeat:no-repeat;
background-position:top left;
/*border-bottom: 1px double #000;
border-left: 1px solid #000;
border-right: 1px solid #000;
border-top: 1px solid #000;*/
font: italic normal 230% "Comic Sans MS", Arial;
letter-spacing: 0.2em;
padding: 15px 10px 15px 60px;
height:400px;
margin-left: 60px;
margin-right: 53px;
margin-top:12.5px;
}
#header a {
color: #fff;
text-decoration: none;
}
#header a:hover {
text-decoration: underline;
}Code: Select all
<body <?php body_class(); ?>>
<div id="rap">
<h1 id="header"><img src="http://www.site.co.uk/aravona/blog/wp-content/themes/Test_newtheme/images/nav1.jpg" />
<br />
<img src="http://www.site.co.uk/aravona/blog/wp-content/themes/Test_newtheme/images/flash.jpg" />
</h1>
<div id="content">