Webサイト制作初心者用質問スレ Part 183

952 ：Name_Not_Found：2007/06/02(土) 00:15:09 ID:???

>>948

すまん、サンプル書き出してたら時間がたった
なんか書き直したら全部改行してしまうようになった

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=shift_jis" />
<title>タイトル</title>
<link href="character.css" rel="stylesheet" type="text/css" />
</head>

<body>
<table border="1" align="center">
<tr>
<th colspan="11" scope="col">タイトル</th>
</tr>
<tr>
<td class="col1k">１(col1k)</td>
<td class="col2">２(col2)</td>
<td colspan="9" align="center">コメント</td>
</tr>

953 ：Name_Not_Found：2007/06/02(土) 00:15:45 ID:???

954 ：Name_Not_Found：2007/06/02(土) 00:16:42 ID:???

955 ：Name_Not_Found：2007/06/02(土) 00:17:17 ID:???

>>948
>それにしても最近pt指定のやつ多いけど、どっかで推奨してんのかよ。

あるある　本当に推奨してるハゲいたら何考えてるのか聞いてやりたい

956 ：Name_Not_Found：2007/06/02(土) 00:17:45 ID:???

957 ：Name_Not_Found：2007/06/02(土) 00:19:07 ID:???

958 ：Name_Not_Found：2007/06/02(土) 00:19:43 ID:???

959 ：Name_Not_Found：2007/06/02(土) 00:20:20 ID:???

960 ：Name_Not_Found：2007/06/02(土) 00:20:32 ID:???

うああああぅおぃえやぅおーーーuggghhh！！！！

基礎からやりなおしなさい。

961 ：Name_Not_Found：2007/06/02(土) 00:20:54 ID:???

<tr>
<td class="col2k">２(col2k)</td>
<td colspan="9">内容</td>
</tr>
<tr>
<td class="col2k">２(col2k)</td>
<td align="center" class="koumoku">項目</td>
<td colspan="2" align="center" class="hukidasi">吹き出し<br />
(hukidasi)</td>
<td align="center" class="koumoku">項目</td>
<td colspan="2" align="center" class="hukidasi">吹き出し<br />
(hukidasi)</td>
<td align="center" class="koumoku">項目</td>
<td colspan="2" align="center" class="hukidasi">吹き出し<br />
(hukidasi)</td>
</tr>

962 ：Name_Not_Found：2007/06/02(土) 00:21:21 ID:???

963 ：Name_Not_Found：2007/06/02(土) 00:22:09 ID:???

<tr>
<td class="col2k">２(col2k)</td>
<td colspan="9">内容</td>
</tr>
<tr>
<td colspan="2" class="col3k">３(col3k)</td>
<td colspan="9" class="hosoku">補足(hosoku)</td>
</tr>
</table>
</body>
</html>

964 ：Name_Not_Found：2007/06/02(土) 00:22:45 ID:???

以上です…

基礎からって、どのあたりの基礎でしょうか…？

965 ：Name_Not_Found：2007/06/02(土) 00:27:29 ID:???

あ、css書き忘れてる…

.col2 {
width:60pt;
}

.hosoku{
font-family:"arial","Times New Roman"}
}

966 ：Name_Not_Found：2007/06/02(土) 00:28:16 ID:???

しまった手打ちしたら間違えた…

.hosoku{
font-family:"arial","Times New Roman";
}

967 ：Name_Not_Found：2007/06/02(土) 00:36:41 ID:???

ﾅﾆｺﾉ連投

968 ：Name_Not_Found：2007/06/02(土) 00:37:22 ID:???

>>952
1列目が改行されるって<td class="col1k">の部分か？
tableの幅指定してないからだろ。ptはやめた方がいい。
それからcss使うならhtmlにごちゃごちゃ書くなって。

969 ：Name_Not_Found：2007/06/02(土) 00:38:39 ID:???

読む気しない

970 ：Name_Not_Found：2007/06/02(土) 00:44:52 ID:???

