Results 1 to 6 of 6

Thread: Double HOVER colors?

  1. #1
    Join Date
    Apr 2003
    Amsterdam, The Netherlands, Europe, The World

    Double HOVER colors?

    Hi All!

    I'm making a website and I want it to look good. I've always liked the hover command to diplay the text in another color when you hover your mouse over it. I made this work in my CSS file and all is working properly.

    But.. now onto the problem. My webpage has three base-colors and the text is white, but when you hove rove rit it changes to one of the THREE base colors. Normally this works well, but I've got a table on my website too with another background color, which is actually the same as the hover color. I can't (or don't want to would be bettter) change the the base and background color, so I want to change the hover color. But only on a specifick place, not for the whole html document.

    So.. is there a way to have more than ONE hover color on a website using CSS? Or HTML? I've searched the web, but I haven't come up with anything good. I really want to make this work, right now my text is 'disappearing' when you hover your mouse over the textlink


  2. #2
    Join Date
    Dec 2002
    High on life
    Try something like this:

    <style type="text/css">
    A.tablelinks:link, A.tablelinks:visited, A.tablelinks:active
    	color: darkblue;
    	text-decoration: none;
    	color: red;
    	text-decoration: none;
    <a href="http://www.w3c.org" class="tablelinks">test</a>
    Then, you just give the class tablelinks to any link that you want to use this css.

    Personal website http://www.ryanbrill.com/
    Business website: http://www.infinitywebdesign.com/
    TypeSpace http://www.typespace.org/

    I reject your reality and substitute it with my own!

  3. #3
    Join Date
    Apr 2003
    Amsterdam, The Netherlands, Europe, The World
    Okay, this opened up some perspectives for me to work on. But what if the two text parts already have a class assigned to them? The normal one just with the one with the hover command in it and the special one with a few other settings. Should i add the thing you posted here to the special one?

    Or should I just write a separate CSS for those pages (i actually have that already) and use your method on the two (only two of them) text-links that need a different hover color?

    Now that I think of it.. the second method, your method, sounds way easier!

    Thanks for the help! you're great!

  4. #4
    Join Date
    Apr 2003
    something neato 'bout CSS ----> it carries 3 primary managers for tags.

    1. #ID
    2. .CLASS
    3. A:hover(standard feature)

    All can be implemented at the same time to the same tag..though it will become confusing to edit later on for high end sites.

    the last method that can be added even with the above 3 would be placing it directly into your HTML
    <A id="butter" Class="peanut" Style="cursor:hand;"></a>

    hope this gives you a lot to play with.
    Netscape Navigator...Frontpage....can life as an SEO be any more complicated?

  5. #5
    Join Date
    Feb 2003

    Re: Double HOVER colors?

    I was just about to ask the same thing but now I don't have to

  6. #6
    Join Date
    May 2003
    At times whenever, new hover effects are required in the same page, the concept of ID can be effectively used as shown below :

    <tr class="genfont">
    <td><a href="Normal.htm">Normal Hover...</a>
    <td id="nav"><a href="Test.htm">New Hover...</a>

    Now, the <td> id="nav" corresponds to new set of class defined in your External Style Sheet.

    #nav a:link , #nav a:active , #nav a:visited
    #nav a:hover

    Similarly, different cell ID's can be made use to enhance the User Interface of site.

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



X vBulletin 4.2.2 Debug Information

  • Page Generation 0.13959 seconds
  • Memory Usage 2,884KB
  • Queries Executed 13 (?)
More Information
Template Usage (33):
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (1)bbcode_code
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (6)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (6)postbit
  • (6)postbit_onlinestatus
  • (6)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (70):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates