2

理解するのに何日もかかった問題があります。

AddThis Web サイトから取得したソーシャル フォロー アイコンは、水平ではなく垂直に表示されます。横向きに見せたいのですが、そうすることが不可能であることがわかりました。

以下は、https://www.addthis.com/get/followから取得したコードです。

<!-- AddThis Follow BEGIN -->
<p>Follow Us</p>
<div class="addthis_toolbox addthis_default_style">
<a class="addthis_button_facebook_follow" addthis:userid="TheMostafaAbedi"></a>
<a class="addthis_button_twitter_follow" addthis:userid="theMostafaAbedi"></a>
<a class="addthis_button_google_follow" addthis:userid="106914586115617584077"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=xa-506a607f490b6601"></script>
<!-- AddThis Follow END -->

問題が発生する特定のページは、Mostafa Abedi の説明の下にあるhttp://www.under-review.com/aboutです。

4

2 に答える 2

1

コード行の間に改行があるため、アイコンが上下に表示されます。ほとんどの場合、WordPress エディターを使用してコードを挿入しているため、書式が変更されています。

ビジュアル エディターを使用している場合は、HTML エディターに切り替えて試してみてください。HTML エディターを使用している場合は、少なくともアイテム間のすべてのスペースを削除して、アイテムを 1 行に配置します。これにより、WordPress が新しい行を入力できなくなります。つまり:

<a class="addthis_button_facebook_follow" addthis:userid="TheMostafaAbedi"></a><a class="addthis_button_twitter_follow" addthis:userid="theMostafaAbedi"></a><a class="addthis_button_google_follow" addthis:userid="106914586115617584077"></a>
于 2012-10-02T07:57:56.743 に答える
0

私の経験から、すべての書式設定の問題の約 90% は適切なコードによって修正され、原則として W3C に従っています。現時点では失敗するため、それに対して検証することをお勧めします（HTMLとCSSの両方が失敗します）

http://validator.w3.org/check?verbose=1&uri=http%3A%2F%2Funder-review.com%2Fabout%2F

http://jigsaw.w3.org/css-validator/validator?profile=css21&warning=0&uri=http%3A%2F%2Funder-review.com%2Fabout%2F

于 2012-10-02T07:36:59.663 に答える