hdaackda

I have the
.art-header
{
margin:0 auto;
position:relative;
height: 125px;
background-image: url(‘images/header.png’);
background-position: center top;
background-repeat: no-repeat;
}

and

.responsive .art-header
{
background-image: url(‘..images/header.png’);
background-position: center center;
}

.art-header-inner{
position: relative;
width: 900px;
z-index: auto !important;
margin: 0 auto;
}

CANT i insert my logo in this somewhere??

Hmm,

Problem is, Its treating the Centre Block as main.. so Right now,
position: relative;
top: 2px;
left: 2px;

means its just 2px from the centre box.. not the edge.. hence in the middlish!

but in mobile, tht centre is treated as edge so its ok.. arrrrghhhhhhhhhahah

pls tell me of a short cut :-‘(

I’ve changed the above to:

.art-object114961649
{
display: block;
position: relative;
top: 2px;
left: 2px;
width: 337px;
height: 119px;
background-image: url(‘images/object114961649.png’);
background-position: 0 0;
background-repeat: no-repeat;
z-index: 1;
}

Its now fixed in mobile!

But in chrome in full screen, logo is not in top left… its on top middle somewhere!! urghhh

This is my LOGO in style.css

.art-object114961649
{
display: block;
left: 0%;
margin-left: -227px;
position: absolute;
top: -10px;
width: 337px;
height: 119px;
background-image: url(‘..images/object114961649.png’);
background-position: 0 0;
background-repeat: no-repeat;
z-index: 1;
}

Now, what to change in this?? I tried doing the margin-left: 0px but it completely dissappeared..

what about in position, if i try relative instead of absolute?

also, do the two dots before the images “..images/object*****’) make any difference?

^thanks! diving into the header file right now

thanks! Will do this…

meanwhile, any shortcuts right now just for the header logo fix?

nxt week, doing a course on CSS..