Improve company productivity with a Business Account.Sign Up

x
?
Solved

CSS Background Special Character

Posted on 2013-01-31
5
Medium Priority
?
793 Views
Last Modified: 2013-02-15
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
Comment
Question by:rgranlund
5 Comments
 
LVL 30

Expert Comment

by:LZ1
ID: 38841221
Something like this:
.myClass{content: "\9658";}

Open in new window

0
 
LVL 7

Author Comment

by:rgranlund
ID: 38841797
How do I get a bottom border image to work?
0
 
LVL 35

Expert Comment

by:Slick812
ID: 38842038
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
 
LVL 111

Accepted Solution

by:
Ray Paseur earned 2000 total points
ID: 38843800
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
 
LVL 16

Expert Comment

by:HagayMandel
ID: 38844909
0

Featured Post

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

Join & Write a Comment

Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
Originally, this post was published on Monitis Blog, you can check it here . In business circles, we sometimes hear that today is the “age of the customer.” And so it is. Thanks to the enormous advances over the past few years in consumer techno…
In this tutorial viewers will learn how to style rounded corners for elements in CSS using the border-radius property Begin with a normal styled element such as a div: To style all four corners of the div to be the same degree of roundness, use the …
In this tutorial viewers will learn how to embed custom externally-hosted Google Fonts using the Google Font API in CSS Go to the Google Fonts website at google.com/fonts: Browse or search based on font properties or name to find a suitable font for…

585 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question