0

フッター メニューですべてのバッジを並べて表示する方法を知りたいです。私はこれまでに 4 つのバッジを持っていますが、最大 6 つになる可能性があります。バッジは私の SSL、AVG、BBB などです。私は Joomla 3.1 を使用し、有料の最新のテンプレートを使用しています。すべてのコードを表示してバッジを追加できますが、それらは常に互いに重なって表示されます。私は一人の人に助けてもらいましたが、彼らはテーブルでそれを行い、うまくいくと言いましたが、それは正しい方法ではありませんでした. これに関しては、私が初めて色を学ぶ子供であることを覚えておいてください:)私が与えることができる助けをありがとう。

このページ ( http://www.jcluforever.com/J-ADORE-GOD-CHRISTIAN-T-SHIRT-p/ts-jdrgod-prp.htm ) の下部を見ると、支払い用のバッジが表示されます。 SSl、そして前もって。これは、私がフッターに私のものを入れたいだけで、私が何を持っているかについてのいくつかのアイデアを追加する5つのように私が並べたい方法ですhttps://www.paypal.com/webapps/mpp/paypal -popup','WIPaypal','ツールバー=いいえ, ロケーション=いいえ, ディレクトリ=いいえ, ステータス=いいえ, メニューバー=いいえ, スクロールバー=はい, サイズ変更可能=はい, 幅=1060, 高さ=700'); false を返す;">

次は

<div id="avgthreatlabs_safetybadge_small"><noscript><a href="http://www.avgthreatlabs.com?utm_source=H&utm_medium=NA&utm_campaign=SSBW" target="_blank">AVG Threatlabs</a></noscript></div><script language="javascript" src="https://api.avgthreatlabs.com/static/js/security_s.js"></script>

次は

<!--- DO NOT EDIT - GlobalSign SSL Site Seal Code - DO NOT EDIT ---><table width=130 border=0 cellspacing=0 cellpadding=0 title="CLICK TO VERIFY: This site uses a GlobalSign SSL Certificate to secure your personal information." ><tr><td><span id="ss_img_wrapper_110-55_flash_en"><a href="http://www.globalsign.com/" target=_blank title="SSL"><img alt="SSL" border=0 id="ss_img" src="//seal.globalsign.com/SiteSeal/images/gs_noscript_110-55_en.gif"></a></span><script type="text/javascript" src="//seal.globalsign.com/SiteSeal/gs_flash_110-55_en.js" ></script><br /><a href="http://www.globalsign.com/" target=_blank  style="color:#000000; text-decoration:none; font:bold 8px arial; margin:0px; padding:0px;">GlobalSign SSL Certificates</a></td></tr></table><!--- DO NOT EDIT - GlobalSign SSL Site Seal Code - DO NOT EDIT --->

欲しい、できる、または必要なすべてのバッジを配置するまで、などなど。あなたが必要とするテンプレートのどの部分がすべて短いのか、またはLESSと呼ばれるものが必要なのかわかりません

4

2 に答える 2

0

ベスト プラクティスは、これらのバッジを順序付けされていないリストにネストすることです。各バッジは、リスト アイテム内にあります。この例では、各バッジが単なる画像であるとしましょう。これを試して：

<ul class="my-list">
<li><img src="1.jpg"></li>
<li><img src="2.jpg"></li>
<li><img src="3.jpg"></li>
<li><img src="4.jpg"></li>
</ul>

次に、スタイルシートに次のように記述します。

.mylist {
   list-style:none;
} 

.mylist li {
    float:left;
}

これにより、すべての項目がページの左側にフロートし、リスト項目が互いの上ではなく、互いの横に「スタック」されます。

于 2013-08-20T00:40:07.793 に答える