HighDots Forums  

Image in TH-Elem

Cascading Style Sheets Layout/presentation on the WWW (comp.infosystems.www.authoring.stylesheets)


Discuss Image in TH-Elem in the Cascading Style Sheets forum.



Reply
 
Thread Tools Display Modes
  #1  
Old   
Chris Seidel
 
Posts: n/a

Default Image in TH-Elem - 03-30-2007 , 07:52 AM






Hi,

I'm trying to put an image into a table header via a css-style:

th.order1 {
background-image: url(asc.png) top right no-repeat padding-right: 5px;
}

asc.png is 16x16 pixels.

Unfortunately I only get a white background for the TH, when I ally the
style, no image is visible.
The header is about 100 pixel wide and 20 pixel high.

What is wrong here?

Thank you



Reply With Quote
  #2  
Old   
Harris Kosmidhs
 
Posts: n/a

Default Re: Image in TH-Elem - 03-30-2007 , 08:42 AM






Chris Seidel wrote:
Quote:
Hi,

I'm trying to put an image into a table header via a css-style:

th.order1 {
background-image: url(asc.png) top right no-repeat padding-right: 5px;
}

asc.png is 16x16 pixels.

Unfortunately I only get a white background for the TH, when I ally the
style, no image is visible.
The header is about 100 pixel wide and 20 pixel high.

What is wrong here?

Thank you


I think you must replace background-image with background

Though I'm not sure...


Reply With Quote
  #3  
Old   
Chris Seidel
 
Posts: n/a

Default Re: Image in TH-Elem - 03-30-2007 , 09:23 AM



Harris Kosmidhs wrote:
Quote:
I think you must replace background-image with background
Did not help




Reply With Quote
  #4  
Old   
Kerim Ellentoft
 
Posts: n/a

Default Re: Image in TH-Elem - 03-30-2007 , 12:49 PM



"Chris Seidel" <cseidel (AT) arcor (DOT) de> skrev :

Quote:
Unfortunately I only get a white background for the TH, when I ally the
style, no image is visible.
You can't have padding-right with a background-image.


Reply With Quote
  #5  
Old   
Andy Dingley
 
Posts: n/a

Default Re: Image in TH-Elem - 03-30-2007 , 01:04 PM



On 30 Mar, 12:52, "Chris Seidel" <csei... (AT) arcor (DOT) de> wrote:

Quote:
th.order1 {
background-image: url(asc.png) top right no-repeat padding-right: 5px;
}
Syntax is broken. You're using the wrong property name and you're also
missing a semi-colon to separate the two rules.

th.order1 {
background: url(asc.png) top right no-repeat;
padding-right: 5px;
}




Reply With Quote
Reply




Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off



Powered by vBulletin Version 3.5.4
Copyright ©2000 - 2009, Jelsoft Enterprises Ltd.