在同一行上有两个按钮

我想同时在“Skype”按钮和“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-->

来源

2011-07-18 grappler

你应该每个按钮float。

给他们一套width将它们分开。

将一些margin-top添加到第一个按钮以垂直排列它们。

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

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

注：这需要增加一个id Skype的a href。

顺便说一句：你需要清除floats下面的任何内容。

来源

2011-07-19 02:51:36

我喜欢你的答案，它有一个很好的最终效果。谢谢 – grappler

谢谢@grappler。如果这回答了这个问题，您可以点击它旁边的复选标记以让其他人知道它已被回答。 –

你必须放置它们相，并使用“浮动：左”，让他们旁边的海誓山盟。最好的办法就是把两个按钮中的“容器”，然后ASIGN两个按钮position:relative和float:left

在这里你去：http://jsfiddle.net/cLEFW/

我缠的youre Skype的脚本一个div，并添加position:relative和float:left。事实上，你甚至不需要使用position:relative，但是... ...我已经做到了xD

来源

2011-07-18 19:03:39 Milaan

谢谢你的回答，但我更喜欢杰森，因为他看起来不错。 – grappler

在同一行上有两个按钮

回答

相关问题