<a>ヘッダー：一部のみ動作しますか？

My siteはWordPressとThematicテーマフレームワークで開発されており、ヘッダーの内側に問題があります。見出しの上に私の名前を置いたら、それはすべてホームページへのリンクになるはずです。<a>ヘッダー：一部のみ動作しますか？

しかし、そうではありません。「ジョナサン」のAとNの間では、ランダムに動作が停止します。私がこれを解決できる方法はありますか？ありがとう！

出典

2011-08-09 Jonathan Thornton

問題はありません。 – Phil

それを維持し、私は私が何かを忘れていない願っています。

.menu-home-container { 
    font-family: Arial,Helvetica,sans-serif; 
    font-size: 0.8em; 
    font-weight: bold; 
    text-align: right; 
    text-shadow: 0 -1px 0 black; 
    } 
#navigation { 
    float: right; 
} 
.menu { 
    line-height: 44px; 
    margin: 0; 
    }

出典

2011-08-09 20:22:15

うーん...これは解決策の候補者のようです。私はそれを動作させるためにいくつかのスタイルをやり直します。 –

それは働いた！本当にありがとう！ –

あなたは大歓迎です！ –

あなたのメニューリンクが広すぎます - あなたのロゴが入っているボックスがあなたのロゴに重なっています。

これは幅が狭いので、あなたは良いと思うはずです。そのCSSファイル内

... WP-コンテンツ/テーマ/テーマ別/ライブラリ/レイアウト/ 2C-R-fixed.css

、.menuは940pxの幅を持っています

詳細;

編集：それは幅だ低下とともに

は、増加.menu-home-containerのmargin-left（現在約30 - 私は忘れて？）へ〜200px

出典

2011-08-09 20:13:11 Dave

リンクが2行になる準備が整うまで、私はそれを下げようとしました。それはうまくいかなかった。ありがとう、結構です！ –

私の答えを更新してテストしました。そのマージンを増やすと左に移動し、ロゴが重ならないようにします。明らかに余裕を増やすのではなく、右か何かを浮かせるためにそれをさらに編集することができます - しかし、これは当面の簡単な修正です。 – Dave

ああ... Thematic親テーマには組み込みの '.menu'スタイルがありますか？私は子供のテーマの中でそれを修正できるかどうかがわかります。 –

問題はあなたのul.menuです。

名前が重複しています。精密検査で

EDIT

、それはあなたをトリップされ、あなたの#blog-titleでfloat:left;です。それをdisplay:inline-block;に変更してください。

#blog-title { 
    display: inline-block; 
}

これは私がコードの一部を削除し、以下の変更を、してみてくださいドキュメントフローに

出典

2011-08-09 20:16:08

ちょうど今試してみました...名前から少し下の行にメニューを送ります。ありがとう、結構です！ –

私の編集@Jonathanをチェックしてください。 –

ありがとう！出来た！ちょっと余裕を持って（マイナスの「margin-top」）、私はヘッダーに戻ってきた。私のために十分に機能します！ –

<a>ヘッダー：一部のみ動作しますか？

答えて

関連する問題