Need Advice On Simple CSS Tooltip -

-

I was thinking that someone could tell me why this is not working. I'm working on a simple CSS tooltip method, but I can not lock it down. On Firefox, tooltips are displayed in different places. On IE, only the first tooltip works.

Thank you, and have a great day. 

  & lt; / Html & gt; & Lt; / Head & gt; & Lt; Title & gt; CSS Tooltip Test & lt; / Title & gt; & Lt; Style type = "text / css" & gt; Body {padding: 0 pixels; Margin: 0 px; Font: 80%; Font-family: sans-serif;} div.container {padding: 10px 10px 10px 25px; } Thead {background-color: # 00f; Color: #fff;} th {text-align: center; Padding: 4px 6px 4px 6px; } Td {text-align: center; Padding: 4px 6px 4px 6px; } A: link {text-decoration: none;} a: hover {text-decoration: none;} a: visited {text-decoration: none;} a.myLink {position: relative; Z-index: 24;} a.myLink: hover {z-index: 25;} a.myLink span.tooltip {display: none;} a.myLink: hover span.tooltip {display: block; Status: Completed; Overflow: visible; Top: 0em; Left: 8em; Width: 20m; Color: #fff; Background-color: # 000; Border: Solid 1px # c6d880; Padding: 2px 4px 2px 4px; Font-family: serif; Font size: 1em; Font weight: 700; Align text: left; Z-index: 100;} td.mycell {status: relative; Z-index: 24;} td.mycell: hover {z-index: 25;} td.mycell span.tooltip {display: none;} td.mycell: hover span.tooltip {display: block; Status: Completed; Overflow: visible; Top: 0em; Left: 8em; Width: 20m; Color: #fff; Background-color: # 000; Border: Solid 1px # c6d880; Padding: 2px 4px 2px 4px; Font-family: serif; Font size: 1em; Font weight: 700; Align text: left; Z-index: 100;} button.mybutton {status: relative; Z-index: 24;} button.Matton: hover {z-index: 25;} button.Matton Span Tollipat {display: none;} button. My Button: Hover Span Tolipt {display: block; Status: Completed; Overflow: visible; Top: 0em; Left: 8em; Width: 20m; Color: #fff; Background-color: # 000; Border: Solid 1px # c6d880; Padding: 2px 4px 2px 4px; Font-family: serif; Font size: 1em; Font weight: 700; Align text: left; Z-index: 100;} & lt; / Style & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div class = "container" & gt; & Lt; Table range = "1" & gt; & Lt; Thead & gt; & Lt; TR & gt; & Lt; Th & gt; CSS Tooltip Test Table & lt; / Th & gt; & Lt; / Tr & gt; & Lt; / Thead & gt; & Lt; Tbody & gt; & Lt; Tr & gt; & Lt; Td> & Lt; A class = "myLink" href = "http://www.google.com/" target = "_ blank" & gt; & Lt; Span class = "tooltip" & gt; This is a tooltip for cell 1 & lt; / Span & gt; Go to Google & lt; / A & gt; & Lt; / Td> & Lt; / Tr & gt; & Lt; Tr & gt; & Lt; Td class = "myCell" & gt; & Lt; Span class = "tooltip" & gt; This is a tooltip for cell 2 & lt; / Span & gt; This cell 2 & lt; / Td> & Lt; / Tr & gt; & Lt; Tr & gt; & Lt; Td> & Lt; Button class = "myButton" type = "submit" & gt; Span class = "tooltip" & gt; This cell 3 & lt; / Span & gt; One click button & lt; Tooltip for / button & gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; / Tbody & gt; & Lt; / Table & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;    
 
 
 You can do something simple and with animation:  
  & lt; Html & gt; & Lt; Top & gt; & Lt; Style & gt; .animate {-moz-transition: All 0.3s Easy-Out; /*FF3.7+*/ -In transition: all 0.3s easily-out; / * Opera 10.5 * / -bbkit-transition: All-0.3s Easy-Out; /3Saf3.2+, Chrome * / Infection: All 0.3s Easy-Out; } / * Boton * / .boton {status: relative; Width: 120px; Height: 100px; Margin-top: 60px;} / * initial statement * / .tooltip {status: complete; Opacity: 0; Top: 0 pixels; Correct: 0 pixels; Background-color: black; color white; Padding: 4px;} / * hover action * /. Bottan: Hover. Toltype {fuzz: 0.9; Top: -50px; Correct: 0px;} & lt; / Style & gt; & Lt; / Head & gt; & Lt; Body & gt; & Lt; Div class = "boton" & gt; This is part of your lesson & lt; Div class = "tooltip animate" & gt; And here tooltip content. & Lt; / Div & gt; & Lt; / Div & gt; & Lt; / Body & gt; & Lt; / Html & gt;   
 You can test it.

Comments

Post a Comment

Popular posts from this blog

mysql - BLOB/TEXT column 'value' used in key specification without a key length -

-
I have developed an extension which works up to 1.6 on Magren (I'm trying Enterprise Edition, And I think the community is the same problem, because it is the same code). In my install script, I see the $ installer-> gt; CreateEntityTables ($ this- & gt; getTable ('alphanum / info')); The installation is done until it is not in the _text unit table. It crashed there! It turns out that when I log in to SQL and run it via PHPmyadmin, then this error is: Blob / Text column 'value' is used without the key 'key' . I saw the code there, and this is what is trying to create an index on the value column: -> addIndex ($ this- & gt; getIdxName ($ eavTableName, array ( 'attribute_id array (' attribute_id ',' value ')) - & gt; addIndex ($ this- & gt; getIdxName ($ eavTableName, array (' entity_type_id ' , 'Value')), array ('entity_type_id', 'value')) If there is no if statement is n...
Read more

c# - Using Vici cool Storage with monodroid -

-
Oh, for the moment I am not sure how it is officially supported, but for the success of the people Using Monodroid Vic Cool Storage I am able to leave and compile assemblies in my project, but while trying to use some classes, the errors of time have to be gathered. Especially when trying to connect like the example for Mono Touch string dbName = path. Cobain (environment. Gatefolder path (environment specialfolder personal), "mydb.db3"); // The following line will be called coolestation, where is the database, // to make it if it does not exist, and call a delegate that creates the necessary tables (only when the database file was newly created //) CSConfig.SetDB (DbName, true, () => {CSDatabase.ExecuteNonQuery ("Subscriber Integer Primary Key Attribute, Name Text (50) No, Number, Date First Text (30)");); There is no difference when I try to use the methods of CSConfig and when I cscfif If I try to pass 3 aggregates to STDB (3) then I get the invalid ...
Read more

python - referencing a variable in another function? -

-
I am an experienced TCL developer and write my own processes to help myself. I call it a proc i callVar, print out the value of the variable in a certain format, so I know that it is variable and what is the value "set foo 1; putVar foo" result 'foo = "1" I want to do the same thing in Python, but I can not find the answer :( In TCL I use the up command because when I pass the name of the variable, then I can see the value at the top. . I understand that an advanced light in the dragon There is no mechanism of r, but with its introspection capability, I would think that this is something trivial, but I am not getting the answer anywhere. It seems that this should work: and expanded: def foo (): y = "Hello World" printwor ("y") foo () y = "Hello World " You can, but you should not do so if your code is correct If is needed , then there is something wrong with your design, and you should probably use the dictionar...
Read more