I must be going mad....

[Addinall]

I normally don't like to bother people, however, here is my CSS file. You may have guessed it is mt TAG Cloud. The font-size change works as one would expect, the color: refuses to change. I have been staring at it for a day!

#tagcloud {
font-family:Courier;
font-weight:bold;
margin-top:50px;
}


#tagcloud a{
text-decoration: none; 
}

#tagcloud ul{
list-style-type:none;
margin: 0px;
padding: 0px;
}

#tagcloud li {
display: inline;
margin-right: 10px;
line-height: 2em;
}

#tagcloud li.tagrank-1{
font-size: 100%;
color:#000000;
}


#tagcloud li.tagrank-2 {
font-size: 120%;
color: #006B8F;
}

#tagcloud li.tagrank-3 {
font-size: 140%;
color: #003D52;
}

#tagcloud li.tagrank-4 {
font-size: 160%;
color: #007AA3;
}

#tagcloud li.tagrank-5 {
font-size: 180%;
color: #0099CC;
}

#tagcloud li.tagrank-6 {
font-size: 200%;
color: #33ADD6;
}

#tagcloud li.tagrank-7 {
font-size: 220%;
color: #66C2E0;
}

#tagcloud li.tagrank-8 {
font-size: 240%;
color: #80CCE6;
}

#tagcloud li.tagrank-9 {
font-size: 260%;
color: #B2E0F0;
}

#tagcloud li.tagrank-10 {
font-size: 280%;
color: #CCEBF5;
}

And an example of the HTML generated

	<li class="tagrank-4">							
				<a href='#' 
				onMouseOver="TagToTip('Span142', WIDTH, '-350', BGCOLOR, '#ffffff', SHADOW, true, 
										SHADOWCOLOR, '#333333', FOLLOWMOUSE, false, OPACITY, '90', 
										FADEIN, '400', FADEOUT, '600', FONTSIZE, '12pt', CLICKCLOSE, true,
										CLOSEBTN, false, DURATION, '25000', FONTCOLOR, '#000000', FONTWEIGHT, 'bold')" 
				>Mark</a></li>

				<span id='Span142'><a href='http://www.addinall.net'>http://www.addinall.net</a><br> <a href='http://www.addinall.org'>http://www.addinall.org</a><br> <a href='http://www.addinall.org'>http://www.addinall.org</a><br> <a href='http://www.addinall.net'>http://www.addinall.net</a><br> </span>

Any ideas? I'm stumped....

Mark.

[Addinall]

I normally don't like to bother people, however, here is my CSS file. You may have guessed it is mt TAG Cloud. The font-size change works as one would expect, the color: refuses to change. I have been staring at it for a day!

#tagcloud {
font-family:Courier;
font-weight:bold;
margin-top:50px;
}


#tagcloud a{
text-decoration: none; 
}

#tagcloud ul{
list-style-type:none;
margin: 0px;
padding: 0px;
}

#tagcloud li {
display: inline;
margin-right: 10px;
line-height: 2em;
}

#tagcloud li.tagrank-1{
font-size: 100%;
color:#000000;
}


#tagcloud li.tagrank-2 {
font-size: 120%;
color: #006B8F;
}

#tagcloud li.tagrank-3 {
font-size: 140%;
color: #003D52;
}

#tagcloud li.tagrank-4 {
font-size: 160%;
color: #007AA3;
}

#tagcloud li.tagrank-5 {
font-size: 180%;
color: #0099CC;
}

#tagcloud li.tagrank-6 {
font-size: 200%;
color: #33ADD6;
}

#tagcloud li.tagrank-7 {
font-size: 220%;
color: #66C2E0;
}

#tagcloud li.tagrank-8 {
font-size: 240%;
color: #80CCE6;
}

#tagcloud li.tagrank-9 {
font-size: 260%;
color: #B2E0F0;
}

#tagcloud li.tagrank-10 {
font-size: 280%;
color: #CCEBF5;
}

And an example of the HTML generated

	<li class="tagrank-4">							
				<a href='#' 
				onMouseOver="TagToTip('Span142', WIDTH, '-350', BGCOLOR, '#ffffff', SHADOW, true, 
										SHADOWCOLOR, '#333333', FOLLOWMOUSE, false, OPACITY, '90', 
										FADEIN, '400', FADEOUT, '600', FONTSIZE, '12pt', CLICKCLOSE, true,
										CLOSEBTN, false, DURATION, '25000', FONTCOLOR, '#000000', FONTWEIGHT, 'bold')" 
				>Mark</a></li>

				<span id='Span142'><a href='http://www.addinall.net'>http://www.addinall.net</a><br> <a href='http://www.addinall.org'>http://www.addinall.org</a><br> <a href='http://www.addinall.org'>http://www.addinall.org</a><br> <a href='http://www.addinall.net'>http://www.addinall.net</a><br> </span>

Any ideas? I'm stumped....

Mark.

Well, found the problem, for the 100+ people who viewed without responding. The CSS wants the <a> selector modified as well as the element inside the <li> is <a href="......."> Having the text re-size as expected was a trap for young players.

Not much of a forum this really....
It is quite difficult to use.