Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!
Learn how Concerto can help you.
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
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
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
The viewer will learn the basics of jQuery including how to code hide show and toggles.
Reference your jQuery libraries:
(CODE)
Include your new external js/jQuery file:
(CODE)
Write your first lines of code to setup your site for jQuery…
The is a quite short video tutorial. In this video, I'm going to show you how to create self-host WordPress blog with free hosting service.
Suggested Courses
Course of the Month12 days, 10 hours left to enroll
650 members asked questions and received personalized solutions in the past 7 days.
Join the community of 500,000 technology professionals and ask your questions.