Wierd Layout Coding Problem!!

[Recursion]

Hello,

Right at the top of a layout is the banner, positioned 0px from the top and left, then i have a 1px image that is repeated to the right of the page, but then after that is another image, so its 1 image, 1 expandable image, 1 image.

How would i make the expandable middle image fill the gap between the two, while being expandable horizontally?

Thanks
Tom

[JoeComins]

Get a div, going 100% with the background image on it.

Then make enough div class, called left, with the sizes and background image, and float it left, and then do the same for the right one, and float it right. and put those into your 100% div

If you cant, ill do it for you

[Recursion]

ill zip the 3 images for you, i can do the rest, its just this very weird top bit...

EDIT: www.***********.co.uk/images.zip

[JoeComins]

Do you have your CSS and HTML file as well?!

Ill just do it on tempary ones to send to you

[Recursion]

thanks :)

This will also teach me how to do it ;)

[JoeComins]

MY CSS:


#banner{
width: 100%;
height: 194px;
background: url(images/middle.GIF);
}

#left{
width: 375px;
height: 194px;
background:url(images/left.gif);
float: left;
}

#right{
width: 239px;
height: 194px;
background:url(images/right.gif);
float: right;XHTML:

<div id="banner">
<div id="left"><img src="images/left.gif" alt="LOGO" src="#" /></div>
<div id="right"></div>
</div>

Nice looking thing. Well done! I coudl do alot with it :)

[Recursion]

perfect!

+REP if i can thanks ;)

EDIT: File deleted off my server :P

[JoeComins]

Ill have to have a look at your site sometime. For now, are you in a CSS class, as Ive seen a few Numarks around on servers