4 Hours In and Need Help - How do I??

Hi

I am working on a site...

Professional Response

And have made some changes to the template and need a bit of advice...

The breadcrumb no longer spans the site width, i modded the css to get it to not be under the large logo, however it pushes the fp modules out of line, so i would like to have the grey box (was beige) to span the width but the content to stay where it is but i can't figure out the way to do it.

Cheers

Hi

Did You solve it? I can see breadcrumb layer span across the whole site. Or did I misunderstood You?

Hi yes I sorted it, removed the breadcrumb form the home page and played around with the css to show it where i wanted it on the others

Thanks for looking tho.

hey phoenixGB... i like what you did with the logo, overlay the red header. how did you do this ?

Hi

Thanks

I added a z-index line to the css for the logo and used a transparent png and played around with the positioning till it sat in the right place.

This is the code i used

Code: Select all

h1.logo {position:absolute;top:-167px; z-index: 999}


and..

Code: Select all

h1.logo { width:368px; height:314px; background: url('../images/logo.png') no-repeat 0 0; padding:0 10px 0 0; }


Cheers
Kev

Hi

I have an issue with the use of position:absolute. when I use it the logo disappears on the other pages and I can't work it out. Any suggestions. I'm working on a localhost at the moment so I can't show you - sorry

there is many post covering logo position in here...

check this :

http://www.gavick.com/forum/87-corporat ... issue.html

Many thanks I've got to these already, Here is my position

I have successfully moved the logo - I have two issues though:

In IE only if you navigate to a page without Gavick Image Show enabled the logo disappears. If you enable something in the header position then the logo will reappear

In firefox etc I have tried to use !important to offset the logo image to match IE position but I can't make it work see below.

h1.logo { position:absolute; top:-32px!important; top:-2px; }

h1.logo { width:170px; height:110px; background: url('../images/logo.png') no-repeat 0 0; padding:0; }



Basically IE reads the !important (-32px) statement
Many thanks if someone can help

Danny