Note that there are some explanatory texts on larger screens.

plurals
  1. POTooltip pushing out other form fields? Tried other solutions on this forum
    primarykey
    data
    text
    <p>I have a form where there are multiple fields.. two fields atleast per row and multiple rows of them.</p> <p>I also have a lable element added below the input fields using Jquery after validating the form.</p> <p>These labels push out the other fields and make the form awkward. So far, i tried a few CSS styles to make this issue go away... for example.. as someone else on this forum suggested, i tried to make the position of the parent 's relative and made the css for the label absolute.. and thorough searching on the internet didnt return any results. I am either asking the wrong question or employing the wrong technique to show messages in tooltips.</p> <p>Below is a sample field on my form</p> <pre><code>&lt;td colspan="2" style="position:relative;" align="left" nowrap &gt; &lt;html:text name = "serviceRptLog" property="p_incdate_in" styleId="p_incdate_in" /&gt; &lt;/TD&gt; </code></pre> <p>Below is the CSS Im using </p> <pre><code>.fieldContainer { position: relative; margin-bottom: 20px; } label.error { position: absolute; right: 143px; top: -25px; border: solid 1px #000; background: #fff; box-shadow: 0px 2px 6px rgba(0, 0, 0, .7); padding: 2px 5px; } </code></pre> <p>Any suggestions?</p> <p>Alright. Per sparky's request, here is a fiddle <a href="http://jsfiddle.net/#&amp;togetherjs=vLxoFGgG1j" rel="nofollow">http://jsfiddle.net/#&amp;togetherjs=vLxoFGgG1j</a></p> <p>But this is the first fiddle i created and im not an expert at HTML either. Forgivr any mistakes. </p> <p>And sparky. When r u on vacation from this website? </p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload