Y2Neildotcom

Oddly, that makes it worse!?

The stylesheet now reads:

/*
Theme Name:     Graphene Child
Theme URI:      http://www.hornetsfc.com
Description:    Child theme for the Graphene theme
Author:         Neil Brazier
Author URI:     http://www.y2neil.com
Template:       graphene
Version:        1.0
*/
@import url("../graphene/style.css");
/* Your modification goes here */

/*This is a comment*/

#customers
{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-color: #ffffff;
width:100%;
border-collapse:collapse;
background-image:url('http://www.hornetsfc.com/wp-content/uploads/2013/08/grass_repeat2.jpg');
background-repeat:repeat-x;
}
#customers td, #customers th
{
font-size:1em;
border:0px solid #ffffff;
padding:3px 7px 2px 7px;
text-align:center;
}
#customers th
{
font-size:1.1em;
text-align:center;
padding-top:5px;
padding-bottom:4px;
background-color:#000000;
font-color:#ffffff;
}
#score
{
text-align:center;
color:black;
font: bold 36px arial;
background: #FFFF00;
}
#teamname
{
color:#ffff00;
background:#000000;
font-size:200%;
}

The page reads:

<table id="customers">
<tr>
  <th colspan=4 align=center>Friendly</th>
</tr>
<tr>
<td><div id="teamname">Hornets FC</div></td>
<td><div id="score">4</div></td>
<td><div id="score">0</div></td>
<td><div id="teamname">GDL Athletic</div></td>
</tr>
<tr>
<td colspan=2>David Jenkinson</td>
<td colspan=2>Adam Sadler (Booked)</td>
</tr>
<tr>
<td colspan=2>David Jenkinson</td>
<td colspan=2></td>
</tr>
<tr>
<td colspan=2>David Jenkinson</td>
<td colspan=2></td>
</tr>
<tr>
<td colspan=2>David Jenkinson</td>
<td colspan=2></td>
</tr>
<tr>
<th colspan=4 align=center>Played at: Martley</th>
</tr>
</table>

The table appears all squashed and lost all formatting except for the #score sections…

Apologies, I missed that out.

I have since been able to fix the problem in a fashion. I split the image up into chunks of 100px’s in height, set the <tr> to have a height of 100px and set the background as the image.

echo "<table width='100%' align='center' valign='top' cellspacing='0' cellpadding='0' border='0'>";
echo "<tr height=\"100px\" style=\"background: url(http://www.hornetsfc.com/images/fwpitch.jpeg)\">";

I had to use the style tags in order to get the image to display.

Many thanks,

That’s fantastic, I’ll have a tinker with the CSS and give it a go.

Thank you for your help!