• Status: Solved
  • Priority: Medium
  • Security: Public
  • Views: 713
  • Last Modified:

CSS Background Special Character

Ho can you use a special html character as a background image?  I want to use &#9660 on the left hand side of my menu choices then on the hover state us &#9658.

How do I do that?
0
rgranlund
Asked:
rgranlund
1 Solution
 
LZ1Commented:
Something like this:
.myClass{content: "\9658";}

Open in new window

0
 
rgranlundAuthor Commented:
How do I get a bottom border image to work?
0
 
Slick812Commented:
the CSS for having a "Background" to an html element (a DIV, a MENU, or other Block), is have it as a Color -
background:#000030;

or an image -

background: url(images3/bluswl.gif);

but you can not write "Text" to the background, because it is NOT the portion of html that gets the text content.

There may be ways to help you do what you ask, but we will need to know more about the kind of Menu you are using,
not all web page menus are the same. Can you show us some of the html page code for your menu, or about what menu you use? ?  You do not say enough in your question about what you have as menu, or anything about the "bottom border image" and how it works?

Have you considers making two Images for your background, one with the &#9660, and another with the &#9658    ? ?
0
 
Ray PaseurCommented:
Rather than try to put characters in the background, make a google search for "CSS image sprites" and see what you find.  I'll bet it will do the job for you very well!
0
 
HagayMandelCommented:
0

Featured Post

Become an Android App Developer

Ready to kick start your career in 2018? Learn how to build an Android app in January’s Course of the Month and open the door to new opportunities.

Tackle projects and never again get stuck behind a technical roadblock.
Join Now