The Shed is going Social! Join us on FaceBook and Twitter and chime in on the conversation.
|
 |
|
Dev Shed Forums
> Web Design
> CSS Help
|
New Member - Issue with images used as links
Discuss Issue with images used as links in the CSS Help forum on Dev Shed. Issue with images used as links Cascading Style Sheets (CSS) forum discussing all levels of CSS, including CSS1, CSS2 and CSS Positioning. CSS provides a robust way of applying standardized design concepts to your web pages.
|
|
 |
|
|
|
|

Dev Shed Forums Sponsor:
|
|
|

January 21st, 2013, 02:02 PM
|
|
Registered User
|
|
Join Date: Jan 2013
Posts: 5
Time spent in forums: 40 m 4 sec
Reputation Power: 0
|
|
|
New Member - Issue with images used as links
I am having trouble with my facebook and twitter buttons on my wordpress web page. These buttons are part of a wordpress menu that appears on the upper right-hand corner of my web page which I am not allowed to tell you the URL of, but if you email me I can do so
The problem is that the cursor only changes to allow clicking the buttons when it is positioned over the top edge or bottom edge of the button. This happens with both Firefox and Internet Explorer. If you have seen this behavior before I would like to hear from you. It must be something that has happened before!
To debug this, I made a page on the site that tries to duplicate as much as possible of the css behind the buttons. Done this way, the buttons function properly and do not have the problem I am complaining of. So I am stumped about how to proceed, unless someone can give me a clue based on the symtom I mentioned.
Thank you for any help you can provide!
Bill Rowan
|

January 21st, 2013, 02:24 PM
|
 |
Contributing User
|
|
Join Date: Aug 2011
Location: The Pleiades
|
|
|
If you can't provide a link, can you at least provide your HTML and CSS?
Regards,
NM.
__________________
"WERE NOT WORTHY!"
"WERE NOT WORTHY!"
|

January 21st, 2013, 03:30 PM
|
|
Registered User
|
|
Join Date: Jan 2013
Posts: 5
Time spent in forums: 40 m 4 sec
Reputation Power: 0
|
|
|
Please bear with me - I need to post 5 times before I can provide a URL. I need to figure out some way to provide the css too, it is a largish file.
|

January 21st, 2013, 03:34 PM
|
|
Registered User
|
|
Join Date: Jan 2013
Posts: 5
Time spent in forums: 40 m 4 sec
Reputation Power: 0
|
|
|
You see, the reason I am not allowed to provide the URL is because I am a new user. Once I post five times, I can do that.
|

January 21st, 2013, 03:39 PM
|
|
Registered User
|
|
Join Date: Jan 2013
Posts: 5
Time spent in forums: 40 m 4 sec
Reputation Power: 0
|
|
|
Let's see if the URL can go in now:
www.originalgiovanni.com/experiments
Note that in the upper right corner, there is the problem with the two buttons on the right. In the middle of the page, the buttons work.
Bill
|

January 21st, 2013, 04:03 PM
|
 |
CSS & JS/DOM Adept
|
|
Join Date: Jul 2004
Location: USA
|
|
Quote: | You see, the reason I am not allowed to provide the URL is because I am a new user. Once I post five times, I can do that. |
So making pointless comments is better than trying to circumvent the automated URL filter? You clearly have not read the CSS Forum Posting Guidelines. (It seems most people don't notice that thread without help.  )
When posting code, please place it between [code][/code] tags. If you want to use the button to add the tags, paste the code in the textarea and then select it before clicking the button (so you don't get the problematic JavaScript prompt dialog). Fortunately though, this forum is scheduled for a very badly needed upgrade.
P.S. Welcome to DevShed Forums, whrowan. 
|

January 21st, 2013, 04:28 PM
|
|
|
Believe it or not, your #giovannis-menu is on top of those buttons and blocking you from clicking them. The easiest fix would be to add a z-index to #menu_social:
Code:
#menu_social {z-index: 100}
|

January 21st, 2013, 07:10 PM
|
|
Registered User
|
|
Join Date: Jan 2013
Posts: 5
Time spent in forums: 40 m 4 sec
Reputation Power: 0
|
|
|
problem solved
rdoyle720's solution worked - problem solved. Thank you so much.
|
Developer Shed Advertisers and Affiliates
| Thread Tools |
Search this Thread |
|
|
|
| Display Modes |
Rate This Thread |
Linear Mode
|
|
Posting Rules
|
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
HTML code is Off
|
|
|
|
|