Welcome to WebmasterWorld Guest from 54.158.188.59

Forum Moderators: incrediBILL

Message Too Old, No Replies

1 px line separating each repeating image in expanding header

     
12:04 am on Mar 15, 2007 (gmt 0)

New User

10+ Year Member

joined:Dec 3, 2004
posts:13
votes: 0


Appreciate help... can't figure it out.

There seems to be many ways of creating an expandable header, allowing for resizing, or different resolutions. But being new I was looking for the easiest.

Unfortunately although I achieved a repeating image to allow expansion it has got a 1px gap between each repeated image. It seemed to work fine on another site that I saw.

This is the html:
<div class=logo><img src="image/banner.jpg" alt=""></div>

This is the CSS:
.logo { position: absolute; top: 0px; left: 0px; width: 100%; height: 89px; background-image: url("image/thinslice.jpg"); background-repeat: repeat-x; margin: 0;}

The header simply consists of a image called banner.jpg (89x600px)as mentioned above and I did a thin slice (89x9px)of the end of the banner to make a repeating image to allow expansion.

Very much appreciate some help...

5:26 am on Mar 15, 2007 (gmt 0)

Senior Member

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:May 26, 2000
posts:37301
votes: 0


Every time I've seen something like that, the thin line was accidentally part of the image -- I'd suggest taking a very close look at the image itself, because browsers have been tiling background images pretty perfectly for many years.

[edited by: tedster at 9:28 am (utc) on Mar. 15, 2007]

8:05 am on Mar 15, 2007 (gmt 0)

New User

10+ Year Member

joined:Dec 3, 2004
posts:13
votes: 0


Well many thanks, it was on the image. Because I hadn't done this before, I thought I had done something wrong. Just experience I guess, and yes I feel a bit silly - but thanks.
9:30 am on Mar 15, 2007 (gmt 0)

Senior Member

WebmasterWorld Senior Member tedster is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:May 26, 2000
posts:37301
votes: 0


Feeling silly or even stupid is something computer work does to me constantly. I've grown to expect it, now.
 

Join The Conversation

Moderators and Top Contributors

Hot Threads This Week

Featured Threads

Free SEO Tools

Hire Expert Members