jquery centering span on image hover (because it is inline maybe?) -


When the content comes to the user, I am trying to make fancy hover effects when the content appears. I want the bubble to be centered and go to the top of the images.

Illustrated in this Bela:

In Chrome it is particularly bad, where the duration is automatically turned on to display: Inline hover behavior differently from Firefox Does the block element help in both form but the hidden elements are pan and it is displayed automatically: inline. Any thoughts and hover about fixing this problem appear directly at the top of the right pictures?

Thank you!

CSS change: 

  #features_icons li span {top: 0; To set in / * /// Chrome, go to /// * / left: 0; / * /// Added to fix in Chrome /// * / white-space: nowrap; / * /// Added this line // / * /} # feature_conle (status: relative; / * /// This line was added /// * /}   
 and inside jquery I just added:  external dimension (true)  get correct dimension To:  
  spanW = ($ (this) .next ("span") External Wide (true) / 2) - ($ (this). Otterwidth (true) / 2 );   
 
 You can also try: all your  & lt; SPAN & gt;  Remove elements  A different perspective:   
    
 In any case, your icons have an alt attribute Why do not span the text in each image: (Add a  alt details  text to images (no CMS editor allows you to.)  
  & Lt; Img alt = "air conditioning" src = "http: console.png" />   
 
 You can remove all your span,  & lt; Body & gt;  Tag:  
  & lt; Div id = "tooltip" & gt; & Lt; / Div & gt;   
 and use my script:  
  $ ("ul # features_icons li img"). Hover (function () {var altteext = $ (this) .attr ('alt'); var thisW2 = $ (this) .terwidth (true) / 2; var it posl = $ (this) .offet (). Left + ThisW2; var This POST = $ (this) .offet (). $ ('# Tooltip'). $ ('# Tooltip'). Text (altteext); var tool W2 = $ ('# tooltip') External Wide (true) / 2; (1) .FadeTo (200,1) .css ({left: (ThisPosL-toolW2, top: thisPosT})}}, function () {$ ('# tooltip'). FadeTo (100,0, function) {$ (This) .hide ();});});   
     
  •  This icon will calculate status  
  •  Fill  alt  text  
  •   # tooltip  
  •  Get tooltip width  
  •   set the status of #tooltip   
  •  Show it more!   
     PS: I was just given the name in your CSS:  #features_icons li SPAN { to  #tooltip {  < / Div>

Comments

Post a Comment

Popular posts from this blog

Python SQLAlchemy：AttributeError: Neither 'Column' object nor 'Comparator' object has an attribute 'schema' -

I tried to create a new database in my project, but when I run the script, I get this error, I have another project, this type of definition worked before, but now it gets a single error. I am using Python 2.7.8 and the version of SQLAlchemy module is 0.9.8. By the way, using a project flask- SQLAlchemy, it works well, I'm confused. Traceback information is as follows: Traceback (most recent call final): File "D: / Projects / IOM / db_create.py", line 4, & lt; Module & gt; From the models the base file "D: \ Projects \ OO-IM \ models.py", in line 15, in the & lt; Module & gt; Column ( 'followed_id', int (), ForeignKey ( 'user.id')) file "C: \ Python27 \ lib \ site-packages \ SQLAlchemy \ SQL \ schema.py", line 369, __new__ schema = metadata. Schema file "C: \ Python27 \ lib \ site-packages \ SQLAlchemy \ SQL \ elements.py", line 662, AttributeError in __getattr__ key): Neither 'column' object nor ...
Read more

java - How not to audit a join table and related entities using Hibernate Envers? -

I use Eners to be hibernate to audit my institutions. I have an audit entity, Foo , which includes a list & lt; Bars & gt; However, I do not want to audit the bar institutions, in the form of properties, I have written that: @inti @edicated public class Foo {@JoinTable (name = "T_FOO_BAR", joinColumns = @JoinColumn (name = "FOO_ID"), inverseJoinColumns = @JoinColumn (Name = "BAR_ID")) @ManyToMany (Cascade = Persist) @ Indited (targetAuditMode = RelationTargetAuditMode.NOT_AUDITED ) Public listing & lt; Bars & gt; GetBars () {Return bars; }} Now, I want to retrieve an amendment of foo : AuditReader reader = AuditReaderFactory.get (GetEntityManager ()); FU modification = (FU) reader.CreativeTeA () .entensEtrevision (Foo Class, 42) .getSingleResult (); Unfortunately, when I want to retrieve all the data (i.e. when it loads lazy times ), error me ORA-00942: table or view is not present , because Tried to query this: Sel...
Read more

mongodb - CakePHP paginator ignoring order, but only for certain values -

While pagging my user model in kppp, I can sort with some values, but not others. For example, I can order results from created or email , for example, but username or reputation seems to come back order by arbitrary command for example with a list of users: $ this-> paginate = array ('condition' => array ( 'User.is_active' = & gt; true), 'border' => 24, 'order' => array ('User.created' => DESC)); Works as expected, but $ this - & gt; Paged = array ('conditions' = & gt; array (' user.isIactive '= & gt; true),' border '= & gt; 24,' command '= & gt; array (' user repeats' = ' & Gt; DESC ')); No, no. I first thought that this could be a database issue, but when I search the database directly, sorted as expected. Note: I am using Mangodebi with the Mongo DB plugin of Ichikawa for the KPPHP; Pagnetizing users are used to work properl...
Read more