skype javascript plugin format

I’m trying to integrate skype button in the header file of wordpress (header.php) and its successfully been integrated into the file, but I’m facing difficulty with the format, as I was having mail-id, phone number and skype displaying in the same line, now its displaying one in each line.

Here is my code:

Read More
<script type="text/javascript" src="http://www.skypeassets.com/i/scom/js/skype-uri.js"></script>
<div id="SkypeButton_Call_mspchelp_1">
<script type="text/javascript">
Skype.ui({
  "name": "dropdown",
  "element": "SkypeButton_Call_mspchelp_1",
  "participants": ["mspchelp"],
  "imageSize": 24
});
</script>
</div>

and this link where I’m utilizing this code.

Related posts

Leave a Reply

1 comment

  1. add this on each element:

    display: inline-block;
    

    Here’s the output, i edited some css alignment.

    screenshot:

    enter image description here

    then rearrange your HTML order to:

    mail-id, phone number, skype

    your current html order is:

    mail-id,  skype, phone number