jbatchelor

<div id="footer">
    <div style="position: absolute; top: 23px; left: 10px; width: 143px; height: 55px;"><a href="[url]" target="_ext"><img src="spacer.transparent.gif" width="143" height="55" border="0"></a></div>
    <div style="position: absolute; top: 23px; left: 175px; width: 135px; height: 55px;"><a href="[url]" target="_ext"><img src="spacer.transparent.gif" width="135" height="55" border="0"></a></div>
    <div style="position: absolute; top: 27px; left: 870px; width: 132px; height: 53px;"><a href="[url]" target="_ext"><img src="spacer.transparent.gif" width="132" height="53" border="0"></a></div>
    <div style="position: absolute; top: 109px; text-align: center; width: 100%; font-size: 12px;">
        <div style="color: #b8b8b8;">Copyright &copy; <script type="text/javascript" language="JavaScript">var today = new Date(); document.write(today.getFullYear());</script> [blahblahblah]. All rights reserved.</div>
        <div style="margin-top: 2px;"><a href="#" onclick="return someCode();">Support</a>

jbatchelor

Nifty trick for using a native mobile select list but triggering it with a button click:

Given:
<div class="box">
    <i class="my-icon"/>
    <select class="multi" multiple="true">
        <option>1</option>
        <option>2</option>
        <option>3</option>
   </select>

jbatchelor

  <div class='field'>
    <%= f.label :name -%>
    <%= f.text_field :name, :class => 'larger widest'  -%>
  </div>
  <div class='field'>
    <%= f.label :description -%>
    <%= f.text_field :description, :class => 'larger widest'  -%>
  </div>
  <div class='field'>
    <%= f.label :image -%>