>>966
ソース出せって言われたら、その現象が出る部分だけでいいんだよ。
全部貼ってどうする。

971 ：Name_Not_Found：2007/06/02(土) 00:57:57 ID:???

>>968
テーブル幅書いたらできました…
ありがとうございます。
上から三行目で全部のセル幅を指定しているから、
テーブル幅書かなくていいのかな、とか思ってました。

>>970
や、これでも絞ったんですけど…
10分の1くらいには

972 ：Name_Not_Found：2007/06/02(土) 00:58:25 ID:???

>>971
つ　うｐろだ

973 ：Name_Not_Found：2007/06/02(土) 00:59:57 ID:???

>>968
cssのクラスを全部のセルで指定していたら、
ものすごいソースになってしまったので、
これでもソース量を絞った努力の結果なんです…

974 ： ◆.PT9876/4U ：2007/06/02(土) 01:02:40 ID:i102sjMe

>>952-963
XHTMLにしてるのは前向きの姿勢として評価する.
しかし, これは何だ ? あ ? :
<td align="center"> </td>
<td align="center"> </td>
<td align="center"> </td>
---
<td align="center"> </td>
どう考えても CSS の使い方が判ってるとは思えない.
てか, WYSIWYG tool 使ってるんでない ?

トラブル解決以前の問題だ !!!

975 ：Name_Not_Found：2007/06/02(土) 01:05:21 ID:???

>>974
ええと、それはですね…、
cssの同じ背景画像、同じフォント、同じセル幅、セル高さ、などなど…で、
文字が左寄せ、中央寄せ、右寄せのところがあるので、
一番少ない中央寄せのところだけ、htmlでcenter指定したんです…

976 ：Name_Not_Found：2007/06/02(土) 01:15:14 ID:???

>>975
えーと・・・言われてることの内容も理解できてないように見えるよ。
テンプレのサイトでも見て勉強してこないとちょっとマジにヤバそげ。

977 ：Name_Not_Found：2007/06/02(土) 01:21:24 ID:???

はい、そうします…
うｐろだに全部あげればよかったかな。
<td align="center"> </td>
の上の行は、必ずcssが定義してあるセルで、
まとめて2行分center指定しているので、
何もないtdにcenterがあるセルもあるってことでした。

すみませんでした、もう寝ます…。

978 ： ◆.PT9876/4U ：2007/06/02(土) 01:24:03 ID:i102sjMe

>>975
CSS の selector は class だけではない !!!
(使い勝手が良いのは確かだけどね)
それと cascading の優先順位があるのを知らなそうに見える.
まっ, 最初のうちはいろいろあるさ !

だけど, 身につけてしまったクセを断ち切るのは並み大抵のことではないのだ.
だからこそ, 最初が肝心なのさ !

979 ：Name_Not_Found：2007/06/02(土) 01:39:23 ID:PN02BL5U

h1 {background-color:red;}

このあと文字のバックグラウンドを半透明にして背景がうっすら見える
ようにしたいのですがどう指定したらよいでしょう。
Filterとかいろいろ調べましたが文字は半透明にできても
文字の背景色が半透明になりません

980 ：Name_Not_Found：2007/06/02(土) 01:44:44 ID:???

>>979
つ半透明PNG

981 ：Name_Not_Found：2007/06/02(土) 01:51:45 ID:PN02BL5U

半透明PNG？
pngって画像ファイルのことでは？

982 ：Name_Not_Found：2007/06/02(土) 03:02:50 ID:???

>>981
だめだこりゃ

983 ：Name_Not_Found：2007/06/02(土) 03:19:03 ID:???

このいもやろうが

984 ：Name_Not_Found：2007/06/02(土) 03:35:13 ID:PN02BL5U

h1 {background-color:red;}

こうやってCSSを書いたらh1の部分の文字列の後ろ側は色がつくでしょ？
そこを半透明にしたいんです。
画像じゃなくて

985 ：Name_Not_Found：2007/06/02(土) 03:41:33 ID:???

