Using an image in a CSS

[Todd Cary]

I have a JavaScript vertical menu that is controlled by a CSS.
Currently, menu items that have sub-menus are indicated by using the
border and I would like to use an image.

Can that be done and if so, how would I do it.

The XHTML code is

<li><a class='myBoxLblA' href=''>lbl-1-1</a>
<ul class='myBox'>
<li><a href=''>item 1-1-1</a></li>
<li><a href=''>item 1-1-2</a></li>
</ul> <!-- end box-1-1 -->
</li> <!-- end lbl-1-1 -->

The CSS entry for myBoxLbl is

/* Box label */
li.xmBoxLbl {
color:#ffffff; background:transparent;
border-right:1px solid #330;
}


Todd

 

[Mitja]

I have a JavaScript vertical menu that is controlled by a CSS.
Currently, menu items that have sub-menus are indicated by using the
border and I would like to use an image.

The CSS entry for myBoxLbl is

/* Box label */
li.xmBoxLbl {
color:#ffffff; background:transparent;
border-right:1px solid #330;
}

Hint: Have a look at what values "background" can take.

 

[-=# Amos E Wolfe #=-]

I have a JavaScript vertical menu that is controlled by a CSS. Currently,

menu items that have sub-menus are indicated by using the border and I
would like to use an image.

Can that be done and if so, how would I do it.

{
background-image: url(filename.ext);
}

-=# Amos E Wolfe #=-