0

このサンプルフィドルをご覧ください

これは、ページの上部にある jquery 通知タブです。

あなたは言うべきいくつかのテキストに気付くでしょう...

「Grad Team Cloud のガイド付きツアーをご希望ですか? ここをクリックしてください!」とのことですが、「ここ」の部分が外れて右に浮いています。href でラップされます。

href にあるので、この CSS に従っています...

.sticky p, .floated p, .fixed p, .ondemand p{ float:left; padding:0px; margin:0px; margin-left:40px; line-height:45px; color:#fff; font-size:18px; width: 70%; }

.sticky a { float:right; margin:13px 10px 0px 0px; }

隅にある「X」(閉じるボタン) もこの CSS に合わせているため、調整すると問題が発生します。

href にインライン スタイルを適用しようとしましたstyle="float: left;"が、うまくいきませんでした。

アイデア？

4

1 に答える 1

1

閉じるボタンだけを右にフロートさせ、他のすべての a タグをインラインにする必要があるようです。その場合は、次のように変更できます。

.sticky a, .floated a, .fixed a, .ondemand a{ float:right; margin:13px 10px 0px 0px; color: #FFFFFF; }

これに：

.sticky a, .floated a, .fixed a, .ondemand a{margin:13px 10px 0px 0px; color: #FFFFFF; }
a.close {float:right;}
于 2013-09-24T19:54:13.387 に答える