12/07/28 07:58:11.59
《過去スレ》
CSS初心者スレッド＝10th＝
ｽﾚﾘﾝｸ(hp板)
CSS初心者スレッド＝9th＝
ｽﾚﾘﾝｸ(hp板)
CSS初心者スレッド＝8th＝
ｽﾚﾘﾝｸ(hp板)
CSS初心者スレッド＝7th＝
ｽﾚﾘﾝｸ(hp板)
CSS初心者スレッド＝6th＝
ｽﾚﾘﾝｸ(hp板)
CSS初心者スレッド＝5th＝
ｽﾚﾘﾝｸ(hp板)
CSS初心者スレッド＝４ｔｈ＝
ｽﾚﾘﾝｸ(hp板)
CSS初心者スレッド＝3rd＝
ｽﾚﾘﾝｸ(hp板)
CSS初心者スレッド＝2nd＝
ｽﾚﾘﾝｸ(hp板)
CSS初心者スレッド＝1st＝
ｽﾚﾘﾝｸ(hp板)
≪各種仕様≫
URLﾘﾝｸ(hp.vector.co.jp)
URLﾘﾝｸ(www.y-adagio.com)
URLﾘﾝｸ(www.d-toybox.com)
URLﾘﾝｸ(www.w3.org)
3:Name_Not_Found
12/07/28 14:51:25.41
＿＿＿
(＼ ∞ ﾉ
ヽ)＿ﾉ
└∩──∩┘
ヽ(`･ω･´)ﾉ < １乙 貴男にこれをあげよう・・・
4:Name_Not_Found
12/07/31 20:15:00.76
CSSは時期尚早
5:Name_Not_Found
12/08/03 20:52:13.69
/^^ヽ
（｡・-・） ﾔｯﾎ
ﾟし-J
（｡・-・）.｡ｏＯ( お～い )
ﾟし-J
6:Name_Not_Found
12/08/04 08:57:22.48 A9QYtn1I
このスレの過疎ぶりを見ると抗いようのないCSS廃止への流れが実感できるね
7:Name_Not_Found
12/08/04 13:11:35.57
ネタにしては面白くもなんともないが
8:Name_Not_Found
12/08/07 00:57:56.85
html {
height:100%;
}
body {
height:100%;
}
footer {
height:100%;
background: #000;
}
<!DOCTYPE html>
<html>
<head>
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<title></title>
<link href="css.css" rel="stylesheet" type="text/css">
</head>
<body>
<header></header>
<article>
<p>aaaaa<br>aaaaa<br>aaaaa</p>
</article>
<footer></footer>
</body>
</html>
footerの部分が猛烈に縦長になってスクロールバーが出てしまいます。
画面にきっちり収まるようにするにはどうすればよいのでしょうか？
9:Name_Not_Found
12/08/07 09:04:59.66 ti3A3O8/
30分やって1キルしか取れないnoodですがよろしくお願いします
10:Name_Not_Found
12/08/08 00:07:25.14
最近はheaderとかfooterとかarticleとかいうタグがあるのあか？
11:Name_Not_Found
12/08/09 06:21:30.20
>>10
HTMLにはバージョンがあって、その3つは最新版のHTML5で導入された
12:Name_Not_Found
12/08/09 21:49:08.75
>>8
footer{
height:100%; ←これいらん
}
13:Name_Not_Found
12/08/11 17:37:16.92
>>12
いや付ける癖を付けといた方がいいよ
14:Name_Not_Found
12/08/12 17:12:37.94
>>13
つけない方がいい
15:Name_Not_Found
12/08/13 13:21:12.33
background-repeat: repeat-y;
で背景繰り返し表示させる時に、
height: auto;
だと表示されないのは、そういう仕様でしょうか？
height: 300px;
とか、具体的に数字を指定すると繰り返しで表示されるのですが。
16:Name_Not_Found
12/08/13 13:24:18.39
どうせheightの中身がないとかそういうオチだろ
autoの意味を調べてくれば仕様だとわかるよ
17:Name_Not_Found
12/08/16 15:18:52.91
しっつもーん
文字の上に透過画像をdivで置いても下のリンクとか押せるようにできないですかね？
透過画像は全画面を覆ってます。
18:質問
12/08/16 22:40:58.29 vWXTqk1D
①common.css
②general.css
③system.css
それぞれの違いを教えてください
19:質問
12/08/16 22:41:41.95 vWXTqk1D
<!--mainArea START-->
と
<!--mainArea END-->
に
挟まれている内容をcssで編集するとき
<style type="text/css">
と
</style>
の間にどのように記述したらいいでしょうか・・・？
20:Name_Not_Found
12/08/17 00:51:21.81
ゾンビエスケープの動画みて
CSS買ってみるか悩んでるんだけど
まだ人いる？
21:Name_Not_Found
12/08/17 04:16:41.92
買ってこい !
22:Name_Not_Found
12/08/17 08:25:35.10
>>18
ファイル名が違う
>>19
CSSは内容を編集する仕組みではないし、
そのような要素選択はできない
23:Name_Not_Found
12/08/18 03:06:17.86
>>19
知らんがな
24:Name_Not_Found
12/08/20 16:08:35.34
ＣＳ：Ｓ内でチャットができないんだけど直し方だれかわからない？
25:Name_Not_Found
12/08/23 03:22:13.89 ugnfZGiu
iPhoneシミュレータで確認していると左右のpaddingで右側だけ10px足りないのですが、
何がいけないのでしょうか。以下ソースです（適宜省略します）。
#contents {padding:0 20px;}
input {width:100%;}
<meta name="viewport" content="width=device-width, initial-scale=1.0,
maximum-scale=1.0, minimum-scale=1.0, user-scalable=no">
<article id="contents">
<input type="text">
</article>
上記だとフォームの左側は20pxのマージンがありますが、右側は10pxしか空いていません。
#contents {padding:0 30px 0 20px;}
こうすると左右20pxの空きになります。
26:Name_Not_Found
12/08/24 19:22:57.82
>>25
何を根拠に30pxを20pxの空きと判断したんだ？
あとmarginとpaddingは全くの別物
27:Name_Not_Found
12/08/25 00:50:48.59 T39PscHN
質問です。これができないのはどうしてでしょうか。
a:visited img{
opacity:0.5;
}
28:Name_Not_Found
12/08/25 12:11:14.01
>>27
ブラウザがIEとかいうオチじゃないの？
29:Name_Not_Found
12/08/25 13:06:15.25 T39PscHN
>>28
ありがとうございます。現行 Firefox 14.0.1 です。
セレクタが a:visited だけとか、a img だけ、img だけなら問題なく表示されます。
-moz-opacityプロパティも試しましたがダメでした。
IE(filter),Chrome,Safariもダメでした。
が、Operaならできました！
てことはブラウザの実装の問題でしょうか。
そこまで高度な指定でもないと思ったんですけど…。
a:visited img{border:5px solid green;} だと各ブラウザで効くので、opacityに問題があるっぽい。
a img{opacity:0.5 !important;} だと各ブラウザで効くので、visited疑似クラスに問題があるっぽい。
30:Name_Not_Found
12/08/25 13:25:21.26
>>29
a:visited img{border:5px solid green;}も効かないわけだがｗ
visited擬似クラスはアンカー要素のみが対象だから効かないのが仕様のはず
31:Name_Not_Found
12/08/25 13:52:14.78 T39PscHN
>>30
緑ボーダー効きませんか？わたしの環境では各ブラウザで効いています。
a img{border:1px solid blue;}
a:visited img{border:5px solid green;}
としてみたところ、既訪リンクが「1pxだけどgreen」という謎状態で表示されました。
「:visitedはリンクの色を変える用途にしか使わないだろ」って前提なんですかね。
だとすれば、:visitedにおいて、opacityだけじゃなくいま試してみたvertical-alignなども効かない理由がわかる気がします。
Operaで効いてしまっているのは、むしろおかしなことだって理解でいいのかな。
32:Name_Not_Found
12/08/25 15:29:50.55
>>31
とりあえずFxについては
URLﾘﾝｸ(dev.mozilla.jp)
>訪問済みリンクは、文字、背景、アウトライン、ボーダー、SVG の線と塗りといった、配色のみ変えられるようにします。
これじゃねーかな
その他ブラウザは知らん
33:Name_Not_Found
12/08/25 18:43:03.02 T39PscHN
>>32
理解できました！ありがとうございました。
既訪リンクをわかりやすくするためのユーザースタイルに使いたかっただけなので、
（色を変えられるテキストに比べて、画像だと区別しにくかったのでopacityを使おうと思いました）
セキュリティ対策のせいで適わないのはちょっと歯がゆい気がしますが、仕方ないですね。
34:Name_Not_Found
12/08/26 06:12:01.73
CSS,HTMLともに全くの知識皆無です。
PHPで動作するアップローダーを探して
入れてみました。
（URLﾘﾝｸ(www.k-php.com)）
そこでこのアップローダーに枠を作って（広げて）
説明文を入れたいのですがどうすればいいのでしょう。
35:Name_Not_Found
12/08/26 06:57:33.09
>>34
自分で試してわからなかったのならともかく
ゼロから作れってのはスレチ
36:Name_Not_Found
12/08/26 07:13:06.96
>>34
パッと見で回答するけど
<table align="center" width="60%" cellpadding="4" cellspacing="1" bgcolor="#D0D0D0">
のwidthのパーセンテージ増やしてみろ
>>35と同じく遺憾の意
37:Name_Not_Found
12/08/29 00:41:55.36
width:1280pxにしてると下にスクロールバー？がでるのはどうしてですか？
38:Name_Not_Found
12/08/29 01:07:52.24
横1280pxのモニタで最大化してるときってこと？
ブラウザウィンドウには枠があるじゃない
39:Name_Not_Found
12/08/29 08:32:40.57
加えて、widthはコンテンツ領域の幅であって、その外側にある、
padding・border・marginの幅を含まないので、これらの設定次第で、
ウィンドウが考慮しなければならない幅は1280pxを超える可能性もある
先走って書くが、誰もがウィンドウサイズを最大にして見てるわけじゃない
1600*900以上のモニタも普及しているが、幅は閲覧者に任せてやって
max-widthだってもう普通に使えるのよ
40:Name_Not_Found
12/08/29 23:58:30.54
1280pxだろうがなんだろうが描画域が収まらなかったらスクロールバーが出るよ。
っていう返答じゃだめなの？
41:Name_Not_Found
12/08/30 09:24:02.40
それはだめなの？ってわざわざ聞くようなことなの？
42:Name_Not_Found
12/08/31 18:12:21.93
聞くというより1280pxでスクロールバーが出るとかって質問の仕方が意味不明だから、
出されてない情報想定して答える必要があるのかってことじゃん。
43:質問
12/09/01 10:11:15.69 MpoF6/w+
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
ドクタイプを上記にしています。
text-shadowがCSSで反映されないのですが、ドクタイプに原因はありますか？
44:Name_Not_Found
12/09/01 10:43:40.01
意味がわからない
45:Name_Not_Found
12/09/01 22:59:34.58
htmlのverとcssのverは別。
どういう環境で反映されないのかを伝える術を知らないのであれば
ポテンシャル的にこの先学ぶだけ無駄だから辞めときな。
質問をする前に「どうすれば回答者に意図が伝わるか、環境を伝えれるか」っていう
基本的プロセスぶっ飛ばすヤツは要らない。
46:Name_Not_Found
12/09/04 16:05:30.49
CSSって何なんですか？
wiki見てもわからなかった
47:Name_Not_Found
12/09/04 16:42:06.73
>>46
文字の色変えたり、枠で囲ったりするやつ
48:Name_Not_Found
12/09/04 18:01:45.56
HTMLの見た目を定義するもの
もう少し具体的に聞いた方がよい答えもらえるよ
49:Name_Not_Found
12/09/05 07:59:09.12
というかwiki（pedia？）見ただけで完結しちゃいかんわ
50:Name_Not_Found
12/09/12 21:52:15.83 gDfWs/qu
URLﾘﾝｸ(cdn.uploda.cc)
画像（上）は、<p>タグにボーダースタイルで下線をつけたものです。
画像（下）のように、全ての文字の下＋文字が無くても、その段落の終わりにまで下線をひくことは、CSSで可能ですか？
※<span>にして下線をかけると、文字の下にしか下線がつかなかったので、イメージと少し違いました。
<p>でも<span>でも特にこだわらないので、何か方法があったら教えて下さい。
51:Name_Not_Found
12/09/13 00:31:12.79
text-decorationが挙動じゃないならfont-sizeから幅計算して背景でrepoeatすればいいんじゃん。
52:Name_Not_Found
12/09/13 13:03:37.13
マルチは帰れ
53:Name_Not_Found
12/09/15 22:26:37.85
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね
創価死ね