（・∀・）ﾆﾔﾆﾔ

986 ：Name_Not_Found：2007/06/02(土) 03:42:12 ID:???

偉そうですね

987 ：Name_Not_Found：2007/06/02(土) 03:44:54 ID:PN02BL5U

たのむよ～
教えてくださいm(__)m

988 ：Name_Not_Found：2007/06/02(土) 03:57:40 ID:???

回答得たら荒らすタイプと見た

989 ：Name_Not_Found：2007/06/02(土) 04:14:10 ID:???

回答が得られなかったときには、「おまえら本当に役たたねぇな」ぐらい言うかもなｗ
今後のID: PN02BL5Uに期待

990 ：Name_Not_Found：2007/06/02(土) 07:15:55 ID:???

wkwk

991 ：Name_Not_Found：2007/06/02(土) 07:21:40 ID:???

>>987
答えは既に出てる
フィルターが適用できるのはテキストと画像のみ
しかもIE系のブラウザしか対応してない

h1{
background-image: url('hantoumei.png');
background-repeat: repeat;
}

半透明PNGの作り方はフォトショのスレで聞け

992 ：Name_Not_Found：2007/06/02(土) 07:30:38 ID:???

というわけで
埋めますか

993 ：Name_Not_Found：2007/06/02(土) 09:29:43 ID:???

>>978
＞CSS の selector は class だけではない !!!
＞それと cascading の優先順位があるのを知らなそうに見える.

はい、知っていません…。勉強します。
ありがとうございました。
とりあえずwiki読んでみましたが…
作成者スタイルシートとユーザースタイルシートって何だろう…
頑張ります。

994 ：Name_Not_Found：2007/06/02(土) 10:55:35 ID:i102sjMe

>>993
きびしい (と思われる) 突っ込みにもきちんと答えてるのが感心である !
なのでちょっとおせっかい焼いてみたくなりますた.

<blockquote> (>>973)
cssのクラスを全部のセルで指定していたら、
ものすごいソースになってしまったので
</blockquote>

"ものすごいソース" になるくらいだから利用頻度が非常に高いと考えられる.
そういうときには element に直接指定する:
　td{text-align:center}
こうすることによってソースが極めてシンプルになる.

ちなみに CSS は "より局所的指定の順位が高い" という風に作られている.
優先順位は大まかに言って
elements < class < id .

995 ：Name_Not_Found：2007/06/02(土) 11:21:50 ID:???

>>994
>>946

996 ：Name_Not_Found：2007/06/02(土) 11:34:43 ID:PN02BL5U

>>991
それだとやっぱりh1に画像を貼り付けてそれを透明ってことだと思うのですが
、
h1 {background-color:red;}
で文字の後ろの色を透明化はできないんすか？

997 ：Name_Not_Found：2007/06/02(土) 11:56:28 ID:???

>>996
だからIE以外切り捨てるつもりならフィルターがあると（ｒｙ

998 ：Name_Not_Found：2007/06/02(土) 11:59:33 ID:???

＞Filterとかいろいろ調べましたが文字は半透明にできても
＞文字の背景色が半透明になりません

ちゃんと調べたのか？
フィルター使えば普通にできるぞ

999 ：Name_Not_Found：2007/06/02(土) 12:04:10 ID:PN02BL5U

>>998
書き方がわかりませんのです

h1{fiter:alpha(50)}
としても背景の色は透明になってくれません・・・
次スレでおねがいします

1000 ：Name_Not_Found：2007/06/02(土) 12:04:59 ID:???

>>996
background-color:#ff0000;filter:alpha(opacity=50);

あと君の書き方じゃ何を半透明にしたいのかわかりづらい
文字のバックグラウンド、文字の背景色、文字列の後ろ側、文字の後ろの色…
自分の書き込みの中でくらい統一してくれよ

ついでに1000Get

1001 ：１００１：Over 1000 Thread

このスレッドは１０００を超えました。
もう書けないので、新しいスレッドを立ててくださいです。。。