Welcome to WebmasterWorld Guest from 54.196.224.166

Forum Moderators: incrediBILL

Message Too Old, No Replies

1 px line separating each repeating image in expanding header

     

gilbertl

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...

tedster

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]

gilbertl

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.

tedster

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.