MyBB Community Forums

I did the no-repeat right, with a SINGLE image for the logo.css and this is what it turned out: http://www.thenunyclub.mybbnew.com/forum...php?fid=33

Still white spaces, I measured dimensions and all, why isn't this working?

I want it so the stuffies are all the way to the right, that's all, anyone have any such alternatives that may be possible, or fixes to my current code?

My current .logo code:

}

.logo {
	background: url(http://i32.photobucket.com/albums/d4/connormah/LogoBGTNCTalk.png) no-repeat right top;
	border-bottom: 1px solid #000;
	min-height: 100px;
}

Thanks in advance.

Below is a SS of what I want..



Thank you in advance.

What about not using border-bottom?

What'll that do?

I thought this could "erase" the white space. Perhaps you should try another min-height. It is set to 100px whereas your png-file do have only 99px.

Yeah, your min-height is set to 100px, but your image is only 99px high. Change it to 99px and it should work.

My image is 100px....I created it in Photoshop, I'm pretty damn sure.

How can I rid the white space on the right?

---

99px didn't work.

One of your images is 99px high (the one on the right) and the other is 100px high (the logo). One needs to be changed.

What about the other huge white space on the left?

I see it is now fixed, I saw the white line earlier tonight. I presume you resized the picture. Another cure is change

background: url(http:.....
to
background: #2f2f30 url(http:....
in your .logo class

This will but a background color in any space not covered by the picture so it isn't white. You can probably get rid of border-bottom: 1px solid #000;. Some browsers will put the border inside the dimensions of the container and some will put the border outside the container. A real PIA.

Can't see what you're talking about, but I'd imagine it's because your browser window is very wide, and your images are limited in width. Use wider images.