Forums

SOLVED: My tooltip is overlapping the Upload field

BaseballNation 10 Jan, 2009
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!
GreyHead 10 Jan, 2009
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
BaseballNation 10 Jan, 2009
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.
This topic is locked and no more replies can be posted.