CSS【超】初心者

このエントリーをはてなブックマークに追加
1Name_Not_Found
マニアに立てろといわれましたので立てました。
初です。
21どす。:2007/02/14(水) 18:09:50 ID:TXba93cs
GoLiveCS2で作成しています。
よく、ブログなどである 画像にマウスを当てると画像の周りに枠で
色がつくようにしたいのですが、

a:hover { color: blue; border-top: 1pt solid orange; border-right-style: none; border-bottom-style: none; border-left-style: none; outline-style: none; }

hover を使うのかなと思い、GoLiveでやってみたところ
Border-TOPだけ 反映してくれません。1ptを20にしてみたりしましたがTOPだけ表示しません。
バグですか?
それとも、hoverを使うのではない?

よろしくお願いします。m(_^_)m
3Name_Not_Found:2007/02/14(水) 18:17:52 ID:???
>>1
削除依頼出して来い

/* CSS・スタイルシート質問スレッド【63nd】 */
http://pc10.2ch.net/test/read.cgi/hp/1169637015/
4Name_Not_Found:2007/02/14(水) 19:58:44 ID:???
>>1
CSS関連の既存のスレが複数あるのに糞スレ立てんな。
5Name_Not_Found:2007/02/15(木) 00:08:03 ID:0S6Pyo/H
>>2

a:hover {
color: blue;
outline-style: none;
border: 1pt solid orange;
}

これでどう?
6Name_Not_Found:2007/02/15(木) 01:03:19 ID:???
単発質問スレを建てる馬鹿。
答える馬鹿。
7Name_Not_Found:2007/02/15(木) 01:47:10 ID:iLJpGbAB
ここは初心者用のCSSスレとして使用します。
8Name_Not_Found:2007/02/15(木) 09:30:56 ID:???
466 名前:Name_Not_Found 投稿日:2007/02/14(水) 14:42 ID:???
>>463
その初心者的な質問はこのスレでは教えてもらえない。
この板に”何でも答えるCSS初心者質問スレ”をおまえが建ててそこで質問しろ。
そうしたら教えに行ってやるぞ。ここはW3C信者が五月蝿くてしかたない
9Name_Not_Found:2007/02/15(木) 09:52:57 ID:???
>>7
勝手に決めんな。重複ということで終了します。
10Name_Not_Found:2007/02/15(木) 10:04:57 ID:???
初心者スレは板全体の質を著しく低下させるからこれ以上要らない。
書籍やまとめサイトで簡単に調べられる事を質問する奴は才能ないから諦めろ。
11Name_Not_Found:2007/02/15(木) 20:27:58 ID:1UpyygyG
CSSってなに?
12Name_Not_Found:2007/02/15(木) 23:12:57 ID:???
SSはスタイルシートのことだと思うけど…
Cって何だ?
13Name_Not_Found:2007/02/15(木) 23:14:31 ID:???
初心者スレは板全体の質を著しく低下させるからこれ以上要らない。
書籍やまとめサイトで簡単に調べられる事を質問する奴は才能ないから諦めろ。
14Name_Not_Found:2007/02/16(金) 00:05:28 ID:???
俺は本スレの住人だけど
このスレのおかげで本スレでのくだらない質問が減るだろうから
このスレは存在価値はあると思うぞ
15Name_Not_Found:2007/02/16(金) 00:09:12 ID:???
>>11
CSSってなに?でググれ
16Name_Not_Found:2007/02/16(金) 00:24:49 ID:???
キミも知らないんだね…
17Name_Not_Found:2007/02/16(金) 02:07:25 ID:qTu1LI0m
>>12
Cascading Style Sheet
18Name_Not_Found:2007/02/16(金) 06:57:02 ID:???
>>17は実は高度な立て読み。
ID:qTu1LI0mが人類の未来の為に、重要なメッセージを命がけで記した物。
しかし愚かな人類はそうと気づかず、破滅の一途を辿るのだった・・・
191どす。:2007/02/16(金) 10:21:40 ID:c9sc56TP
ぷりぷり怒りながら立てたので うまいスレ題考え付かなかった。

