Welcome to WebmasterWorld Guest from 54.166.152.121

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)

10+ Year Member



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)

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



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)

10+ Year Member



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)

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



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

Featured Threads

Hot Threads This Week

Hot Threads This Month