SOLVED: My tooltip is overlapping the Upload field

Hello,

Wonderful product. I've spent all day learning it and I think I've got the hang of it (after recreating a single form about 6 times!). Nonetheless, I have a small glitch: the tooltip for my upload area needs to be moved because it is sitting in the browser bar. See this page here. How do I move the tooltip to the right side of the browse button?

Many thanks for any help!

Hi BaseBallNation,

Try adding some padding to the tooltip link - 70px seems to do the trick in FireFox.

<div class="form_item">
    <div class="form_element cf_fileupload">
        <label class="cf_label">Select your artwork/ad </label>
        <input id="file_14" class="cf_inputbox" type="file" name="file_14" size="20"/>
        <a class="tooltiplink" onclick="return false;" style="padding-left: 70px;">
            <img class="tooltipimg" height="16" width="16" border="0" src="/components/com_chronocontact/css/images/tooltip.png"/>
        </a>
        <div class="tooltipdiv">Select your artwork/ad :: Your file will be uploaded when your form is submitted</div>
    </div>
    <div class="clear"> </div>
</div>

Bob

That did the trick. I tweaked it to 125 px to get it all the way over, and it looks perfect now. Many thanks for your speedy help.