Cell background image

I would like to set a background image in a cell and have it
not repeat. How do I do that?

With CSS. If you need only one instance of this, define it
inline like so:
<table>
<tr>
<td style="background-image: url(your_image.jpg)
no-repeat">
your content here
</td>
</tr>
</table>
--Nancy O.
Alt-Web Design & Publishing
www.alt-web.com
"lame user" <[email protected]> wrote in
message
news:g7sm0s$263$[email protected]..
> I would like to set a background image in a cell and
have it not repeat.
How do I do that?

Similar Messages

Cell background image problem

Please tell me exactly how to add only one background gif to
a cell. I have
told it "no repeat" but it does just that. See:
http://www.pskewedp.info/content.htm
Thank you, Eleanor
Eleanor T. Culling
Leavenworth, WA
European Alps Photos
http://www.eleanorstravels.com/photoblog-issue19.htm

Thank you so very much! Please watch this thread, I'll
probably need a bit
more help. I have 3-4 images I need to use this way, as table
or cell
backgrounds. Will I have
#cellBg2 and 3 and 4?
Eleanor T. Culling
Leavenworth, WA
European Alps Photos
http://www.eleanorstravels.com/photoblog-issue19.htm
"Osgood" <[email protected]> wrote in
message
news:[email protected]...
> E. T. Culling wrote:
>
>> Please, what do you mean by this:
>> "Refer deesadler's reply in this thread." I don't
see that.
>>
>
> Hi Eleanor,
>
> You need to use some css to apply the background image
to the cell. The
> complete page code you need is beneath these
instructions, just in case
> you have trouble in implementing the changes.
>
> The css is below (add it to the css styles which already
exist in the head
> section of your page)
>
> #cellBg {
> background-image:
url(Graphics/Content-box-top-775.gif);"
> background-repeat: no-repeat;
> }
>
> Then you need the add the id 'cellBg' to the cell as
below and remove
> 'background="Graphics/Content-box-top-775.gif'
>
> Like this:
>
>
> <td id="cellBg" width="774" height="201"
valign="top">
>
>
> Here is the complete revised page:
>
>
> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN"
> "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
> <html xmlns="
http://www.w3.org/1999/xhtml">
> <head>
> <meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
> <title>Untitled Document</title>
> <style type="text/css">
> 
> </style>
> </head>
>
> <body>
> <table width="1000" border="0" cellspacing="0"
cellpadding="10">
> <tr>
> <th width="1019" bgcolor="#f8f8dc"
scope="row"><table width="1000"
> border="0" cellspacing="0" cellpadding="0">
> <tr>
>
> <th colspan="2" scope="row"><img
src="Graphics/content header.jpg"
> alt="Content Page" width="995" height="87"
/></th>
> </tr>
> <tr>
> <th width="226" rowspan="3" align="left" valign="top"
> scope="row">Navigation</th>
> <td id="cellBg" width="774" height="201"
valign="top"><center>
> </center> </td>
> </tr>
>
> <tr>
>
> <td valign="top"><center>
> Footer
> </center> </td>
> </tr>
>
> </table></th>
> </tr>
> </table>
> </body>
> </html>
>
>

Tables/Cells/Background images

