www.webdeveloper.com
Results 1 to 2 of 2

Thread: I must be going mad....

  1. #1
    Join Date
    Jan 2011
    Posts
    3

    I must be going mad....

    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!

    Code:
    
    
    #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

    Code:
    	<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.

  2. #2
    Join Date
    Jan 2011
    Posts
    3
    Quote Originally Posted by Addinall View Post
    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!

    Code:
    
    
    #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

    Code:
    	<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.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
HTML5 Development Center



Recent Articles