simple CSS question, i hope?

Question

i've been looking for some help regarding CSS. all i want to do is have the CSS change a certain word into an image.

for example, if the word "red" appears on a page, i would like that to change into a small image.

can this be done, or am i thinking of the wrong programming language

Answer 1

CSS no. Javascript yes:



This replaces every instance of "red" in the entire HTML body with an image


You can use other tags if you know where red is likely to show up.

Answer 2

Like the other two answers, CSS is not the language to accomplish this. With Javascript and CSS you can accomplish this. First you must create a function in JS that will grab all the elements with the css class name.

document.getElementsByClass = function( clsName ){
var retVal = new Array();
var elements = document.getElementsByTagName( "*" );
for(var i = 0;i < elements.length;i++){
if(elements[i].className.indexOf(" ") >= 0){
var classes = elements[i].className.split( " " );
for(var j = 0;j < classes.length;j++){
if(classes[j] == clsName)
retVal.push(elements[i]);
}
}
else if(elements[i].className == clsName)
retVal.push(elements[i]);
}
return retVal;
}

Then identify all your elements with a specific class name:
Red

Then run this function that will loop and replace all the class="red" elements with your image on the page load:

Answer 3

This is not for CSS, but rather a server-side scripting language (PHP, Perl, ASP.NET...). Though maybe JavaScript too. CSS can only be use to specify styles for HTML tags.

Answer 4

Answer 5

u'r a dressmaker and u do not understand this 8H!T? the place did u learn how to layout? attempt this:

Answer 6

no its not possible with css... im sorry
try using some powerful stuff like jsp, asp etc