私は現在自分のサイトのレイアウトを再設計していて、自分のページの一番下の「Tweet」ボタンの横にFacebookのようなボタンを配置しようとしています...しかし、 ...アライメントからそれらをノック各ボタンの上部と下部との間に5つのピクセルの差が、...私はパディングと0にdiv要素のマージンを設定しようとしたが、これはどちらかの仕事をしていないLike Button Alignment Woes
ページはここで見ることができます。各ボタンの上部が揃っていない理由についてhttp://www.jameshenry.info/test/video.php?video=14
任意のアイデア？
は、サイズがすべてのブラウザ間のパディングとマージンを持つに沿って変化しているようだ、次
<div class="bottombar">
<div style="float:left">
<iframe class="twitter-share-button ......
</div>
<div class="float:left">
<fb:like ........
</div>
<div style="clear:both;"></div>
</div>
は残念ながら行うことができるという多くはありません試してみてください。コンテナを特定のサイズに設定してオーバーフローさせて非表示にすることはできますが、ボタンの一部はあるブラウザでは切り捨てられますが、別のブラウザでは切り捨てられます。
あまり助け、私は知っているが、私はそれにあまりにも多くの時間を無駄にしないでしょう。
私が取ったアプローチの1つは、素敵な共有ボタンを作成し、その両方をホバー上のツールチップに表示させることです。少なくとも醜さは必要になるまで隠されています！
役立ちます:)
をこの
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>
Azari & III - James Henry
</title>
<link href="scripts/page.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div class = 'rightbar'>
<div class = 'videobox'>
<iframe src="http://player.vimeo.com/video/28767067?title=0&byline=0&portrait=0&color=ffffff&" width="640" height="360" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe><BR><div class='video-title'>Azari & III</div><div class='video-subtitle'>Manic (Directors Cut)</div><BR><div class='back'><a href="./">«back</a></div></div>
</div>
<div class ='bottombar'>
<div style="margin: 3px 3px 0px 3px; position: relative; float: left;"><a href="https://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a><script type="text/javascript" src="//platform.twitter.com/widgets.js"></script></div>
<div style="margin: 3px 3px 0px 3px; position: relative; float: left;"><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like show_faces="false" layout="box_count" width="75" padding="0" margin="0" font="lucida grande" !important ></fb:like></div>
<div>
</body>
</html>
タグを試してみてください希望 - これは、PHP、HTMLすべきですか？ – ChrisBD