Can someone help with a div that pops up when you hover over a button?
I made a div that pops up (stacked on the rest of the page) when you hover over a button (gigs). It works in the safari preview but when I test it online it doesn't. It's above the logo instead of blocking it and on the left site instead of the right. And when you open the page it isn't hidden like in the preview. Does someone know what is wrong?
The test page: Stuff
Below code, onclick of 'GIGS' shows pop-up window. You then have a 'close' button which when clicked closes it.
<!DOCTYPE html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html> <!--<![endif]-->
<head>
<meta charset="utf-8">
<title>Stuff</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width">
<link rel="stylesheet" href="http://www.rockoco.be/stuff/css/main.css">
<link rel="shortcut icon" href="favicon.ico">
<link rel="apple-touch-icon" href="favicon.png">
<!--[if lt IE 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
<script type="text/javascript">
function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
</script>
</head>
<style>
#popup {
position: absolute;
right: 0;
z-index: 100;
#popup img {
display: block;
#popup p {
margin: 0;
padding: 0;
#popup a {
text-decoration: none;
display: inline-block;
padding: 8px 12px;
color: #fff;
background-color: #000;
</style>
<body>
<div id="popup">
<img src="http://www.rockoco.be/stuff/img/Flyer-030315.png" alt="popup" width="426" height="605" class="png" />
<p><a href="#" class="closeWindow">CLOSE</a></p>
</div>
<div id="content">
<h1><img class="svg" src="http://www.rockoco.be/stuff/img/logo.svg" alt="Stuff" /></h1>
<nav id="social">
<ul>
<li><a href="#"><img class="svg" src="http://www.rockoco.be/stuff/img/gigs.svg" alt="Gigs" /></a></li>
<li><a href="https://twitter.com/36STUFF" target="_blank"><img class="svg" src="http://www.rockoco.be/stuff/img/twitter.svg" alt="Twitter" /></a></li>
<li><a href="https://www.facebook.com/STUFF.isthebandname" target="_blank"><img class="svg" src="http://www.rockoco.be/stuff/img/facebook.svg" alt="Facebook" /></a></li>
<li><a href="https://soundcloud.com/stuffmusic" target="_blank"><img class="svg" src="http://www.rockoco.be/stuff/img/soundcloud.svg" alt="Soundcloud" /></a></li>
<li><a href="http://stuffmusic.bandcamp.com/" target="_blank"><img class="svg" src="http://www.rockoco.be/stuff/img/bandcamp.svg" alt="Bandcamp" /></a></li>
<li><a href="https://www.youtube.com/user/duststuff/videos " target="_blank"><img class="svg" src="http://www.rockoco.be/stuff/img/youtube.svg" alt="Youtube" /></a></li>
<li><a href="mailto:[email protected]"><img class="svg" src="http://www.rockoco.be/stuff/img/contact.svg" alt="Contact" /></a></li>
</ul>
<ul>
<li><a href="[email protected]" target="_blank"><img class="svg" src="http://www.rockoco.be/stuff/img/remixes_@_ab_klein.svg" alt="Remixes" /></a></li>
</ul>
</nav>
</div>
<footer>
<a class="left" href="http://www.minguely.ch" target="_blank"><img src="http://www.rockoco.be/stuff/img/logo_minguely.png" alt="" /></a>
<a class="right" href="http://www.martincramatte.com/" target="_blank"><img src="http://www.rockoco.be/stuff/img/logo_martincramatte.png" alt="" /></a>
</footer>
<script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
<script>
$(document).ready(function() {
$('#popup').hide();
$('.svg').click(function() {
$('#popup').show()
$(document).ready(function() {
$('.closeWindow').click(function() {
$('#popup').hide()
</script>
</body>
</html>
Similar Messages
-
Okey so basically I've themes my windows 7 into a black state.
The thing about that is that the default font color firefox uses for tooltips and other information is back so its quite impossible for me to read.
After a while googleing I found out that something called userChrome.css can be used so naturally I looked furhter.
I found answers for almost everything I was looking for, except these "button tooltips".
Heres my userChrome.css code:
menubar, menu {
color: black !important;
menupopup > menu,
menupopup > menuitem,
popup > menu,
popup > menuitem {
color: white !important;
tooltip, statusbar {
color: white !important;
Basically it takes care of all text that was black and turns it the way I like it.
So what is the name of the tooltips that shows up when you hover over a UIbutton? such as "back"
With the correct name I should be able to add
name {
color: white !important
and it should work just fine :)hey 88_King,
go to http://support.lenovo.com and download any one or all the software you require from here.
and most of the items you need is under ThinkVantage
WW Social Media
Important Note: If you need help, post your question in the forum, and include your system type, model number and OS. Do not post your serial number.
Did someone help you today? Press the star on the left to thank them with a Kudo!
If you find a post helpful and it answers your question, please mark it as an "Accepted Solution"!
Follow @LenovoForums on Twitter!
Have you checked out the Community Knowledgebase yet?!
How to send a private message? --> Check out this article. -
Can someone help with some coding on a muse HTML page that exported incorrectly?
I run an NGO called warriors organization. It's an NGO trying to protect indigenous cultures in tanzania from loosing their cultures.. Our president is running a marathon In a week to raise money to build a school for maasai children.. and the marathon page got garbled on export from muse. Can someone help with recoding that page? I'm traveling and don't have the muse work file with me.. Any help is greatly appreciated.. Take a look at http://warriorsorganization.org/marathon.html. I have a screen shot of how the page should look. Contact me at [email protected]
Thank you,
Aric1. yes
2. yes
3. No. DVD players can't play BluRay discs -- even if they are burned to a DVD disc.
4. 1080p50 is a perfectly legitimate mode for shooting, particularly if you're shooting video with a lot of action, since it has double the actual frames of 1080i50. However, your output video may or may not actually have 50p frames (or even be 1920x1080), depending on what form of media you're publishing as. The BluRay files that Premiere Elements outputs, for instance are 50i. -
Hi guys can someone help with a query regarding the 'podcast app' why do they not have all the episodes that relate to one show available why only half or a selected amount
THanks...but some days they have all the episodes right back to the very first show...ive downloaded a few but they are only available every now and then which makes no sense...why not have them available the whole time ??
-
I'm using my iPod and an Epson XP-810 printer to print pages from websites and emails and etc.
How do I print just 1 page out of 14 pages .
I don't see any settings on my iPod and can't find settings on the printer .
Can someone help with this problemGoogle show that you have to cut what you want to print and then paste it into a new app and print from that app.
http://www.ipadforums.net/new-member-introductions-site-assistance/63145-printin g-one-page-ipad-2-a.html -
Background image seems to be applied twice Can someone help with this CSS issue....
Can someone help with this CSS issue....
http://66.162.81.144/cms400min/default.aspx
If you view the main page you will see that our background is
2 shades of
orange.. if you look at the line that divides those colors to
the right and
left you wil notice that the line is higher
if you notice that it seems that there is another background
on top of the
first one..its the only thing i can think of..
the only place where the image is being referenced is in this
CSS style
html, body
min-height:100%;
margin-bottom:1px;
text-align:center;
background-repeat:no-repeat;
background-image:url(images/Background-Color2.jpg);
background-color:#F74902;
background-position:center;
background-attachment:fixed;
Is there something wrong with the above CSS that could or
would cause this?
is it because im applying the image to both the HTML and
BODY?
ASP, SQL2005, DW8 VBScript, Visual Studio 2005, Visual Studio
2008You've attached the background to both the html and the body.
I would do this:
html, body {
min-height:100%;
margin-bottom:1px;
body{
text-align:center;
background-repeat:no-repeat;
background-image:url(images/Background-Color2.jpg);
background-color:#F74902;
background-position:center;
background-attachment:fixed;
Having said that the image doesn't look any higher on the
right than the
left to me in Firefox. Is it just an optical illusion?
Daniel wrote:
> Can someone help with this CSS issue....
>
>
http://66.162.81.144/cms400min/default.aspx
>
> If you view the main page you will see that our
background is 2 shades of
> orange.. if you look at the line that divides those
colors to the right and
> left you wil notice that the line is higher
>
> if you notice that it seems that there is another
background on top of the
> first one..its the only thing i can think of..
>
> the only place where the image is being referenced is in
this CSS style
>
> html, body
>
> {
>
> min-height:100%;
>
> margin-bottom:1px;
>
> text-align:center;
>
> background-repeat:no-repeat;
>
> background-image:url(images/Background-Color2.jpg);
>
> background-color:#F74902;
>
> background-position:center;
>
> background-attachment:fixed;
>
>
> }
>
> Is there something wrong with the above CSS that could
or would cause this?
> is it because im applying the image to both the HTML and
BODY?
> -
i need help to activate my iphone 5s. am stuck on the activation page. can someone help with with the icloud activation bypass? how do i even go about it?
You must put in the required information. If you do not have it, you must get it from the original owner of the phone. If you have forgotten your iCloud password, you can reset it at:
https://iforgot.apple.com/password/verify/appleid
There is no such thing as an activation "bypass". Activation Lock is a security feature. It wouldn't be that secure is you could bypass it, wouldn't it? -
I have a 32gb iphone 5 the wifi signal is bad and the time doesnt work can someone help i did everything thats in my hands and its still not working
Do you experience the same issue on other WiFi networks?
Do any other iOS devices experience the same issue on your network?
Make sure you follow all steps provided in the article below:
iOS: Troubleshooting Wi-Fi networks and connections -
Hi can anyone help with a mac that had magnet put on it. I turned it on and then off but a white screen appears with a file with a question mark on it?
File icon with ? mark on it means it can't read from the hard drive. The hard drive is now wiped or bad. If just wiped then you will need to reinstall your operating system, OS X. If bad you will need to replace the drive.
Start with booting the computer from the OS X install DVD that came with your system. If the Mac came with Lion Pre-Installed then you use the Lion internet recovery system to reinstall (Hold down Command+r keys or Command+Option+r keys to boot the computer from over the internet to the Lion recovery HD system).
Good Luck. -
final cut pro x - lion - mbp 2011 2.0 15 - not responding at all since latest update. Can't open or edit projects, loading window that pops us when you click the app (as it loads) does not go away, says loading compressor support, paralyzed. Have tried reinstalling, default settings etc
Appreciate suggestion, working on deadline. Thanks.Here is the start of the crash report:
Process: Final Cut Pro [20568]
Path: /Applications/Final Cut Pro.app/Contents/MacOS/Final Cut Pro
Identifier: com.apple.FinalCut
Version: 10.0.1 (185673)
Build Info: ProEditor-185670300~1
App Item ID: 424389933
App External ID: 4138831
Code Type: X86-64 (Native)
Parent Process: launchd [102]
Date/Time: 2011-11-11 20:41:32.201 -0800
OS Version: Mac OS X 10.7.2 (11C74)
Report Version: 9
Interval Since Last Report: 192058 sec
Crashes Since Last Report: 14
Per-App Interval Since Last Report: 157161 sec
Per-App Crashes Since Last Report: 14
Anonymous UUID: DD542B2F-58A0-482E-AAFA-ECADEC76F562
Crashed Thread: 0 Dispatch queue: com.apple.main-thread
Exception Type: EXC_BAD_ACCESS (SIGSEGV)
Exception Codes: KERN_INVALID_ADDRESS at 0x0000000280000003
VM Regions Near 0x280000003:
CG shared images 00000001cbf62000-00000001cc182000 [ 2176K] r--/r-- SM=SHM
-->
STACK GUARD 00007fff5bc00000-00007fff5f400000 [ 56.0M] ---/rwx SM=NUL stack guard for thread 0
Application Specific Information:
objc[20568]: garbage collection is OFF -
Help, my iphone 5 is locked and will not function! I've turned it off and on and it has the same fault. What ever you press on the screen highlights with a box round it. When you press the round button with the square in the centre the voice on the phone tells you the time. Then the voice says screen lock. If I try and unlock the phone the voice says phone unlock but you can't put the code in. If you hight the box it will say the number but not put the code in?! What's the crack?
Quickly Triple tap the home button to de-activate VoiceOver.
-
Diaabling the window that pops up when you start recording
I finally got my friend to try Logic and he loves it, but he complains about the window that pops up when you start recording audio. Its not a problem for me but he swears it annoys him so I told him I would find out if it can be removed. So does anyone know if that window can be disabled?
czarthp wrote:
I finally got my friend to try Logic and he loves it, but he complains about the window that pops up when you start recording audio. Its not a problem for me but he swears it annoys him so I told him I would find out if it can be removed. So does anyone know if that window can be disabled?
I don't think you can remove it. I agree, that would be a nice option to have.
I think though, that if he were to move it over to a corner of the screen, Logic will remember this placement, and whenever he goes into record, it should open up where he left it, hopefully out of the way enough not to bother him so much... -
My iPhone 4 died and I have tried charging it and plugging it into the computer, but nothing happens execpt the dead battery thing that pops up when you charge it when it's completely dead.
Try:
- iOS: Not responding or does not turn on
- Also try DFU mode after try recovery mode
How to put iPod touch / iPhone into DFU mode « Karthik's scribblings
- If not successful and you can't fully turn the iOS device fully off, let the battery fully drain. After charging for an least an hour try the above again.
- Try another cable
- Try on another computer
- If still not successful that usually indicates a hardware problem and an appointment at the Genius Bar of an Apple store is in order.
Apple Retail Store - Genius Bar -
Using Mozilla at present the alternate text for an image does not pop up when you hover your mouse over the image. This is what occurs in Internet Explorer. In Mozilla Firefox you have to right click, choose Properties and then you can view the alternate text. Is there a way to set up the mouse hover? Or is there a keyboard shortcut to at least view the Properties information of an image on a webpage quicker?
The Alt attribute isn't meant to show as a tooltip on hover.
The Alt attribute is meant to show if the image isn't or can't be displayed.
The title attribute is meant to show if you hover an image or link.
*http://kb.mozillazine.org/Image_tooltips_do_not_work
Some extensions can interfere and disable the tooltip.
* [[Troubleshooting extensions and themes]]
* http://www.w3.org/TR/html401/struct/global.html#title title
* http://www.w3.org/TR/html401/struct/objects.html#alternate-text
*Popup ALT Attribute: https://addons.mozilla.org/firefox/addon/1933 -
Info pane that loads when you hover over an image
I think by mistake I have enabled an info pane that opens when you hover over an image with the cursor. I don't know how I have done this but it is driving me mad. Can anyone help with turning this feature off?
Sounds like Tooltips. Hit the T key to toggle
Maybe you are looking for
-
K8N neo2 first time ocing this bad boy
I have had my computer setup for about three months now and I am ready to start ocing it finally after messing around with my watercooling and everything else. My stats are in my sig and this is what I have done so far. I have my sATA drives in a rai
-
Active Directory SSO Sharepoint with External sources
I hope someone can advise me. We use Active Directory (AD FS 2.0 SAML) for authorization/authentication for SSO. Our new library platform that is hosted by a 3rd party complies with CAS 3 (SAML is only supported with CAS 4) they have no plans to up
-
Hi all, how can i read the report that i sent it to my mail through the option that exits in report 6i. Is extension is (eps). Best Regards, Hany
-
Changing base for calculation of Tax
Hi All, SAP standard delivers 0001 condition type in Tax calculation procedure as base for calculation of Tax. condition type 0001 picks up 0PR0 as base for calcualtion of tax. Can someone tell me how does system picks up 0PR0 as base for calculation
-
Hi experts I am sending fle from XI to R/3 i am getting the below error message in XI SXMB_MONI. here i am using sender is file adapter and receiver is PROXY. <?xml version="1.0" encoding="UTF-8" standalone="yes" ?> - <!-- Call Adapter --> - <SAP: