HTML - aligning a background image to the right

blastman · 11 Mar 2009 at 11:12

hey guys,

I'm having trouble aligning a background image to the right hand side of a table cell.

Code:

      <td class="XSP_RIGHT_PANEL_SPC" id="XSP_RIGHT_PANEL_SPC"
 style="background-image: url(Messagebody.jpg); height: 99px;">
      <div style="text-align: center;"><br>
      </div>
      </td>

Since I'm very new to HTML I'm hoping someone smarter than me can point out where I'm going wrong.

Cheers in advance guys.

Tripnologist · 11 Mar 2009 at 11:33

Code:

background-image: url(Messagebody.jpg) top right;

blastman · 11 Mar 2009 at 11:47

sadly it doesn't seem to like the "top right;" part.

Every-time I add that part in it fails to display anything at all.

Also, I've been looking about and couldn't find that attribute listed anywhere.

any more ideas??

Dj_Jestar · 11 Mar 2009 at 11:48

Code:

background: transparent url(image.jpg) no-repeat scroll top right

blastman · 11 Mar 2009 at 11:54

Dj_Jestar said:
Code:

background: transparent url(image.jpg) no-repeat scroll top right

And we have a winner!!!!

10 internet point are yours!!

Thanks for the help. Spot on lad.

Tripnologist · 11 Mar 2009 at 12:45

Oops, I just copied what you had above and didn't even notice it said background-image and not just background.

unwashed potato! · 11 Mar 2009 at 13:15

Tripnologist said:
Oops, I just copied what you had above and didn't even notice it said background-image and not just background.

me neither, was looking at it like this :confused:

again and again thinking why wouldn't that work

probedb · 11 Mar 2009 at 15:43

Don't use inline styling it's bad. Put it in your stylesheet