Social Share inline with Ask about product!

[kelecz]

Hello,

please help me about this. i want to put it in same line:

Code Select Expand


?>
<?php $modules =& JModuleHelper::getModules('social');
    foreach ($modules as $module) {
echo "<div>";
echo JModuleHelper::renderModule($module);
echo "</div>";
} ?>
<?php
// Ask a question about this product
if (VmConfig::get('ask_question', 0) == 1) {
    ?>
    <div class="ask-a-question">
        <a class="ask-a-question" href="<?php echo $this->askquestion_url ?>" rel="nofollow" style="display:inline"; ><?php echo JText::_('COM_VIRTUEMART_PRODUCT_ENQUIRY_LBL') ?></a>
        <!--<a class="ask-a-question modal" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo $this->askquestion_url ?>"><?php echo JText::_('COM_VIRTUEMART_PRODUCT_ENQUIRY_LBL') ?></a>-->
        </div>
<?php }
?>




Thx in advance!

[attachment cleanup by admin]

[GJC Web Design]

standard html techniques

surround both elements in a div  - give it a width that fits both

float one left and the other right

[kelecz]

standard html techniques

surround both elements in a div  - give it a width that fits both

float one left and the other right

Can you please show me how on that example. I really do not know.

Thank you.

[GJC Web Design]

come on - Google this and u will find it - this isn't really a html 101 forum!

Code Select Expand


<div class="holder">
  <div class="leftme">
    Share stuff
  </div>
  <div class="rightme">
    Ask stuff
  </div>

</div>


css

Code Select Expand


.holder{width:100%;}
.leftme{float:left;width:50%;}
.rightme{float:right;width:50%;}




[kelecz]

Thank you

[kelecz]

Default file:

Code Select Expand

?>
   <?php $modules =& JModuleHelper::getModules('social');
    foreach ($modules as $module) {
   echo "<div>";
   echo JModuleHelper::renderModule($module);
   echo "</div>";
} ?>   
   
   
   <?php
// Ask a question about this product
if (VmConfig::get('ask_question', 0) == 1) {
    ?>         
         <div class="ask-a-question">
              <a class="ask-a-question" href="<?php echo $this->askquestion_url ?>" rel="nofollow" style="display:inline"; ><?php echo JText::_('COM_VIRTUEMART_PRODUCT_ENQUIRY_LBL') ?></a>
              <!--<a class="ask-a-question modal" rel="{handler: 'iframe', size: {x: 700, y: 550}}" href="<?php echo $this->askquestion_url ?>"><?php echo JText::_('COM_VIRTUEMART_PRODUCT_ENQUIRY_LBL') ?></a>-->
              </div>
      <?php }
      ?>
   
   </div>
   </div>

CSS:

Code Select Expand

/*Social*/

.nsb_container {
  float: right;
margin-right: -30px !important;display:inline;
margin-top: 5px;clear:both;
  content:".";
  display:block;
  height:0;
  line-height:0;
}

I did it this way and works. Hope somebody can use it.





[attachment cleanup by admin]