Hi there,
Apologies if this may seem a very simple solution but I’m new to all this CSS stuff.
Originally, I had my logo and header as the same code:
body {
background:url(../images/s5_logo1.png) no-repeat top center;
font-family: Helvetica; }
But the middle of the website’s background I could only change the colour. This meant that the background image I used for the header area didn’t blend very well.
So I changed the code and created a logo class if this is what you call it (this code I got through a tutorial)
body {
background:url(../images/s5_logo1.png) repeat top center;
font-family: Helvetica; }
a.logo {
width:510px; height:95px; float:left; background:url(../images/logo.png) no-repeat top center;
}
I then added in the index.php under the first line of code below.
<body <?php if($s5_body_color != “xxxxxx”) { ?>style=“background-color:#<?php echo $s5_body_color ?>”<?php } ?>>
<div id=“s5_outer”>
<div id=“s5_wrapper” style=“width:<?php echo $s5_body_width ?>px”>
<div id=“s5_header”>
<?php if(mosCountModules(‘banner’)) { ?>
<div id=“s5_banner_pos”>
<?php mosLoadModules ( ‘banner’, -1 ); ?>
</div>
<?php } ?>
</div>
I’m not sure whether this code is correct or positioned incorrectly but when I reduce my browser my banner on my header drops down. It looks like when you resize the browser the background moves but the actual logo text doesn’t.
Could anyone please help me with this. You can view my site at http://abcbabyland.com.
Really appreciated.
Wendy