473,320 Members | 1,856 Online
Bytes | Software Development & Data Engineering Community
Post Job

Home Posts Topics Members FAQ

Join Bytes to post your question to a community of 473,320 software developers and data experts.

Hyperlink & hovering problem with my div tag and text.

2
Good day all, I hope that you could help me with a problem that I'm experiencing in Dreamweaver CS6. I'm at the mark up stage at this point and and am trying to create a hyperlink but all of this this has been to no avail at this point and time. I can't seem to get the hand cursor and rollover links color on my home. What could I be doing wrong here...here's my code:
Expand|Select|Wrap|Line Numbers
  1. <div id="home"><a href="#">home</a></div>
  2.  
  3. #mainContent #home {
  4.     background-color: rgba(0,0,0,0.5);
  5.     height: 16px;
  6.     width: 48px;
  7.     margin-top: 3px;
  8.     position: absolute;
  9.     z-index: -2;
  10.     left: 84px;
  11.     top: 309px;
  12.     font-family: Arial, Helvetica, sans-serif;
  13.     font-size: 9px;
  14.     font-weight: bold;
  15.     text-transform: uppercase;
  16.     color: rgba(255,255,255,1);
  17.     line-height: 16px;
  18.     text-align: center;
  19.     border-radius: 10px;
  20. }
  21.  
Dec 9 '12 #1
4 2778
Rabbit
12,516 Expert Mod 8TB
If you want a different style for when you "rollover" the link, more commonly known as hover, you have to use the hover pseudoclass to apply a new style.
Dec 9 '12 #2
Zeus
2
I'm a novice in HTML5 and CSS3, could you tell how I could achieve this? Most of my other hyper links (all except for one more to this one) work fine so do their hover effects, I set their hover effect in dreamweaver cs6 by pressed ctrl+j, under category I headed to links (css)and set my rollover link color therein to yellow. Like I said that for the most part they work out fine but for some reason they not working here and I don't know why.

Here's an example of another div where i'm experiencing problems. Here I get the hand cursor but the yellow rollover color doesn't appear?
Expand|Select|Wrap|Line Numbers
  1. <h1><a href="#">Terms of Use</a> | <a href="#">Privacy Policy</a> | <a href="#">Advertise With Us</a></h1>
  2.  
  3. #footer #mainColumns #subscription h1 a {
  4.     color: rgba(255,255,255,1);
  5.     font-family: Arial, Helvetica, sans-serif;
  6.     font-size: 11px;
  7.     font-weight: bold;
  8. }
  9.  
Dec 9 '12 #3
Rabbit
12,516 Expert Mod 8TB
Like I said earlier, you need to use the hover class.
Expand|Select|Wrap|Line Numbers
  1. a:hover { color:yellow; }
Dec 9 '12 #4
here in 1 problem
In #home u have given z-index=-2 thats why its not working so remove it after that ancor properties will automatically work...
fore more help.<link removed>
Dec 31 '12 #5

Sign in to post your reply or Sign up for a free account.

Similar topics

8
by: schmendrick | last post by:
Is it possible to disable a control with Text (Textbox, combobox etc) but not have the text fade? I have a bunch of text boxes for a database, want them disabled till i hit the edit key, not a...
0
by: Mark Hahn | last post by:
I am using wxPython (wxWindows) and need a simple non-styled text control with an arbitrary image background. Since wx does not support transparent colored backgrounds on controls, I'm being...
1
by: GeneSZ | last post by:
How can I make a stored procedure which has a output parameter with text data type? My procedure is: CREATE PROCEDURE try @outPrm text Output AS select @outPrm =(select field1 from...
1
by: Paul M. | last post by:
Hi, This might be more of an HTML question, but I'm encountering it via a javascript function. I'm trying to do rollovers without using images. Here's some of the code: <script...
1
by: kim | last post by:
Hello! Here, in brief, is my problem. Access 2002. I need to export to a csv text file with text delimiters on every field. I find that if I save the original data in Excel and make sure the...
4
by: Marty Cruise | last post by:
Does anyone know of an wait-type cursor that can show text beside the hourglass? I'd like to display status messages beside the hourglass while not allowing the user to click anything...
2
by: Rod | last post by:
Hi, Does anyone know of a way to combine an icon with text on a pushbutton without venturing too deeply into the murky world of the graphics library. The icon is a gif loaded from a file but...
8
by: Imicola | last post by:
Hi, I want to use primary key IDs in my tables which are autonumbers, with a text prefix. I.e. for table tblVillage, the ID's will by V1, V2, V3... and for table tblHumanCases, the ID's will be...
4
by: christine chong | last post by:
now i'm using asp .net c# develop a system. i wish to using calendar control with text box, that when my cursor is at the text box then calendar just appear. then the date i select from calendar is...
3
by: tokcy | last post by:
Hi, I have created dynamic row with text box i.e. initialy i have only one text box and add button when i clicked on add button it create another text box. and i want to append the values of...
0
by: DolphinDB | last post by:
The formulas of 101 quantitative trading alphas used by WorldQuant were presented in the paper 101 Formulaic Alphas. However, some formulas are complex, leading to challenges in calculation. Take...
0
by: DolphinDB | last post by:
Tired of spending countless mintues downsampling your data? Look no further! In this article, you’ll learn how to efficiently downsample 6.48 billion high-frequency records to 61 million...
1
isladogs
by: isladogs | last post by:
The next Access Europe meeting will be on Wednesday 6 Mar 2024 starting at 18:00 UK time (6PM UTC) and finishing at about 19:15 (7.15PM). In this month's session, we are pleased to welcome back...
0
by: jfyes | last post by:
As a hardware engineer, after seeing that CEIWEI recently released a new tool for Modbus RTU Over TCP/UDP filtering and monitoring, I actively went to its official website to take a look. It turned...
1
by: PapaRatzi | last post by:
Hello, I am teaching myself MS Access forms design and Visual Basic. I've created a table to capture a list of Top 30 singles and forms to capture new entries. The final step is a form (unbound)...
0
by: CloudSolutions | last post by:
Introduction: For many beginners and individual users, requiring a credit card and email registration may pose a barrier when starting to use cloud servers. However, some cloud server providers now...
0
by: Defcon1945 | last post by:
I'm trying to learn Python using Pycharm but import shutil doesn't work
0
by: Shællîpôpï 09 | last post by:
If u are using a keypad phone, how do u turn on JavaScript, to access features like WhatsApp, Facebook, Instagram....
0
by: af34tf | last post by:
Hi Guys, I have a domain whose name is BytesLimited.com, and I want to sell it. Does anyone know about platforms that allow me to list my domain in auction for free. Thank you

By using Bytes.com and it's services, you agree to our Privacy Policy and Terms of Use.

To disable or enable advertisements and analytics tracking please visit the manage ads & tracking page.