CSS Help
 
Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
User Name:
Password:
Remember me
Go Back   Dev Shed ForumsWeb DesignCSS Help

Reply
Add This Thread To:
  Del.icio.us   Digg   Google   Spurl   Blink   Furl   Simpy   Y! MyWeb 
Thread Tools Search this Thread Rate Thread Display Modes
 
Unread Dev Shed Forums Sponsor:
  #1  
Old October 29th, 2009, 07:15 PM
vipergt2009 vipergt2009 is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Feb 2009
Posts: 44 vipergt2009 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 14 h 52 m 11 sec
Reputation Power: 1
Problem getting anchor hover to work with li and ul tags

Hi,

I am trying to get a hover to work with my links. The problem is when i have a list-style-type in css. When that exists, the link text for each link goes behind the bullets instead staying to the right of them. What do i need to do to have a list-style and the hover effect hovering over the links?

Reply With Quote
  #2  
Old October 29th, 2009, 07:49 PM
Skipt's Avatar
Skipt Skipt is offline
CSS Guru in Training
Dev Shed Regular (2000 - 2499 posts)
 
Join Date: Jan 2009
Location: Maryland, USA
Posts: 2,046 Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)  Folding Points: 84 Folding Title: Novice Folder
Time spent in forums: 3 Weeks 1 Day 3 h 11 m 44 sec
Reputation Power: 1287
Send a message via AIM to Skipt
Facebook
Could you post a link to your website so we can take a look at the code? Also, what browser does this error occur in? Since you are a new user you can't post links, so try putting your link in this format: (omit http://) www .yoursite. com/testpage.html

Cheers
__________________
"Quality of responses may vary. I reserve the right to change my mind for any reason what-so-ever without admitting I was wrong. I'd prefer to change your mind however, it's easier on my ego". - jwdonahue

Reply With Quote
  #3  
Old October 29th, 2009, 08:32 PM
vipergt2009 vipergt2009 is offline
Contributing User
Dev Shed Newbie (0 - 499 posts)
 
Join Date: Feb 2009
Posts: 44 vipergt2009 User rank is Just a Lowly Private (1 - 20 Reputation Level) 
Time spent in forums: 14 h 52 m 11 sec
Reputation Power: 1
Quote:
Originally Posted by Skipt
Could you post a link to your website so we can take a look at the code? Also, what browser does this error occur in? Since you are a new user you can't post links, so try putting your link in this format: (omit http://) www .yoursite. com/testpage.html

Cheers


Thanks for your reply. I was able to figure it out before coming back to this site for replies. It was a matter of adding a p tag to the words that each link weas around (example <a><p>text</p></a>).

Reply With Quote
  #4  
Old October 29th, 2009, 08:48 PM
Skipt's Avatar
Skipt Skipt is offline
CSS Guru in Training
Dev Shed Regular (2000 - 2499 posts)
 
Join Date: Jan 2009
Location: Maryland, USA
Posts: 2,046 Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)Skipt User rank is General 5th Grade (Above 100000 Reputation Level)  Folding Points: 84 Folding Title: Novice Folder
Time spent in forums: 3 Weeks 1 Day 3 h 11 m 44 sec
Reputation Power: 1287
Send a message via AIM to Skipt
Facebook
What you described is invalid code because you are nesting a block element (<p>) inside an inline element (<a>). There is obviously a better solution and if you care to post a link I am sure I can come up with an alternate solution that is much better

Cheers

Reply With Quote
Reply

Viewing: Dev Shed ForumsWeb DesignCSS Help > Problem getting anchor hover to work with li and ul tags


Thread Tools  Search this Thread 
Search this Thread:

Advanced Search
Display Modes  Rate This Thread 
Rate This Thread:


Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
View Your Warnings | New Posts | Latest News | Latest Threads | Shoutbox
Forum Jump




 Free IT White Papers!
 
How to Present Effectively Online
This white paper offers practical and actionable advice on the key steps that any presenter should consider as they plan and execute a Webinar or online meeting.

 
Open Source Security Myths
Open Source Software (OSS) is computer software whose source code is available to the general public with relaxed or non-existent intellectual property restrictions (or arrangement such as the public domain), and is usually developed with the input of many contributors.

 
Power and Cooling Capacity Management for Data Centers
This paper describes the principles for achieving power and cooling capacity management.

 
Scalable, Fault-Tolerant NAS for Oracle - The Next Generation
For several years NAS has been evolving as a storage alternative for Oracle databases, and for good reason: NAS is quite often the simplest, most cost-effective storage approach for Oracle. Learn about the benefits that HP's approach to scalable NAS brings to Oracle environments in this comprehensive white paper.

 
Understanding Web Application Security Challenges
This white paper discusses many common threats and preventive measures for Web application security, and explains what you can do to help protect your organization.

 

Forums: » Register « |  User CP |  Games |  Calendar |  Members |  FAQs |  Sitemap |  Support | 
  
 




© 2003-2009 by Developer Shed. All rights reserved. DS Cluster 2 Hosted by Hostway
For more Enterprise Application Development news, visit eWeek