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.
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.