Computer Science Canada

Make a BG Image not repeat it's self!

Author:  Amailer [ Fri Feb 27, 2004 9:39 pm ]
Post subject:  Make a BG Image not repeat it's self!

How do i do what the topic says...?
(i.e. a BG image for a table, or a page, it repeates it's self, how to make that it doesn't do that?)

Author:  wtd [ Fri Feb 27, 2004 10:48 pm ]
Post subject: 

code:
<html>
<head>
   <style type="text/css" media="all">
      <!--
      table#my_table
      {
         width: 300px;
         height: 400px;
         background: url(some_image.jpg) no-repeat top left;
      }
      //-->
   </style>
</head>
<body>
   <table id="my_table">
      <tr>
         <td></td>
      </tr>
   </table>
</body>
</html>

Author:  Amailer [ Fri Feb 27, 2004 11:01 pm ]
Post subject: 

*yahoo*

thanks
+bitz

Author:  wtd [ Fri Feb 27, 2004 11:16 pm ]
Post subject: 

You can also "repeat-x" or "repeat-y" to only have it tile in one direction. And you can change the "top right" I used to any combination of "top" or "bottom" and "left" or "right".

Author:  Amailer [ Sat Feb 28, 2004 12:41 pm ]
Post subject: 

hey, what if it's only for a cell is it the same way? (well actually, now i want it to be repeated.. the bg that is... in a cell, but on IE it doesn't, on mozilla it works perfect :S http://gfx-pro.ath.cx look at the center cell (info) bg on IE, it's not repeating it's self, now look at it on mozilla...that's how i want it)

and i found the problem, it's
table#main_table
{
background: url('http://gfx-pro.ath.cx/images/site2/bg.gif') no-repeat top left;
}


i used to for that same table, but if i then i want to put another bg for a cell int he same table it get's messed in IE!

Author:  Amailer [ Sat Feb 28, 2004 12:45 pm ]
Post subject: 

and a few sec later, problem solved...solution is in the post above it's self :S


: