09/12/06 02:18:57
>>440
.pen { position: relative; display: inline-block; }
.black { position: absolute; top: 1em; left: 0; }
<p>This is a <span class="pen">[pen].
<span class="black">↑black</span></span></p>
442:441
09/12/06 02:37:42
って5日も前のレスだったか…もう解決してるかな
443:Name_Not_Found
09/12/08 11:25:26 spDDXc55
>>441
ありがとうございます。
とても助かりました。^^
444:Name_Not_Found
09/12/10 19:10:32
もうすぐ三周年 トゥギャザー
445:Name_Not_Found
09/12/26 01:26:25
jsだとオライリーのサイ本がバイブルっぽいですが、CSSでそういった書籍ってありますか？
もちろん一冊で完結する訳はないんですが、皆さんどんな本で勉強されたのかなと。
446:Name_Not_Found
10/01/11 02:32:45 QmXP9yD9
CSSで、この画像のような構造のサイトを作りたいと考えています。
URLﾘﾝｸ(imagepot.net)
今このようなCSSを組んでいるのですが、実際には以下の画像のような表示になってしまいます。
URLﾘﾝｸ(imagepot.net)
div#content {
position: relative;
width: 900px;
margin-left : auto;
margin-right : auto;
top: 40px;
text-align: left;
bottom: 40px
min-height: 90%;
height: auto !important;
height: 90%;
}
div.nakami {
background:#fff1c3;
border:solid 10px #c96c29;
overflow:scroll; padding:30px;
position: absolute;
bottom: 71px;
left: 0px;
top: 72px;
right: 0px;
z-index: 11;
}
<続きます>
447:446
10/01/11 02:34:08 QmXP9yD9
<続きです>
div.copyright {
display: block;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
background-image: url(images/copyright_2010.png);
background-repeat: no-repeat;
background-position: right bottom;
}
検索しているのですが、どうしてもわかりません。
どなたか、何が悪いか、御指南ください。お願いします。
それから、position="relative"にしておくと、margin-bottomは適用されないのでしょうか？
448:Name_Not_Found
10/01/11 02:46:17
>>447
cssに
html,body { height: 100%; }
を書いてなさそう？
449:446
10/01/11 05:20:52
>>448
レスありがとうございます！
今急いで追加してみたんですが、変化なしでした。
どこか他におかしい所はないでしょうか？
450:446
10/01/11 05:32:46
HTMLの方はこうなっています。
<div id="content">
<div id="menucontainer">
メニュー
</div>
<div class="nakami">
テストテスト
</div>
<div class="copyright">
</div>
</div>
451:Name_Not_Found
10/01/11 11:41:54
>>450
>>446-448と>>450コピペしてやってみたけど、div.copyrightを下に固定？することは出来たよ
452:446
10/01/12 00:30:03
できました！
ありがとうございました。
453:Name_Not_Found
10/01/12 12:50:53
ここはネタスレであって質問スレは別にあるだろボケ
454:Name_Not_Found
10/01/16 12:03:39
定期的に書いておかないと駄目か
ここは質問スレじゃないぞ
455:Name_Not_Found
10/03/19 15:28:56 uF0/sJns
Adobe Spryのアコーディオンで、
クリックするとSarariで青い枠線が出ます。
Abobeのサイトのサンプルでも出るもの、出ないものがあります。
この違いは何なのでしょうか？
また消すためには、どう指定すれば良いのでしょうか。
お教えください。
URLﾘﾝｸ(labs.adobe.com)
456:Name_Not_Found
10/03/30 12:19:19
a:link { color: white; }
a:visited { color: white; }
a:hover { color: red; }
いくら指定してもブルーのまま。
試しに<head>内をいろい消しても変わらず・・・
ドキュメント宣言とか文字コードとかも関係アルのかな？？
457:Name_Not_Found
10/03/30 12:20:21
検証もしてないし根拠もないがoutlineとかは？
458:Name_Not_Found
10/03/30 13:12:11
>>457
outlineはどこも設定してません・・
全てを消して
a:link { color: red; }
未訪問リンク
a:visited { color: red; }
訪問済みリンク
a:hover { color: blue; }
マウスカーソルを乗せたリンク
書いてみたけどマウス載せても色が変わらない・・
459:Name_Not_Found
10/03/30 14:15:46
a:hover { color: red; }
<body link="white" vlink="white" alink="white" >
<a href=" ">リンク</a>
結局これで解決・・・なんでできないんだろう。。
460:Name_Not_Found
10/03/30 14:54:55
>>457は>>455へのレスなんだけど、
クリックしたとき出る枠線ってのはoutline:noneで消せたはず、と思って。
>>456は>>455ではないよな？
CSSだけだされても誰もわからんと思うよ。
461:Name_Not_Found
10/04/02 09:06:49
だからここはネタスレだと何度