Header width problem

[phill104]

I've had complaints about my current gallery not filling enough screen width since I changed the template.

The current gallery is http://www.windsurf.me.uk/cpg133/

As you can see it's set at a fixed width which is the source of moaning from those with bigger monitors.

My old gallery used this template which if you try adjusting the width you will see the logo adjusting as it is split into 3 pieces.

http://www.windsurf.me.uk/test2.htm

So I tried to use the code from that in my new template (before I fit it into cpg) but I just cannot get it to work properly. It's just the logo bit that is the problem as I can work on the top and bottom curves once I've got the bloody logo working. I think it is just something silly and simple that I am missing but I've been staring at ot so long with tired eyes that I just cannot work it out so any help would be appreciated.

http://www.windsurf.me.uk/test1.html

[Nibbler]

Replace this

Code Select Expand


  <tr>
    <td width="0" height="140" bgcolor="#000000"></td>
    <td width=29% rowspan="2" bordercolor="#D4D0C8" align="left" scope="col"><img src="Images/dreamweaver site/phills site/TITLE1.jpg" width="300" height="140"></td>
    <td width=43% rowspan="2" background="Images/dreamweaver site/phills site/TITLE2.jpg"></td>
    <td width=28% rowspan="2" align="right" scope="col"><img src="Images/dreamweaver site/phills site/TITLE3.jpg" width="300" height="140"></td>

    <td width="0" bgcolor="#000000"></td>
  </tr>


with this

Code Select Expand


<tr>
<td></td>
<td colspan="5" rowspan="2" style="background-image: url(Images/dreamweaver%20site/phills%20site/TITLE2.jpg)">
<div style="float: left">
<img src="Images/dreamweaver%20site/phills%20site/TITLE1.jpg" />
</div>
<div style="float: right">
<img src="Images/dreamweaver%20site/phills%20site/TITLE3.jpg" />
</div>
</td>
</tr>


Not perfect but it's a start.

[phill104]

That's that bit sorted, I'll begin work on the rest now.

http://www.windsurf.me.uk/test1.html