Hello, this is probably a very minor issue but I am new to Dreamweaver so please bear with me (I am fairly technologically inclined and have a solid understanding of InDesign and Photoshop so I'm not a total beginner!). I am trying to prepare an html email and from Google research I decided to construct a layout in a table with a top banner cell then two cells in the inside and a bottom banner cell (ie top banner, two columns, bottom banner if that makes sense). I can't for the life of me figure out how to get a background image within an individual cell within the table. I have looked up many articles on this and it looks so simple - select the cell, then in the Bg field you can either select a color or click the folder icon and choose a graphic. I only have one Bg field and that is to select a color, no option no matter how I click, to get a Bg image. Help please help! Thank you!!!

HTML emails can be very challenging if you've never done one before. Suggest you read this over first.
http://alt-web.blogspot.com/2010/02/html-emails-and-newsletters.html
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb
http://alt-web.blogspot.com

How to get background image in cell not to repeat help please.

hi folks,
i want to fill a cell with a background image and not have
the image repeat if the cell is resized by a viewer by enlarging
the text. (Previously i jsut used CSS to control the text, so it
couldn't be rezied, but now it seems that firefox ignores the CSS).
ANyway i would like people not to be able to resize the cell and
the background not to repeat.
Here is an example that when the text is resized the
background image and cell saty the same but a scroll bar appears
for the text.
http://www.stephenhuyler.com/projects.cfm
thanks for any help!

Use CSS -
td.special { background-repeat:no-repeat; }
for this cell -
<td class="special"....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"intolight" <[email protected]> wrote in
message
news:enh08e$8u9$[email protected]..
> hi folks,
>
> i want to fill a cell with a background image and not
have the image
> repeat if
> the cell is resized by a viewer by enlarging the text.
(Previously i jsut
> used
> CSS to control the text, so it couldn't be rezied, but
now it seems that
> firefox ignores the CSS). ANyway i would like people not
to be able to
> resize
> the cell and the background not to repeat.
>
> Here is an example that when the text is resized the
background image and
> cell
> saty the same but a scroll bar appears for the text.
>
http://www.stephenhuyler.com/projects.cfm
>
> thanks for any help!
>

Background Image In Table Cell

I'm not sure what I'm doing wrong or missing here. This is the first time that I'm using an image as a background. I've made a table with a 100% width with 3 colums and 3 rows. The left and right table cells have been merged and the 3 middle rows are at a width of 938 pixels. I have cropped the images correctly. The right column lines up perfectly, but the left column does not line up like it's supposed to with the image. You can take a look at it by going to http://www.wattsconcepts.com/new
Here is the code below if anyone wants to take a look at it. Any help in solving this is greatly appreciated. I am using Dreamweaver CS5.5
Thank you for your time!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Watts Concepts - Kentucky Web Design - Harrodsburg, Kentucky</title>
<style type="text/css">
body {
          margin-left: 0px;
          margin-top: 0px;
          margin-right: 0px;
          margin-bottom: 0px;
          background-color: #000;
          background-image: url();
</style>
</head>
<body>
<table width="100%" align="center" cellpadding="0" cellspacing="0">
<tr>
    <td rowspan="3" align="left" valign="top" background="images/left-index.jpg"> </td>
    <td width="938" align="center" valign="top"><img src="images/logo-index.jpg" width="938" height="172" /></td>
    <td rowspan="3" align="left" valign="top" background="images/right-index.jpg"> </td>
</tr>
<tr>
    <td align="center" valign="top"><img src="images/eye-index.jpg" width="938" height="296" alt="Reach Your Audience Today" /></td>
</tr>
<tr>
    <td align="center" valign="top"><img src="images/test-index.jpg" width="938" height="197" /></td>
</tr>
</table>
</body>
</html>

Your HTML code should ideally be as follows:
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Watts Concepts - Kentucky Web Design - Harrodsburg, Kentucky</title>
<style type="text/css">
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-color: #000;
</style>
</head>
<body>
<table width="938px" align="center" cellpadding="0" cellspacing="0">
<tr>
    <td width="938" align="center" valign="top"><img src="images/logo-index.jpg" width="938" height="172" /></td>
</tr>
<tr>
    <td align="center" valign="top"><img src="images/eye-index.jpg" width="938" height="296" alt="Reach Your Audience Today" /></td>
</tr>
<tr>
    <td align="center" valign="top"><img src="images/test-index.jpg" width="938" height="197" /></td>
</tr>
</table>
</body>
</html>
Also, you don't need 3 columns for this website. 1 column and 3 rows should do. Also, never use 100% for <table> width. It's bad practice as you're making your site fluid which will render your site to malfunction on some browsers
And you had the entire 3 sections as 1 image as your CSS body background-image. This is bad practice. Crop only what you want for each section, never give the entire merged site as 1 image.
Try the code I've given you above and it should work perfect.
A quick tip: Try learning and using DIV with pure CSS styling instead of tables. Tables are a thing of the past. You could just google it and you have tons of free resources on how to create a site using DIV. Also, there's a beautiful tutorial posted by one of our senior members here: http://www.adobe.com/devnet/dreamweaver/articles/dw_html5_pt2.html that explains how to create HTML5 site with Pure CSS styling using DIV tags.
Cheers,
ST

How to set background image in a cell?

I am trying somethign that seems tricky to me...
The image I am using I faded to a solid color on the bottom
half. I set the background image to to left and NO REPEAT but when
the cell grows with content and it stretched beyond the image it
goes blank underneath. How do I set a background color without
going over the background image?
I need them both to be background because I want to use text
over both.
Any ideaS?

Color goes UNDER the background image. Just set it.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.dreamweavermx-templates.com
- Template Triage!
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
==================
"StarPilot06" <[email protected]> wrote in
message
news:eqqve6$341$[email protected]..
>I am trying somethign that seems tricky to me...
>
> The image I am using I faded to a solid color on the
bottom half. I set
> the
> background image to to left and NO REPEAT but when the
cell grows with
> content
> and it stretched beyond the image it goes blank
underneath. How do I set
> a
> background color without going over the background
image?
>
> I need them both to be background because I want to use
text over both.
>
> Any ideaS?
>

Background Image repeating for table cells

I am trying to put different images as the background to all
the cells in a table, so I can put text over the top of them, but I
cant have an image without it repeating. Ive tried going into the
code and adding background-image: "no-repeat" but that hasn't
worked. I know nothing of CSS and it seems really confusing - so if
this is the answer please give me CSS for dummies instructions.
Layers drive me bonkers as no 2 browsers display them in the same
place.
URL is:
http://www.visionsportsmedia.com/BillyTestSite/test
At the moment only cell one is a background image, the rest
are images inserted normally.
Hope you can help.
Thanks.

Your question reflects the confusing mess your life will be
if you persist
with web authoring without taking the time to learn some HTML
and CSS.
You have -
<th height="351" colspan="6" "scope="col">
Note the extra doublequote just before 'scope'.
Also note that your preloads (look at the body tag) as well
as your image
swaps (look elsewhere - everywhere you see 'file:///') are
all broken -
pointing to files on your hard drive. Finally, you might want
to just think
about making a page where there is no readable content
(everything here is
in images). It will get a zero search engine ranking....
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"little bob" <[email protected]> wrote in
message
news:gqo8jh$ejo$[email protected]..
>I am trying to put different images as the background to
all the cells in a
> table, so I can put text over the top of them, but I
cant have an image
> without
> it repeating. Ive tried going into the code and adding
background-image:
> "no-repeat" but that hasn't worked. I know nothing of
CSS and it seems
> really
> confusing - so if this is the answer please give me CSS
for dummies
> instructions. Layers drive me bonkers as no 2 browsers
display them in the
> same
> place.
>
> URL is:
http://www.visionsportsmedia.com/BillyTestSite/test
>
> At the moment only cell one is a background image, the
rest are images
> inserted normally.
>
> Hope you can help.
>
> Thanks.
>

CS4 no Background Image for cells

In CS3 there was a way to insert background images in a cell
using the Property Inspector. Now in CS4 it isn't there!! What
gives?

http://www.projectseven.com/tutorials/css/qdmacfly/index.htm
http://www.macromedia.com/devnet/mx/dreamweaver/css.html
http://www.macromedia.com/devnet/dreamweaver/articles/tableless_layout_dw8.html
http://www.macromedia.com/devnet/dreamweaver/articles/css_concepts.html
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"cdscindy" <[email protected]> wrote in
message
news:gdd0jh$t33$[email protected]..
> >With CSS, you define the rule in one place and it
affects all table
> cells to which the rule is applied. If you want to
change the
> background, you change just one place.
>
> You win! Sort of... I have been using html for a
looooong time. Works
> pretty
> good for me. I just can't see an instance where using
backgrounds in so
> many
> cells would even happen. Normally I would just change
the background once
> by
> changing it in PS.
>
> Its looking more and more like I am going to have to
refine my CSS. I want
> simple...simple book or tutorial. I don't have time
these days to have a
> long
> learning curve. So on the simple part, any ideas?
>
>

Background image on Interactive report column

Hi,
I have had a request from a customer with regards to displaying a background image behind a column on an interactive report.
The interactive report is used to show notes added for an individual in the application.
They want to display a note image behind the text to make the note stand out better.
Is it possible to add a background image to the each cell in the interactive report
Thanks
Kevin
Edited by: Cod'ead on Nov 30, 2009 3:43 PM

Take a look at this list of threads (You may find something that helps..) : Oracle Application Express (APEX)
Thank you,
Tony Miller
Webster, TX

Constrain Browser to size of background image

I have my background image at 770 x 989. I inserted 1 table
cell at 100% and imported the background image into it. How do I
keep the browser from enlarging bigger than the table cell? I'm
using DW CS3 and have Firefox as my main browser. I'm on a mac
running Leopard 10.5.2
[email protected]

As an example of how you will be trying to accomplish the
impossible, open
the page in Firefox, and increase the text size in the
browser.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"Walt F. Schaefer" <[email protected]> wrote in
message
news:fvlvur$aeh$[email protected]..
> If your goal is to make your text content remain fixed
to the background
> image you are chasing a will-o'-the-wisp. Best you stop
and take time to
> learn HTML & CSS and how they interact.
>
>>How do I keep the browser from
>> enlarging bigger than the table cell?
>
> You don't. Again, take time to learn how web pages work
or you will be
> chasing your tail.
>
> --
>
> Walt
>
>
> "James Bechdel" <[email protected]>
wrote in message
> news:fvle96$n39$[email protected]..
>>I have my background image at 770 x 989. I inserted 1
table cell at 100%
>>and
>> imported the background image into it. How do I keep
the browser from
>> enlarging bigger than the table cell? I'm using DW
CS3 and have Firefox
>> as my
>> main browser. I'm on a mac running Leopard 10.5.2
>> [email protected]
>>
>
>

Inserting table background images [was: CS4 DW]

Dear all,
I've have trouble inserting the background images in a cell of a table. When I was using CS3 I had the options of selecting BG color or image, as well as choosing the border color.
Right now in CS4 I can't even insert one in a cell, only color bg, and also editing the font size, color, type..
Can anyone advise?
Z

CSS code uses a different syntax than HTML code.
With CSS you can use a background-color: #FFF or a background-image (URL). This can point to an absolute URL:
background: url (http:yoursite.com/images/bg-image.jpg)
or to an image in your DW local site folder:
background: url (some-folder-in-your-local-site/image.jpg)
For more HTML & CSS Tutorials - http://w3schools.com/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
www.alt-web.com/
www.twitter.com/altweb
www.alt-web.blogspot.com

Background image in a table

Older versions allowed you to insert a background image into a table or cell. CS4 does not have that option. Does anyone know how to do this. Thanks

You need to use CSS to create a rule so that the table cell shows a background image. Example: Place the following in the head of your document, or take the style and place it in your current stylesheet.
CSS:
<style type="text/css">
.cellback {
background: url(pics/bckgroundhor.jpg) no-repeat; /* this background will not repeat */
</style>
HTML:
and then give the cell the class of cellback
<td class="cellback">
Example here:
http://www.dreamweaverresources.com/tutorials/pagebackgrounds/cellbackground.htm

Stop Background Image in Table from Repeating

Since CS4 has unfortunately removed the button for Background Image for tables, I found a neat work-around on the internet: select the cell, then open the Tag Inspector panel, select the Attributes button and Show list view, and click inside "background" and use the folder icon to navigate to the background image. However, I can't stop the image from repeating. I've tried everything I can think of. Can anyone help me? No code responses, please. Thanks!

monelleny wrote:
Can anyone help me?
Yes.
No code responses, please. Thanks!
Well, in that case, the answer is no.
Quite honestly, if you're capable of searching for an answer on the internet, and using the Tag Inspector to add a background image, you should be capable of following simple instructions to handle CSS.
To add a non-repeating background image to a table cell (or any element, for that matter), you use CSS. Create a CSS class like this in the head of the page:
<style type="text/css">
.background {
background-image: url(images/bg.jpg);
background-repeat: no-repeat;
</style>
Select the table cell, and then choose background from the Class menu in the Property inspector.

Cell background colors are not showing in preview - help? - DW4

Hi,
I created a horizontal table for my menu bar, and gave each cell a different color by creating a separate class for each with background image - image is a block of color created in Photoshop. In design mode they look they way I want, but in preview (Safari) the colors don't show up at all - the whole area is gray, and all I see is the text for each cell. Can someone tell me what I'm doing wrong? Alternatively, is there a better way I can set this up to have different colors for each button?
Thank you!

Here is the HTML code, and the CSS code for the menu bar follows:
     ul.MenuBarHorizontal
></style><style type="text/css"><!body {     background-color: #FFF;     font-family: Arial, Helvetica, sans-serif;}-->
    h1.
     ul.MenuBarVertical
[about | MS_about.html]
[fiction | MS_fiction.html]
[dramatic work | MS_dramaticwork.html]
[arts | MS_arts.html]
[contact | MS_contact.html]
[blog | MS_blog.html]
</div></html>
CSS CODE:
@charset "UTF-8";
/* SpryMenuBarHorizontal.css - version 0.6 - Spry Pre-Release 1.6.1 */
/* The outermost container of the Menu Bar, an auto width box with no margin or padding /ul.MenuBarHorizontal/ Set the active Menu Bar with this class, currently setting z-index to accomodate IE rendering bug: http://therealcrisp.xs4all.nl/meuk/IE-zindexbug.html /ul.MenuBarActive{     z-index: 1000;     font-family: Arial, Helvetica, sans-serif;     font-size: medium;     color: #FFF;     background-color: #FFCC99;     background-repeat: no-repeat;     left: auto;     top: auto;     right: auto;     bottom: auto;}/ Menu item containers, position children relative to this container and are a fixed width /ul.MenuBarHorizontal li/ Submenus should appear below their parent (top: 0) with a higher z-index, but they are initially off the left side of the screen (-1000em) /ul.MenuBarHorizontal ul/ Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item /ul.MenuBarHorizontal ul.MenuBarSubmenuVisible/ Menu item containers are same fixed width as parent /ul.MenuBarHorizontal ul li/ Submenus should appear slightly overlapping to the right (95%) and up (-5%) /ul.MenuBarHorizontal ul ul/ Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to 0 so it comes onto the screen */ul.MenuBarHorizontal ul.MenuBarSubmenuVisible ul.MenuBarSubmenuVisible
/* Submenu containers have borders on all sides /ul.MenuBarHorizontal ul/ Menu items are a light gray block with padding and no text decoration /ul.MenuBarHorizontal a/ Menu items that have mouse over or focus have a blue background and white text /ul.MenuBarHorizontal a:hover, ul.MenuBarHorizontal a:focus{     background-color: #6C9;     color: #999;     font-family: Arial, Helvetica, sans-serif;     font-size: medium;     font-style: normal;     line-height: normal;     font-weight: normal;     font-variant: normal;     text-decoration: none;     text-align: center;     vertical-align: middle;     height: 50px;     width: 115px;}/ Menu items that are open with submenus are set to MenuBarItemHover with a blue background and white text */ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal a.MenuBarItemSubmenuHover, ul.MenuBarHorizontal a.MenuBarSubmenuVisible{     background-color: #FFCC99;     color: #FFF;     font-family: Arial, Helvetica, sans-serif;     text-decoration: none;     font-size: medium;}
SUBMENU INDICATION: styles if there is a submenu under a given menu item
/* Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) /ul.MenuBarHorizontal a.MenuBarItemSubmenu{     background-image: url(SpryMenuBarDown.gif);     background-repeat: no-repeat;     background-position: 95% 50%;     text-align: center;}/ Menu items that have a submenu have the class designation MenuBarItemSubmenu and are set to use a background image positioned on the far left (95%) and centered vertically (50%) /ul.MenuBarHorizontal ul a.MenuBarItemSubmenu{     background-image: url(SpryMenuBarRight.gif);     background-repeat: no-repeat;     background-position: 95% 50%;}/ Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) /ul.MenuBarHorizontal a.MenuBarItemSubmenuHover{     background-image: url(SpryMenuBarDownHover.gif);     background-repeat: no-repeat;     background-position: 95% 50%;}/ Menu items that are open with submenus have the class designation MenuBarItemSubmenuHover and are set to use a "hover" background image positioned on the far left (95%) and centered vertically (50%) */ul.MenuBarHorizontal ul a.MenuBarItemSubmenuHover{     background-image: url(SpryMenuBarRightHover.gif);     background-repeat: no-repeat;     background-position: 95% 50%;}
BROWSER HACKS: the hacks below should not be changed unless you are an expert
/* HACK FOR IE: to make sure the sub menus show above form controls, we underlay each submenu with an iframe /ul.MenuBarHorizontal iframe/ HACK FOR IE: to stabilize appearance of menu items; the slash in float is to keep IE 5.0 from parsing */@media screen, projection{     ul.MenuBarHorizontal li.MenuBarItemIE     {          display: inline;          f\loat: left;          background: #FFF;
Date: Mon, 20 Jun 2011 15:30:46 -0600
From: [email protected]
To: [email protected]
Subject: Re: cell background colors are not showing in preview - help? - DW4
NEED to see the code.
Otherwise it's like dialing a random phone number, and asking whoever answers, where you left your keys.
>

Background-image for commandToolbarButton

Hi,
I want to skin af:commandToolbarButton similar to standard skinned commandbutton.
I managed to change the background-image for the link-section, but there seems to be a other section with a background-image which is a little bit bigger than the link-section.
But I can't find how to e.g. disable this background-image when mouse is moved over the commandtoolbarbutton.
Here my CSS definition for the hover-action:
================================
af|commandToolbarButton:hover,
af|commandToolbarButton::link:hover,
af|commandToolbarButton::text:hover
background-image: none;
border : none;
============================
What's my mistake?
regards
Peter

Hi,
if you extend an existing skin then you need to use
-tr-inhibit: background-image
Here's a list of the valid CSS
af|commandToolbarButton
Style on the root element of the af:commandToolbarButton component. This style includes the .AFDefaultFont:alias style. CommandToolbarButton supports further styling with the :hover, :depressed, :selected, :disabled, :text-only and :action-disabled pseudo-classes.
af|commandToolbarButton::access-key
Style on the access key for the label of the af:commandToolbarButton component. For example, underline the access key. Includes .AFFormAccessKeyStyle:alias.
af|commandToolbarButton::link
Style on the button link on the af:commandToolbarButton component.
af|commandToolbarButton::text      Style on the button text on the af:commandToolbarButton component.
af|commandToolbarButton::dropdown-cell
Style on the cell containing the dropdown icon used for the popup button of the af:commandToolbarButton component.
af|commandToolbarButton::dropdown-icon-style
Style of the icon used for the popup button of the af:commandToolbarButton component. The icon is specified as a background-image in this key. To override the default icon, set -tr-inhibit: background-image in the dropdown-icon-style and define the override icon for the dropdown-icon.
Frank

Cell background image

Similar Messages

Maybe you are looking for