Иметь две кнопки на одной линии - PullRequest
Новая
       18

Иметь две кнопки на одной линии

0 голосов
/ 18 июля 2011

Я бы хотел, чтобы обе кнопки «напишите мне» на той же строке, что и кнопка «Skype».Я новичок в HTML, поэтому будьте осторожны со мной.

Код 

<!-- emailme Button BEGIN -->
<div id="emailme_div1"></div>
<script>var emailme_id=4714;</script>
<script type="text/javascript" src="http://static.emailmebutton.com/emailme.js"></script>
<!-- emailme Button END -->
<!--Skype 'Skype Me™!' button Begin-->
<a href="skype:grapplerulrich?call"><img src="http://mystatus.skype.com/bigclassic/grapplerulrich" style="border: none;" width="182" height="44" alt="My status" /></a>
<!--Skype 'Skype Me™!' button End-->

Ответы [ 2 ]

2 голосов
/ 18 июля 2011

Вы должны расположить их относительно и использовать «float: left», чтобы получить их рядом друг с другом. Лучший способ - поместить обе кнопки в «контейнер», а затем назначить обе кнопки position:relative и float:left

.

Вот, пожалуйста: http://jsfiddle.net/cLEFW/

Я обернул div вокруг вашего сценария Skype и добавил position:relative и float:left. На самом деле, вам даже не нужно использовать position:relative, но хорошо ... Я все равно это сделал xD

0 голосов
/ 19 июля 2011

Вы должны float каждая кнопка.

Дайте им набор width, чтобы правильно расставить их.

Добавьте несколько margin-top к первой кнопке, чтобы выровнять их по вертикали. 

#emailme_div1{float:left; width:150px; margin-top:9px;}
#skype{float:left;width:150px;}

http://jsfiddle.net/jasongennaro/mn8EZ/

Примечание: для этого необходимо добавить id к скайпу a href.

Кстати: вам нужно очистить floats для любого содержимого ниже.

...