MVEs are more concerned with the satisfaction of those they help than with the considerable points they can earn. They are the types of people you feel privileged to call colleagues. Join us in honoring this amazing group of Experts.
Course Of The Month
7 days, 12 hours left to enrollBecome a Premium Member and unlock a new, free course in leading technologies each month.
Solved
Way to have hovering effect
Posted on 2016-09-13
Hi,
I want to have hovering effect (have deep color when mouse is on top of the Linkbutton). What to adjust below?
I want to have hovering effect (have deep color when mouse is on top of the Linkbutton). What to adjust below?
<body>
<form id="main_form" runat="server">
<div class="content" id="wrapper">
<table width="100%">
<tr>
<td align="right" style="ForeColor:#0A2757;">
<asp:LinkButton ID="lb_reg"
Text = "Register"
CssClass="lb_reg"
Font-Names="Times New Roman"
Font-Size="10pt"
OnClick="lb_reg_Click"
runat="server"/>
|
<asp:LinkButton ID="lb_log"
Text = "Login"
CssClass="lb_log"
Forecolor="#0A2757"
Font-Names="Times New Roman"
Font-Size="10pt"
OnClick="lb_log_Click"
runat="server"/>
|
<asp:LinkButton ID="lb_supp"
Text = "Support"
CssClass="lb_log"
Forecolor="#0A2757"
Font-Names="Times New Roman"
Font-Size="10pt"
OnClick="lb_supp_Click"
runat="server"/>
</td>
</tr>
...
.lb_reg{
color: black;
top: 30px;
left: 1075px;
width: 36px;
height: 30px;
font-size: large;
font-weight: bold;
text-decoration: none;
}
.lb_reg:hover{
background-color: black !important;
color: white !important;
}
.lb_log{
color:#000!important;
top: 30px;
left: 1130px;
width: 36px;
height: 30px;
font-size:large;
font-weight:bold;
}
[X]
Welcome to Experts Exchange
Add your voice to the tech community where 5M+ people just like you are talking about what matters.
- Help others & share knowledge
- Earn cash & points
- Learn & ask questions
2-
2
4 Comments
I deleted my previous comment when I noticed you have three LinkButtons. The CSS code you have here should work for the first LinkButton. Does it not? Do you want the same effect on the other two LinkButtons?
Is it already working on the first LinkButton? If so, just add the other two classes to your style configuration. (See change on line 11 below.)
.lb_reg{
color: black;
top: 30px;
left: 1075px;
width: 36px;
height: 30px;
font-size: large;
font-weight: bold;
text-decoration: none;
}
.lb_reg:hover, .lb_log:hover, .lb_supp:hover{
background-color: black !important;
color: white !important;
}
.lb_log{
color:#000!important;
top: 30px;
left: 1130px;
width: 36px;
height: 30px;
font-size:large;
font-weight:bold;
}
Featured Post
Question has a verified solution.
If you are experiencing a similar issue, please ask a related question
Originally, this post was published on Monitis Blog, you can check it
here
.
Websites are getting bigger and more complicated by the day. Video, images and custom fonts are all great for showcasing your product or service. But the price to pay in…
- Web Development
- Web Applications
- HTML
- Magento
- Web Development Software
- Monitis, Networking, *Hosting, *Monitoring tool, *Monitoring Software
When the s#!t hits the fan, you don’t have time to look up who’s on call, draft emails, call collaborators, or send text messages. An instant chat window is definitely the way to go, especially one like HipChat.
HipChat is a true business app. An…
The viewer will learn how to count occurrences of each item in an array.
HTML5 has deprecated a few of the older ways of showing media as well as offering up a new way to create games and animations. Audio, video, and canvas are just a few of the adjustments made between XHTML and HTML5.
As we learned in our last micr…
Suggested Courses
Course of the Month7 days, 12 hours left to enroll
729 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.