5さん

>a:hover { color: blue; outline-style: none; border: 1pt solid orange; }
GoLive にそのままコピペしましたが、
TOPの部分が反映されず・・・。
 
|link|
 ̄ ̄ ̄ ̄

こんなかんじです。linkをぐるりと囲みたいのですが、
そーゆーもんなんでしょうか?
20Name_Not_Found:2007/02/16(金) 11:04:52 ID:L9y015iQ
a img{
}
でボーダーの色、線種、太さを指定。
その後で
a:hover img{
}
でボーダーの色を変更。

これだけが正解じゃないけど。
21Name_Not_Found:2007/02/20(火) 20:03:45 ID:jthJMTIX
んで、CSSってなんだよ。
22Name_Not_Found:2007/02/21(水) 00:52:30 ID:???
>>21
>>17をエキサイトで翻訳するんだ!
23Name_Not_Found:2007/02/21(水) 03:05:56 ID:???
おまえらもっと質問しろ
24Name_Not_Found:2007/02/21(水) 07:50:55 ID:???
んじゃ質問。
検証すべきブラウザを全て教えて下さい。
もちろん【超】初心者スレですからURL付きで。
25Name_Not_Found:2007/02/21(水) 08:38:53 ID:???
>もちろん【超】初心者スレですからURL付きで。

おまえ馬鹿だろ?
261どす。:2007/02/21(水) 10:04:43 ID:8euOY+ew
できません。
多分基本的なことがわかってないからできないんだと気が付いた・・・。
27Name_Not_Found:2007/02/21(水) 10:14:27 ID:???
あっそ。

 では終了
28Name_Not_Found:2007/02/21(水) 10:58:40 ID:???
>>25
分からないんですね( ´,_ゝ`)プッ
29Name_Not_Found:2007/02/21(水) 12:05:16 ID:???
>>24はブラウザの意味すら理解していないだろ
30Name_Not_Found:2007/02/21(水) 13:18:53 ID:???
オレの彼女は寝るときに「ブラウザ」と言って外してる。
31Name_Not_Found:2007/02/21(水) 16:40:06 ID:???
本スレのやつらが煽りに来ているようだが
頭悪そうな奴ばっかりだなwww
32Name_Not_Found:2007/02/21(水) 17:04:56 ID:???
池沼の吹き溜まり乙。
33Name_Not_Found:2007/02/21(水) 17:26:04 ID:???
↑早々釣れた本スレ住人( ´,_ゝ`)プッ
34Name_Not_Found:2007/02/22(木) 03:20:48 ID:???
あのう、文字修飾で一時的に太字にするとかもいちいち
cssで書いた方がいいんですか?

<BR>はダメって聞いたんですけど<P>で代用ですか?

h1は一つのページに一回きりって聞いたんですけど、
.aaa h1 とかなら併用可ですか?
35Name_Not_Found:2007/02/22(木) 05:38:17 ID:???
cssの前にhtmlを勉強しましょう
36Name_Not_Found:2007/03/12(月) 17:46:25 ID:4GgycdLp
UTF-8を使用する前提で
IE Opera FireFoxで英字のフォント・大きさを揃えるのには
どういう記述がいいのでしょう。

今のところ全部Arialにして逃げているのですが…
37Name_Not_Found:2007/03/12(月) 18:52:29 ID:k14yyZDO
初心者ですいません。
メニューをテキストで並べてboxの中心(縦方向)に持っていくのはどうするんでしょう?
横方向はtextalignがあるんだけど、CSSのvalignって無いよね?

boxのheighを2emにしてpaddingを上下に0.5emでいけるかな?と思ったんだけどNGでした。

