timpaul

Tooltip

This tooltip is based on the one here: http://viget.com/inspire/css-pointer-events-and-a-pure-css3-animating-tooltip

Please note that the tooltip content immediately follows the tooltip link in the code, so make sure that it reads semantically (a question/answer format works well).

Specific tooltips will probably need custom styling, depending on context/content.

GOOD: CSS-only

timpaul

<div class="control-group">
  <label for="dob-day" class="control-label">Date of birth</label>
  <div class="controls">
    <select name="dob-day" id="dob-day">
      <option value="">Day</option>
      <option value="">---</option>
      <option value="01">01</option>
      <option value="02">02</option>
      <option value="03">03</option>
      <option value="04">04</option>

timpaul

An example of an embedded gist in a Hackpad

Some text

• Some
• Bullets