943,712 Members | Top Members by Rank

Web Development > Web Design > HTML and CSS > rollover effect
Ad:
Permalink
Feb 18th, 2008
0

rollover effect

Expand Post »
Hi,

I designed one website for links i gvn rollover color, that color i want to be in current page means if u click on like ex: about.html page that rollover color has to shown in that page also.

I tried with this code, but not working.
CSS Syntax (Toggle Plain Text)
  1. #menu{
  2. width:90%;
  3. height:30px;
  4. float:left;
  5. margin: 0 auto;
  6. padding: 0px 0;
  7. background-image:url(images/menu-bg.jpg);
  8. }
  9. #menu ul{
  10. height:16px;
  11. margin:0px;
  12. padding:0px;
  13. list-style:none;
  14. }
  15. #menu li{
  16. float:left;
  17. height:16px;
  18. }
  19. #menu a{
  20. float:left;
  21. height:16px;
  22. width:132px;
  23. padding:13px 0px 0px 0px;
  24. font-family:Verdana, Arial, Helvetica, sans-serif;
  25. font-size:11px;
  26. color:#CCCCCC;
  27. font-weight:normal;
  28. text-decoration:none;
  29. background: black url(images/butn1.jpg) center center repeat-x;
  30. }
  31. #menu a:hover{
  32. color:#FFFFFF;
  33. }
  34. #menu .current_page{
  35. color:#FFFFFF;
  36. }
Last edited by MattEvans; Feb 19th, 2008 at 6:06 am. Reason: Please use [code="CSS"] tags.
Similar Threads
Reputation Points: 10
Solved Threads: 2
Junior Poster in Training
kavithakesav is offline Offline
52 posts
since Nov 2007
Permalink
Feb 18th, 2008
0

Re: rollover effect

Check the Tutorial 2 :
http://css.maxdesign.com.au/listutorial/
Reputation Points: 17
Solved Threads: 2
Light Poster
coolsaint is offline Offline
45 posts
since Oct 2006
Permalink
Feb 21st, 2008
0

Re: rollover effect

Try
HTML and CSS Syntax (Toggle Plain Text)
  1. #menu.current_page {
  2.   color:#FFFFFF;
  3. }

or just

HTML and CSS Syntax (Toggle Plain Text)
  1. .current_page {
  2.   color:#FFFFFF;
  3. }
Team Colleague
Reputation Points: 92
Solved Threads: 21
Posting Pro in Training
FC Jamison is offline Offline
436 posts
since Jun 2004

This thread is more than three months old

No one has posted to this discussion for at least three months. Please let old threads die and do not reply to them unless you feel you have something new and valuable to contribute that absolutely must be added to make the discussion complete. Otherwise, please start a new thread in this forum instead.
Message:
Previous Thread in HTML and CSS Forum Timeline: Firefox problem. table repeats.
Next Thread in HTML and CSS Forum Timeline: Difference beween class and id-selector.





About Us | Contact Us | Advertise | Acceptable Use Policy
Forum Index | Build Custom RSS Feed


Follow us on Twitter


© 2011 DaniWeb® LLC