PDA

View Full Version : Spannable non-repeat backgrounds in tables?


fultz
07-06-2006, 07:42 PM
Okay, im making a php-nuke theme and I need to know how to make a background image NOT repeat in both firefox and IE. I have managed to do it in internet explorer using css but it didn't work in firefox. I'm going to let you guys look at it and see if you can help me out.

Here's a link to my site: http://www.gn.aerohostale.com/nuke/index.php

Here's the blocks section code, so you can see what you are working with.

<table class="blocks" id="Table_01" width="195" height="135" border="0" cellpadding="0" cellspacing="0">
<tr>
<td background="themes/OrangeTropic/images/blocks_01.jpg" width="195" height="22">
<div align="center">$title</div></td>
</tr>
<tr>
<td background="themes/OrangeTropic/images/blocks_02.jpg" width="195" height="100"><table width="95%" border="0" align="center">
<tr>
<td>$content</td>
</tr>
</table> </td>
</tr>
<tr>
<td>
<img src="themes/OrangeTropic/images/blocks_03.jpg" width="195" height="13" alt=""></td>
</tr>
</table>
<br>

here's my Style Sheet

A:link {
FONT-SIZE: 12px;
COLOR: #ffffff;
FONT-FAMILY: arial, helvetica, verdana, sans-serif;
TEXT-DECORATION: none
}
A:visited {
FONT-SIZE: 12px;
COLOR: #ffffff;
FONT-FAMILY: arial, helvetica, verdana, sans-serif;
TEXT-DECORATION: none
}
A:active {
FONT-SIZE: 12px;
COLOR: #ffffff;
FONT-FAMILY: arial, helvetica, verdana, sans-serif;
TEXT-DECORATION: none
}
A:hover {
FONT-SIZE: 12px;
COLOR: #002dff;
FONT-FAMILY: arial, helvetica, verdana, sans-serif;
TEXT-DECORATION: none
}
BODY {
FONT-SIZE: 12px;
CURSOR: default;
COLOR: #ffffff;
BACKGROUND-COLOR: #000040;
FONT-FAMILY: arial, helvetica, verdana, sans-serif;
TEXT-DECORATION: none
}

TEXTAREA {
background-repeat: repeat-x;
color:#ffffff;
font-size: 11px;
font-family: Arial,Helvetica,sans-serif;
background-color : #7A7A79;
BORDER-TOP: #232323 1px solid;
BORDER-BOTTOM: #898988 1px solid;
BORDER-LEFT: #232323 1px solid;
BORDER-RIGHT: #898988 1px solid;
}
P {
FONT-SIZE: 12px;
COLOR: #ffffff;
LINE-HEIGHT: 1.4;
FONT-FAMILY: arial, helvetica, verdana, sans-serif;
TEXT-DECORATION: none
}
TABLE {
FONT-SIZE: 12px;
COLOR: #ffffff;
FONT-FAMILY: arial, helvetica, verdana, sans-serif;
TEXT-DECORATION: none
}

table.blocks {
background-repeat: no-repeat;
background-image: no-repeat;
}

Thanks in advance.

erisco
07-07-2006, 09:53 AM
Fixed already VIA msn... remember to only change one thing at a time fultz...