Public Forums 71,145 posts

[mitti2000 Friend mitti2000Join date: November 2010Posts: 40Downloads:2Uploads:4 Thanks: 3 Thanked: 5 times in 1 posts]

#172690

Hi there

I have a problem with the website I’m working on.
I added a logo to my site. The logo fills the with of the site and about half of the hight. It is supposed to be in the background which workes fine for the menu but somehow it overlaps the content.

You can see the website here: http://web10.pi.ibone.ch/bonsaikunst/index.php/home2

The css code for the logo is:


h1.logo { width: 850px; height: 100px; }

h1.logo a {
background: url(../images/logo.jpg) no-repeat left;
display: block;
width: 850px;
height: 829px;
}


I tried to work with z-index but it didn’t work.

Is there an easy way to solve this?

Thanks for the help
mitti2000

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#433444

Looks like the height is wrong.

h1.logo { width: 850px; height: 100px; }

h1.logo a {
background: url(../images/logo.jpg) no-repeat left;
display: block;
width: 850px;
height: 100px;
}

[mitti2000 Friend mitti2000Join date: November 2010Posts: 40Downloads:2Uploads:4 Thanks: 3 Thanked: 5 times in 1 posts]

#433446

Thanks for your quick answer
Sadly, this doesn’t fix my problem. The 829px are there on purpose because I want to whole image (850x829px) to be visible. The content should overlap that image.

mitti2000

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#433449

Well you changed it ok then! 🙂

One thing I would mention is that whole page is now clickable back to the home page so maybe some people end up just clicking between the two pages!

Bestens

[mitti2000 Friend mitti2000Join date: November 2010Posts: 40Downloads:2Uploads:4 Thanks: 3 Thanked: 5 times in 1 posts]

#433452

Well, if the content-wrapper overlaps the logo, the logo will not longer be clickable. At least I think that’s how it will be.

Problem still unsolved.

Does anybody have another idea?
Thanks
mitti2000

[swissa Friend swissaJoin date: November 2011Posts: 1955Downloads:7Uploads:277 Thanks: 175 Thanked: 717 times in 572 posts]

#433455

Sorry I’ve only been working with Joomla for 6 wks and not particularly gifted anyway! 😉

Would it not make sense to split the jpg and use the top part for the logo and the bottom part for the content wrapper? Or would you see the join?

Asking more to expand my knowledge than offering a solution.

[mitti2000 Friend mitti2000Join date: November 2010Posts: 40Downloads:2Uploads:4 Thanks: 3 Thanked: 5 times in 1 posts]

#433568

Splitting the image will be my last solution cause it’s really messy in my opinion.

Ok I found now the corresponding z-index and was able to get the main content above the logo. Now I encountered another problem but tthat I posted in another tread.

http://www.joomlart.com/forums/showthread.php?67686-How-do-I-make-my-website-fill-the-height

/closed

mitti2000

[Author]

Posts