今は目分量でtopとbottomに数値を入れてそれっぽくしています。
38Name_Not_Found:2007/03/15(木) 21:29:48 ID:mPacRrUT
contentsのなかにrightとleftのボックスをフロートで配置したんだけど
contentsのボックスが伸びないんですが・・・leftやrightがcontentsボックスを
ぶち破ってしまうのですが、どうすれば下に伸びるでしょうか?
39Name_Not_Found:2007/03/15(木) 21:33:55 ID:???
>>1
go live なんか使ってる奴に、ロクなのいないな。
すごいスレ立てるわ。
40Name_Not_Found:2007/03/16(金) 03:00:54 ID:+Jxqfsfv
>>38
overflow を auto に

>>39
まったくだよね。ただ、一ヶ月も前の話だけどね。
41UnnamedPlayer:2007/03/16(金) 16:44:46 ID:???
>>11
Counter Strike Source
42Name_Not_Found:2007/03/16(金) 17:13:58 ID:f+1lQuL2
CSSで表のライン?に色をつけたいのですがどうすればいいんでしょうか?
横4マス縦4マスの表を作ったのでこれのラインに色をつけたいのですが・・・
43Name_Not_Found:2007/03/16(金) 18:43:22 ID:UITHywT0
スタイルシートちんぷんかんぷんだ…
ブログってホムペ作るよりややこしくない?
ビルダーとかでやるもんなのかな。
44Name_Not_Found:2007/03/16(金) 19:49:48 ID:???
>>42
自己解決しました。


スタイルシートのtableタグで

border-collapse: collapse;

隣の枠線と重ねて表示するということを指定しないといけないみたいです。
dreamweaverではサポートしてないみたいなので直接CSSをいじらないと駄目みたいです。

その後テーブルのセルにクラスでボーダー設定したものを適用すればできました。
45Name_Not_Found:2007/03/18(日) 01:05:14 ID:nw/H1eRV
リンクの下線と文字の間をもうちょっと空けたいのですが、どうしたらいいですか?
46Name_Not_Found:2007/03/18(日) 01:17:27 ID:???
>>45
underlineやめて、borderで指定する。
47Name_Not_Found:2007/03/19(月) 08:17:47 ID:???
>>45
a {
text-decoration: none;
border-bottom: 1px solid; // colorはリンクの文字色を継承
padding-bottom: 5px; // 好きなように
}
48Name_Not_Found:2007/03/19(月) 08:19:52 ID:???
>>37
メニューのHTMLによるので一概には言えない。
そういう複雑なのはHTMLも書くとレスがつくかも。
49Name_Not_Found:2007/03/19(月) 09:23:52 ID:???
Boxto同じ高さ指定でline-heightかな
50Name_Not_Found:2007/03/19(月) 21:54:05 ID:quSghVOu
CSSでクラスの名前はあとで変更できるんだけどIDの名前が変更できないんだけどこれって変更できないの?
51Name_Not_Found:2007/03/19(月) 22:04:55 ID:???
できないわけがない。
52Name_Not_Found:2007/03/19(月) 22:48:35 ID:quSghVOu
でもDWのCSSスタイルのところで右クリックしても名前変更が選択できないんだが・・・
クラスはできるのに・・・・直接ソースいじればできるけど・・・なぜ右クリックでできない・・・
53Name_Not_Found:2007/03/19(月) 23:07:36 ID:???
DWスレ池
54Name_Not_Found:2007/03/19(月) 23:16:07 ID:???
>直接ソースいじればできるけど
ならそうしろや
55Name_Not_Found:2007/03/20(火) 13:09:01 ID:2QGnHXm3
大まかなボックス(head,contents,foot,left.right)以外に中に文字書くボックス
画像いれるボックスとかつくるとそれごとにクラス設定しなくちゃいけないからシートがすごい
量になるんだけど・・・こういうもんなの?

