Liksが左に浮かんでいるときのリンクを通過するボーダー -- html フィールド と css フィールド 関連 問題

Border crossing through links when the liks are floated to the left [closed]












-1
vote

問題

日本語

この質問を改善したいですか? ON-TOPIC スタックオーバーフローでは、質問を更新します。

閉じられた 5年前

この質問を改善します

SO、私はウェブサイトをコーディングしています、そして私はリンクを持つツールバーを持っていて、彼は左に浮かぶテキストを持っていて、コンテナ(クラス名のツールバーコンテナ)には下の境界がありますが、境界はテキストを通過しています。私はすべてを同じように見えたいですが、私は下の国境を望みます。すべてのコードを含むリポジトリは、 https://github.com/digitalblast/digital-blast/ < / a>

英語

So, I am coding website and I have a toolbar with links and some text floating to he left and the container (the class names toolbar-container) has a border on the bottom but the border is crossing through the text. I want everything to look the same, but I want the border below. The repository containing all the code is at: https://github.com/DigitalBlast/Digital-Blast/

</div
     
     
     

回答リスト

-2
 
vote
vote
ベストアンサー
 

HTML:

<事前> <コード> <div class="toolbar-container"> <div class="toolbar-container-logo"> Digital<span class="toolbar-container-logo-sub">Blast</span> </div> <div class="toolbar-container-home" onclick="window.location.href='home/index.html'"> <h4>Home</h4> </div> <div class="toolbar-container-software" onclick="window.location.href='software/index.html'"> <h4>Software</h4> </div> <div class="clear-left"></div> </div>

CSS:

<事前> <コード> .clear-left { clear: left; }
 

HTML:

<div class="toolbar-container">   <div class="toolbar-container-logo">     Digital<span class="toolbar-container-logo-sub">Blast</span>   </div>   <div class="toolbar-container-home" onclick="window.location.href='home/index.html'">     <h4>Home</h4>   </div>   <div class="toolbar-container-software" onclick="window.location.href='software/index.html'">     <h4>Software</h4>   </div>   <div class="clear-left"></div> </div> 

CSS:

.clear-left {   clear: left; } 
</div
 
 
   
   

関連する質問

0  背景イメージFirefox3のぼかし  ( Background image blurs in firefox3 ) 
Backgroundプロパティを使用してHTMLページで画像を使用すると、IEではLOKS FYNSがFirefoxでぼやけます。ワットは可能な解決策かもしれません。 ありがとう、 ...

142  定義されたフォントのどれがWebページで使用されていたかを検出する方法  ( How to detect which one of the defined font was used in a web page ) 
私のページに次のCSSルールがあるとします。 <コード> body { font-family: Calibri, Trebuchet MS, Helvetica, sans-serif; } ユーザーのブラウザで定義されたフォントの1つを使用...

0  リスト項目でディスクを取り除く  ( Getting rid of disc in list item ) 
jQueryを使用してサイトを開発し、jQuery UIタブを作成しています。何らかの理由で、私のタブ(順序付けられていないリスト)は、OS XのFirefox 3を除くすべてのブラウザ(これまでにテスト済み)に弾丸を表示しています.Safari OS X、...

8  GeckoベースのブラウザのCSSテーブルセルの境界線を消す  ( Disappearing css table cell borders in gecko based browsers ) 
私はヤモリのバグを明らかにするように思われる非常に具体的なHTMLテーブルの構築物を持っています。 これは問題の蒸留版です。 Geckoベースのブラウザ(たとえば、FFなど)の次の表を守ってください。(これをコピーして新しいファイルに貼り付ける必要があります)...

303  Internet Explorer 7の絶対に配置された親のパーセント幅の子要素の幅が崩壊したのはなぜですか。  ( Why did the width collapse in the percentage width child element in an absolutel ) 
私は、いくつかの子供を含む絶対に配置された div があり、そのうちの1つは比較的配置された div です。子<コード> Form1 で Form0 を使用すると、IE7の Form2 に折りたたみますが、FirefoxまたはSafariではなく。 For...

0  LazyWeb:要素の訪問されたクラスに基づいてLI要素を削除するJavaScriptが必要  ( Lazyweb need javascript that removes li elements based on visited class of a el ) 
すでにクリックしたように、必要なデータがたくさんあるこのページを持っていますが、頻繁に青色を探す必要があるので、頻繁に繰り返されます。私はこれがより効率的かもしれないことに気づいて、それが含まれているリンクが訪問されたかどうかに基づいて要素を隠されたように設定...

1  Easy CSSカスタマイズのためのHTMLを設計するためのガイドライン  ( Guidelines for designing html for easy css customization ) 
SaaSプロジェクトをしています、そして、私たちは「彼の」WebサイトのためにCSSページをアップロードできるようにします。 (実際には、すべての顧客のサイトは仮想ホスティングを使用して私たちがホストされています)。 CSSを適用できるように、ページのHT...

76  ハイフンのような特殊文字の後に単語を破る方法( - )  ( How to break word after special character like hyphens ) 
比較的単純なCSS: <コード> div { width: 150px; } <コード> <div> 12333-2333-233-23339392-332332323 </div> 文字列が width に制約される...

5  CSSのテーブルを垂直方向に揃える方法  ( How to vertically align a table in css ) 
画面の途中でテーブルをCSS?に垂直に揃える方法 ...

4  連続文字列はTDで包まれていない  ( Continuous string not getting wrapped in td ) 
固定幅TDに長い連続文字列を置くと、ラップされていません。文字列は私のテーブルの幅を増加させます。誰でも私を助けてください。 例えば: これは私のテキストです - TD幅のようにうまく機能します。 しかし、挿入した場合は ThisISistyText ---...




© 2022 cndgn.com All Rights Reserved. Q&Aハウス 全著作権所有