Hi
I have a horizontal menu on my site

<li><a href="http://www.dsf" >Contact Us</a></li>
<li><a href="http://www.dsf" >Forum</a></li>

etc

i want to add this script

<!-- Begin ConveyThis Button -->
<script type="text/javascript">
    var conveythis_src = 'en';
</script>
<div class="conveythis">
    <a class="conveythis_no_drop" title="Translate"  href="http://freetranslation.translation-services-usa.com/"><span  class="conveythis_button_7">translator</span></a>
</div>
<script type="text/javascript" src="http://no-stats3.conveythis.com/kern_e2/_v_2_3/javascript/e2_3.js"></script>
<!-- End ConveyThis Button -->

onto the menu line - but the div thats included makes the menu start on a new line

how can I add this code to a horizontal menu so it doesnt break ?


Thanks !

use an inline element, a (<span>) instead of the block element (<div>)

if you still need to use div only have look at this code

<!-- Begin ConveyThis Button -->
<script type="text/javascript">
    var conveythis_src = 'en';
</script>

<li style="float:left;"><a href="http://www.dsf" >Contact Us</a></li>
<li style="float:left;"><a href="http://www.dsf" >Forum</a></li>

<div style="float:left;" class="conveythis">
<a class="conveythis_no_drop" title="Translate"  href="http://freetranslation.translation-services-usa.com/">
<span  class="conveythis_button_7">translator</span>
</a>
</div>

<script type="text/javascript" src="http://no-stats3.conveythis.com/kern_e2/_v_2_3/javascript/e2_3.js"></script>
<!-- End ConveyThis Button -->