background image with html (no tiling)

liunx

Guest
is there a way to prevent the background image from tiling?<br />
i just want an image in the top left as a background (there will be writing over parts of the image) but if i make it a background it will tile itself everywhere<br />
:<<br />
any advice would be great, thanks<!--content--><STYLE><br />
BODY {<br />
background-image: url("background.gif");<br />
background-repeat: none;<br />
background-attachment: fixed;<br />
}<br />
</STYLE><br />
<br />
take it out of the <BODY> tag, and put the above code in between the <HEAD> tags. don't forget to change the url of the image.<!--content-->i ended up using tables :P<br />
is there a way to have the same effect in a table cell?<br />
the sytle thing even in cell code makes it just tile from the top left corner of the page still, not in the cell<br />
is there an easy way to just have it have one image as a background in a table cell without repeating?<!--content-->geez... i don't think so, but you could always try specifying it in your CSS.<br />
<br />
<STYLE><br />
TABLE {<br />
background: url("giffy.gif");<br />
background-repeat: none;<br />
}<br />
</STYLE><br />
<br />
or if you have multiple tables, use<br />
<br />
<STYLE><br />
TABLE.bg {<br />
background: url("giffy.gif");<br />
background-repeat: none;<br />
}<br />
</STYLE><br />
<br />
and then in your table tag, use<br />
<br />
<TABLE class="bg"><br />
<br />
...but again, i'm not even sure if this will work at all... my guess is that if it DOES work, it won't work right on certain browsers....<!--content-->
 
Back
Top