全てCSSでやるもんじゃないのかな・・・?
56Name_Not_Found:2007/03/20(火) 14:07:01 ID:???
そういうもん。
本来、Webってのは凝ったデザインを再現するためのものじゃないから仕方がない。
CSS段組レイアウトは廃止しろ、なんて人もいるぐらいだ。
57Name_Not_Found:2007/03/20(火) 15:16:27 ID:???
>>55
それごとに作るってのがおかしい。
まとまりのないレイアウトなんだろう。
凝ったデザイン?余程のセンスが無い限りデザインにもなってないのが現実。
58Name_Not_Found:2007/03/20(火) 20:12:52 ID:2QGnHXm3
clearfixというのでフロートぶち抜きのまま表示されないようにしてるんだけど。
IEで見た時はちゃんと親DIVの中に入って表示されてるから問題ないんだけど。
DWで制作してるときはclearfix適用しててもぶち抜けたままなんだね。
みんなこんな見にくい状態で制作してるんですか?
59Name_Not_Found:2007/03/20(火) 20:28:54 ID:P8e57elC
60Name_Not_Found:2007/03/20(火) 21:11:17 ID:???
>>55
そんなに別々のデザインにすることが
そもそも統一感を無くして悲惨にする原因だと思うが。
61Name_Not_Found:2007/03/21(水) 01:38:18 ID:???
最近はCSSで動的なページ作る馬鹿も
いるみたいだけど馬鹿はおとなしく
スクロールバーの色だけ変えてろ
62Name_Not_Found:2007/03/21(水) 02:00:19 ID:???
旦那、釣り堀じゃありませんぜ。
63Name_Not_Found:2007/03/22(木) 05:50:45 ID:???
alink="#ffffff"
vlink="#ff0000"

こんなもんでいかがですか?
64Name_Not_Found:2007/03/23(金) 21:04:40 ID:i1z8d4tc
画像にホットスポット設定したら設定した画像の下に少し空白が表示されるようになったんですけど、これは
どうしたらけせるのでしょうか?

空白ができて画像の隙間から白がみえる・・・orz
65Name_Not_Found:2007/03/23(金) 21:15:37 ID:???
>>64
CSSと何の関係が?
66Name_Not_Found:2007/03/23(金) 21:38:05 ID:i1z8d4tc
CSSのせいじゃないのか・・・ソースみてもおかしいところないのに・・・
67Name_Not_Found:2007/03/23(金) 21:46:46 ID:???
>>66
ホットスポット指定したら、と言ったのはお前だ。
そんなもんにcssは関係ない。
68Name_Not_Found:2007/03/24(土) 00:25:27 ID:???
>>66
ソースがおかしくなければそうはならない
69Name_Not_Found:2007/03/24(土) 23:04:49 ID:xBNIy+9v
他ページの文章の文字装飾を
全て外して別のページで表示させるにはどうしたらよいでしょうか?
70Name_Not_Found:2007/03/24(土) 23:08:15 ID:???
>>69
表示したいページにリンクすりゃよかろう。
7169:2007/03/24(土) 23:13:32 ID:xBNIy+9v
質問の仕方が悪かったですすいません
cssの設定を全て解除して
リンクするということは出来るのでしょうか?
72Name_Not_Found:2007/03/24(土) 23:22:19 ID:???
>>71
つまりhtmlに直接書いてるのか?
外部cssにしたまえ。
7369:2007/03/24(土) 23:27:16 ID:xBNIy+9v
aaa.html
bbb.html

style.css

--------------

これでaaa.htmlのcssはstyle.cssに記述してあるのですが
bbb.htmlにaaa.htmlの内容をcssなしで表示させるか
bbb.htmlからaaa.htmlにcssを適用しないようにリンクさせるということですか?
74Name_Not_Found:2007/03/24(土) 23:33:07 ID:???
>>73
適用したくないページにはリンクしなきゃいいじゃん。
頭大丈夫か?
75Name_Not_Found:2007/03/25(日) 01:36:32 ID:???
>>69
CSSファイルはひとつでなくてもいいんだぞ
他で使ってるCSSファイルを適用したくないのならもうひとつ作ってそっちにリンク

って回答なら満足してもらえるのかな?俺も言ってるkとがよくわからん・・・
76Name_Not_Found:2007/03/28(水) 00:13:43 ID:???
テスト
77Name_Not_Found
>>76
なんの?