homepage Welcome to WebmasterWorld Guest from
register, free tools, login, search, pro membership, help, library, announcements, recent posts, open posts,
Become a Pro Member

Home / Forums Index / Code, Content, and Presentation / HTML
Forum Library, Charter, Moderators: incrediBILL

HTML Forum

1 px line separating each repeating image in expanding header

 12:04 am on Mar 15, 2007 (gmt 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)

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)

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)

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

Global Options:
 top home search open messages active posts  

Home / Forums Index / Code, Content, and Presentation / HTML
rss feed

All trademarks and copyrights held by respective owners. Member comments are owned by the poster.
Home ¦ Free Tools ¦ Terms of Service ¦ Privacy Policy ¦ Report Problem ¦ About ¦ Library ¦ Newsletter
WebmasterWorld is a Developer Shed Community owned by Jim Boykin.
© Webmaster World 1996-2014 all rights reserved