表示アイコンと各

の間に同じ間隔で1行のテキストは、右上3つのアイコンとテキストで、hereをご覧ください、私はギャップB/W第一&第二のアイコンを非表示にする表示アイコンと各

を表示していますまた私はテキストを表示したい：indian rupees 3番目のアイコンの後に。

float: right; 
position: relative; 
top: 29px; 
z-index: 999;

私は解決策を見つけるのを手伝ってください。

ありがとうございます。

出典

2016-06-01 fresher

http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work-can-i-just-paste-a-link-to-it – Pete

質問を求めるコードヘルプには、質問自体に** **それを再現するために必要な最短のコードを含める必要があります**。あなたは[**サンプルまたはサイトへのリンク**]を提供していますが（http://meta.stackoverflow.com/questions/254428/something-in-my-web-site-or-project-doesnt-work-リンクが無効になる場合、あなたの質問は同じ問題を持つ他の将来のSOユーザには価値がないでしょう。 –

コードを実際に見ると、アイコンの位置合わせはちょっとしたものです。クリーナー簡単な解決策については、以下の擬似コードを使用して、あなたは、単にこの

<div id="topRightWrapper"> 
    <div class="miniIcons">search icon here</div> 
    <div class="miniIcons">cart button here</div> 
    <div class="miniIcons">person icon here</div> 
    <div class="miniIcons">Currency text here</div> 
</div>

ような何かをして、あなたは単に「topRightWrapper」を「右フロート」、および「miniIcons」左/右をフロート。

次に、これらのボタンでは得られるポップアップ機能を少し調整する必要があるかもしれませんが、あまり調整する必要はありません。

PS：あなたのコードをもっと見ると、ほとんど問題はありませんが、通貨text/divは、他のアイコンと同じ親ラッパーではありません。私が上記と同じ方法でそれらを配置する場合、それは動作します。あなたは技術的には絶対的な位置付けなどでそれをすることができますが、これは何かのための悪夢です。お役に立てれば。

出典

2016-06-01 11:12:56 somdow

答えて

関連する問題