CSS初心者スレッド=9th=at HP
CSS初心者スレッド=9th= - 暇つぶし2ch650:Name_Not_Found
11/02/28 16:27:25.53
うむ、解決法をしっかり報告
模範的な質問者でござる(^^)v

651:Name_Not_Found
11/02/28 18:03:07.94 Z3DA+QVS
稀にみるw

652:Name_Not_Found
11/02/28 20:18:56.06
外部CSSでテーブルを制御したいのですが二つ質問です

3列のテーブルで全体の幅を500pxとする時
100px、200px、200pxで固定したい場合は
どうすればいいでしょうか?

あと一行ごとに背景色を#FFFFFFと#CCCCCCで
交互に変えたいのですがこれもCSSで一括で指定できますでしょうか?

よろしくお願いします

653:Name_Not_Found
11/02/28 21:08:47.02
1.それぞれのカラムにクラスを付与して横幅を指定する
2.「css nth-child(even)」でググれ

654:Name_Not_Found
11/03/01 13:07:40.80
div{display:inline-block;vertical-align:top;}のときに、

☆<div>a<br>b</div>とすると、
┏━━┓
┃☆a  ┃
┃ b  ┃
┃ c  ┃
┃    ┃
┃    ┃
となってくれますが、
☆<div>aaaaa<br>bbbbb</div>とすると、
┏━━┓
┃☆   ┃
┃aaaa┃
┃a   ┃
┃bbbb┃
┃b   ┃
となってしまいます
これを、
┏━━┓
┃☆aaa┃
┃ aa ┃
┃ bbb┃
┃ bb ┃
┃    ┃
とするにはどうしたらいいのでしょうか?
CSS2.1以下で優しく教えてください

655:Name_Not_Found
11/03/01 14:28:13.65
>>654
body {font-size:80%;}

656:Name_Not_Found
11/03/01 15:04:57.65
なにが
優しく


657:Name_Not_Found
11/03/01 15:09:15.52
>>654
それはどうみても inline-block の挙動じゃない…。

658:Name_Not_Found
11/03/01 15:21:06.09
>>654
URLリンク(jsfiddle.net)

659:658
11/03/01 15:22:30.20
失礼。CSS2.1 では無理だな。

660:Name_Not_Found
11/03/01 15:44:07.79
>>654
HTML5 なら <wbr> が使える。Opera の実装が追いついてなかった気がするが。

661:Name_Not_Found
11/03/01 19:51:14.11
質問失礼致します。

table内でpaddingを指定してもie6では表示されないのですが、以下のような場合、「あ」の前にpaddingをとろうとするならどういった記述にすればいいでしょうか?
文字列をclassで指定してmarginをとるべきでしょうか?

<table>
<tr>
<td>あいうえお</td>
</tr>
</table>

662:Name_Not_Found
11/03/01 19:59:16.13
>>661
margin, padding はインラインボックスには適用できない。
inline-block にすればいいが、IE6 は inline-block に対応しないので擬似的に再現する。
URLリンク(www.yomotsu.net)

663:Name_Not_Found
11/03/02 04:12:36.81
すみません。
youtubeをブログに埋め込んだ時、画面を上にスクロールしたら、
埋め込んだyoutubeだけが最前面に表示されるのが嫌で、背面に直したいのですが。。。
対応できるCSSとかありますでしょうか><
Firefoxでは問題なく背面でスクロールするのですが、IE8では最前面になります><
初心者ですみません。。。


664:Name_Not_Found
11/03/02 04:18:58.86
ブログに、PrettyPhotoをプラグイン追加したら、画像広告が出現したのですが、消す方法(CSS)はありますか?

665:Name_Not_Found
11/03/02 08:04:10.97
>>664
PrettyPhotoの規約読みなおせ。
おまえのブログ、アクセスないだろw

666:Name_Not_Found
11/03/02 13:28:26.51
>>665
アクセス少ない人だけに表示されるとかですか?w

規約の場所分かりません。。。

667:Name_Not_Found
11/03/02 14:02:24.97
ハッハワロス

668:Name_Not_Found
11/03/02 14:26:00.82
>>666
広告は消しちゃだめなんだよ。
おまえ成績もわるいだろ。

669:Name_Not_Found
11/03/02 19:24:19.47
>>662
ありがとうございます。
Googleの<if ~>でブラウザ別に対策できると聞いて、埋め込んだのですが改善されませんでした。
効果はあるのでしょうか?


670:Name_Not_Found
11/03/02 19:29:19.37
>>668
あのぉダメなのは分かってますw
その上での質問となっております^^

671:Name_Not_Found
11/03/02 19:36:02.58
そんな簡単なこと一々聞くなよ^^











お前が死ねばそんな悩みなんてなくなるよ^^

672:Name_Not_Found
11/03/02 19:57:29.26
ハッハワロス

673:Name_Not_Found
11/03/02 21:01:12.78
 ̄ ̄ ̄ ̄ ̄ ̄ ̄○ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
           O 。
                 , ─ヽ
________    /,/\ヾ\   / ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄
|__|__|__|_   __((´∀`\ )< というお話だったのサ
|_|__|__|__ /ノへゝ/'''  )ヽ  \_________
||__|        | | \´-`) / 丿/
|_|_| 从.从从  | \__ ̄ ̄⊂|丿/
|__|| 从人人从. | /\__/::::::|||
|_|_|///ヽヾ\  /   ::::::::::::ゝ/||
────(~~ヽ::::::::::::|/        =完 =

674:Name_Not_Found
11/03/02 23:44:37.53
>>670
ママに許可とってから
パソコンさわろうな。

675:Name_Not_Found
11/03/02 23:52:41.89
>>670
なっておりますってwww
偉そうだな

676:Name_Not_Found
11/03/03 00:33:43.19
>>670
「ダメなのはわかっているけど、これから君のサイトを荒らしたいからURLを教えて」っていったら、教えてくれるのかな?

677:Name_Not_Found
11/03/03 01:02:43.11
>>670
ダメなのはわかってるけど、今すぐ会いたいから電話番号教えてくれるよね
そしたら方法おしえるよ^^

678:Name_Not_Found
11/03/03 01:32:32.08
CSS初心者の方のための質問スレッドです。
具体的な記述方法がわからない方、基礎知識がない方はこちらでどうぞ。

※気のいい人だけが答えてくれますので、解答はまったり待ちましょう。

679:Name_Not_Found
11/03/03 01:41:23.67
但し、当然ながら違反行為の回答はNG

680:Name_Not_Found
11/03/03 01:55:50.18
知らない人のレスはいりません

681:Name_Not_Found
11/03/03 11:36:36.98
アナタはワタシを知りません

682:Name_Not_Found
11/03/03 11:37:36.25
えっ ? ひろちゃんだろ ?

683:Name_Not_Found
11/03/03 13:44:35.16
>>680
知ってるがお前の態度が気に入らない

684:sage
11/03/03 15:53:46.72 U5RlTzwm
質問させてください
普通のHTMLページにlightbox2を設置したのですが
レンタルサーバーにUPして確認してみるとうまく表示されませんでした。
cssもjsファイルも絶対パスに書き換えたのですが、なぜでしょうか?

685:Name_Not_Found
11/03/03 18:04:05.48
>>684
> 普通のHTMLページにlightbox2を設置したのですが
普通とはなんぞ

> レンタルサーバーにUPして確認してみるとうまく表示されませんでした。
どう表示されたの?

> cssもjsファイルも絶対パスに書き換えたのですが、なぜでしょうか?
そのパスは合ってるの?

そしてはげしくスレ違い

686:Name_Not_Found
11/03/03 18:56:26.24
>>654
そういうのは、ul>liでやるべきじゃないか?

687:sage
11/03/03 19:15:57.45 U5RlTzwm
>>685
ごめんなさい。自己既決しました。
勉強しながらHP今作ってるんですが、ページ内で使うフォントは
1. "MS ゴシック", "MS Gothic", "Osaka-等幅", Osaka-mono, monospaceと
2. MS P明朝, MS PMincho,ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, serifと
3. MS ゴシック, MS Gothic, Osaka-等幅, Osaka-mono, monospaceの中なら
どれを設定するのが一般的ですか




688:Name_Not_Found
11/03/03 19:16:28.97
何も指定しないのが一般的

689:Name_Not_Found
11/03/03 19:28:38.43
2,3は書き方が間違ってるから消去法で1番

690:Name_Not_Found
11/03/03 20:23:04.58
>>687
一般的なのがいいの?それより自分がよく見るとことおなじにすればいいんじゃね?

691:Name_Not_Found
11/03/03 20:40:05.94
3つともダメだな

692:Name_Not_Found
11/03/03 20:50:53.79
>>687
とりあえず、等幅かプロポーショナルかぐらいは自分で決めような。
後は、色んなOSや国(?)に合わせて無難なフォント選んでいけ。

ちなみに、yahoo見たらこんなんなってたぞ。
font-family:"MS PGothic","Osaka",Arial,sans-serif;


693:Name_Not_Found
11/03/03 21:33:18.50
フォントのptとem、%の使い分けってどうやってますか?

694:Name_Not_Found
11/03/03 21:37:56.35
適当

695:Name_Not_Found
11/03/03 21:40:21.81
好きなので

696:Name_Not_Found
11/03/03 22:09:54.57
>>694-695
そ、それぐらいの認識でよいのですね
ありがとうございます

697:Name_Not_Found
11/03/07 17:15:43.68
URLリンク(www.dospara.co.jp)

の左上のバナーのように、一定時間で別のバナーに変更するバナーを設置したいと思います。
解説されてるサイトやヒントがあればよろしくお願いいたします。

698:697
11/03/07 17:16:25.74 XlTmgfE+
ageわすれ

699:697
11/03/07 18:53:46.83
ローテーションバナーで検索したらでてきました。
ありがとうございます。

700:Name_Not_Found
11/03/08 06:50:29.82 Lpx9d7kR
centerで中央配置した2つの要素(id="bbb"とid="ccc")を同じ位置に重ねたいのですがCSSだけでできますか?

<div id="aaa" style="text-align:center;">
<div id="bbb">BBB</div>
<div id="ccc">CCC</div>
</div>


701:Name_Not_Found
11/03/08 08:41:02.07 Lpx9d7kR
重ねたいってのはdivブロックの左上端を同じにしたいってことです。

702:Name_Not_Found
11/03/08 12:45:55.40
>>701
z-index

703:Name_Not_Found
11/03/08 13:32:52.37
#CCCをマイナス補正すれば?

704:Name_Not_Found
11/03/08 14:00:39.10
>>696
意識しないで製作する人間はド素人だけだよ。
ヒントは文字ベースのレイアウト


705:Name_Not_Found
11/03/08 14:10:10.67
>>693
コンテンツによる。

・画像中心なら px
・文字中心なら em

% は親要素に依存する。親要素の font-size が em や px なら上と同じ原理。
ルート要素から % ならデフォルトスタイルシートに依存する。どんな font-size でもレイアウトできるように組まないとダメ。

706:700
11/03/09 15:18:20.57 zUuYVIvM
text-align:centerで画像<img id="xxx">を<div id="aaa">の中央に配置して
画像<img id="xxx">と同じ幅・高さのボックス<div id="bbb">の中の
左上角に画像<img id="yyy">を、右上角に画像<img id="zzz">
を画像<img id="xxx">と重なるように配置したいのですが
CSSだけで可能でしょうか?

<div id="aaa" style="text-align:center;">
<div id="bbb">
<img id="xxx" src="xxx.jpg"/>
<img id="yyy" src="yyy.jpg"/>
<img id="zzz" src="zzz.jpg"/>
</div>
</div>

707:Name_Not_Found
11/03/09 16:20:42.43
>>706
可能です。


708:700
11/03/09 16:54:14.33 zUuYVIvM
どうすればよいですか?

709:Name_Not_Found
11/03/09 18:58:52.75
>>706
テストしてないけどこんな感じ。

#bbb { position: relative; height: 300px; }
#xxx, #yyy, #zzz { position: absolute; }
#yyy { right: 0; }

710:Name_Not_Found
11/03/09 20:30:23.66
>>706
数値***pxは画像に合わせて調整
<div id="aaa">
<div id="bbb">
<img id="xxx" src="xxx.jpg"/>
<img id="yyy" src="yyy.jpg"/>
<img id="zzz" src="zzz.jpg"/>
</div>
</div>

#aaa { text-align:center;}
#bbb { width:***px; margin: 0px auto;}
#xxx{}
#yyy {position: relative; bottom:***px; left:***px;}
#zzz {position: relative; bottom:***px; right:***px;}

711:Name_Not_Found
11/03/09 20:46:52.53
>>710
右と左を間違えた。
#aaa{ text-align:center;}
#bbb{ width:***px; margin: 0px auto;}
#xxx{}
#yyy{position: relative; bottom:170px; right:***px;}
#zzz{position: relative; bottom:170px; left:***px;}

712:Name_Not_Found
11/03/09 20:48:55.58
>>711
テスト用の数値を残したままだった。落ち着け自分。。。
#aaa{ text-align:center;}
#bbb{ width:***px; margin: 0px auto;}
#xxx{}
#yyy{position: relative; bottom:***px; right:***px;}
#zzz{position: relative; bottom:***px; left:***px;}

713:Name_Not_Found
11/03/12 16:54:03.78
jpg画像を画面中央に配置したページを作りたいのですが
>>4のQ6がリンク切れで見つかりません。どなたか参考になる代替案を教えていただけないでしょうか?

714:Name_Not_Found
11/03/12 17:23:40.77
>>713
Q6とは違うと思うけど、単に画像を画面中央に配置できさえすればいいなら、
その画像を背景画像にして

body
{background-image:url("hogehohge");
background-repeat:no-repeat;
background-position:center center;}

とかでいいのでは?

715:Name_Not_Found
11/03/12 17:39:57.85
>>714
レスありがとうございます
コピペしてやってみたのですが中央に移動しただけで持ってくることはできたのですが
画面の「中心」に置くことはできませんでした
どのブラウザからも画像が中心に見えるように配置したいのですが……

716:Name_Not_Found
11/03/12 18:17:40.13
>>713
スレリンク(hp板:640番)n- の質問は放置するの?

717:Name_Not_Found
11/03/13 07:09:59.67
>>716
お前が答えてやれよ

718:Name_Not_Found
11/03/13 11:55:07.34
>>717


719:Name_Not_Found
11/03/13 12:10:01.57
>>718


720:Name_Not_Found
11/03/13 14:29:42.15
>>719
??

721:Name_Not_Found
11/03/13 15:23:28.41
>>716
放置でいいだろ

722:Name_Not_Found
11/03/13 18:14:51.11
>>716
html,body{
margin: 0px;
padding: 0px;
height:100%;
background:url(hogehoge) no-repeat center center;
}

723:Name_Not_Found
11/03/14 17:16:47.59
p {margin-left:2em;}
img {margin-left:3em;}
で左に5emですが、
p {margin-left:2em;}
img {margin-left:3em;}
p img {margin-left:10em;}
にすると12emになりますか?

724:Name_Not_Found
11/03/14 20:25:45.26
>>723
やってみてどうだった?

725:Name_Not_Found
11/03/15 07:41:55.59
テーブルの行毎に背景色を変えたいのですが
<tr>などにclassを付けてないで一気に指定する方法ってありますか?


726:Name_Not_Found
11/03/15 07:43:32.40
すみません。2色を交互に変えたいという意味です。

<tr class="r1"><td></td></tr>
<tr class="r2"><td></td></tr>
<tr class="r1"><td></td></tr>
<tr class="r2"><td></td></tr>
これをclassなしで指定できないものかと・・

727:Name_Not_Found
11/03/15 09:29:42.94
>これをclassなしで指定できないものかと・・

tr:nth-child(even) td{
background: white;
}

th:nth-child(odd) td{
background: red;
}

IEとか除外して良いならこういうのは?

728:Name_Not_Found
11/03/15 09:40:46.74
>>727
おおありがとうございます
スゴイこんな事もできるんですね




729:Name_Not_Found
11/03/16 22:15:47.44
.test{
position: fixed;
top: 20%;
left 20%;
background-color: #85b9e9;
width: 200px;
height:100px;
}

これにpadding: 20px margin: 20px;
など混ぜると中身のテキストにも反映されますが、ボックスの位置自体もpx分ずれてしまいます
box内部のことだけ指定してやってるつもりなのですが、なぜなんでしょうか?

730:Name_Not_Found
11/03/17 00:23:13.14
>>729
まーじんは内部じゃないだろ

731:Name_Not_Found
11/03/17 22:13:31.19
>>730
そうでしたorz
しかしpaddingだけ指定してもずれてしまうのですが
ボックスの位置はpaddingの分も考慮して決めないといけないってことでしょうか?

732:Name_Not_Found
11/03/17 22:51:30.42
そうですよ~

733:Name_Not_Found
11/03/18 17:57:04.45
chrome10
IE8

<ol>
<li><div class="head">あああ</div><div class="body">3時間30分前</div></li>
<p class="however">むむむむむむむむむむむむむむむ</p>
<p class="however">とぅるるるるるるるるるるるるるるるるるるる</p>
<li><div class="head">さぼーん</div><div class="body">2時間30分前</div></li>
</ol>

こーいうマークアップで、
div.headとspan.bodyを横並び、olの横幅は500px、div.headは300px、span.bodyは200px、p.howeverは横500pxいっぱい
olはlist-style-type:decimal;で位置がくずれないようにスタイルしたいんですが、うまくいきません。

ol { list-style-type: decimal; text-align:left; }
ol > li { font: normal 12px/17px Arial; }
div.head { width: 300px; }
div.body {
width: 200px;
float: right;
margin-left: 300px;
color: #F00;
}
p.however {
white-space: nowrap;
font: normal 12px/17px Arial;
color: #333;
}

よろしくおねがいします。

734:Name_Not_Found
11/03/18 22:21:52.64 aARWUhdx
         画像
     この真下にボックス

と言う形でCSSを組みたいのですが、firefoxとかでサイドバーを出すと
ボックス要素が右側にずれてしまいます。topやleftで%を使ってるからでしょうか?
それとも別の原因があるのでしょうか?
画像はbackgroundにしてfixedやabsoluteなど色々試してみたのですがダメでした
どうすれば位置を固定できるか教えていただけないでしょうか?

735:Name_Not_Found
11/03/19 01:09:17.73
>>733
HTMLの基礎を学べ

>>734
画像をボックスへ

736:Name_Not_Found
11/03/19 05:54:41.64
>>733
ol直下にpは入れられない

737:Name_Not_Found
11/03/19 09:07:40.84
>>735
なるほど、その方法がありましたか。
しかし、これだとボックスに入ってないことになるんですかね?

body {
color: #000000;
font-size: 82%;
font-family:'メイリオ',Meiryo,'MS Pゴシック',sans-serif;

background-color: #000000;
background-image: url("../img/hogehoge.jpg");
background-repeat: no-repeat;
background-position: 50% 2.5%;
background-attachment:fixed;
}
}
.main{
position: fixed;
top: 52%;
left:26.20%;
background-color: #FFFFFF;
width: 645px;
height:400px;
padding: 0 5% 1% 5%;

line-height:130%;
letter-spacing: 0.5px;
text-decoration:none;
list-style-type: disc;
list-style-position: outside;
}


738:737
11/03/19 09:08:47.72
backgroundの後の}は消し忘れorx

739:
11/03/19 09:49:17.71
htmlの方を書かんとワカランだろ

740:Name_Not_Found
11/03/19 10:54:29.69
>>739
こんな感じです

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Strict //EN”
URLリンク(www.w3.org)”>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Language" content="ja">
<meta http-equiv="Content-Style-Type" content="text/css">
<title> hogehoge </title>
<link rel="stylesheet" href="about.css" type="text/css">
</head>
div class="main">
<ul>
<li>HN<br>test</li>
<li>ああああああああああああ<br>ああああああああああああ</li>
<li>いいいいいいいいいいいいいい<br>ううううううううううううううううううううう</li>
</ul>
</div>
<body>
</html>

こんな感じです

741:Name_Not_Found
11/03/19 11:05:16.17
>>740
ulがbody内にないじゃん
lintで間違いを全部なくす方が早い

742:Name_Not_Found
11/03/19 12:33:51.20
>>741
何度も申し訳ないコピペミスでちゃんとbodyタグの中に全部入ってます

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
<meta http-equiv="Content-Language" content="ja">
<meta http-equiv="Content-Style-Type" content="text/css">
<title> hogehoge </title>
<link rel="stylesheet" href="about.css" type="text/css">
</head>
<body>
<div class="main">
<ul>
<li>HN<br>test</li>
<li>ああああああああああああ<br>ああああああああああああ</li>
<li>いいいいいいいいいいいいいい<br>ううううううううううううううううううううう</li>
</ul>
</div>
</body>
</html>

ちゃんと確かめたのですが、やっぱりダメ、でし、たorz

743:Name_Not_Found
11/03/19 12:40:11.86
画像の下にボックスって言ってなかった?

744:Name_Not_Found
11/03/19 12:42:22.27
>>743
そうです、その中にリスト形式で文章を書きたいのですが>>734の状態で……

745:Name_Not_Found
11/03/19 12:51:38.53
lintと言うところでググって見たのですが
divの中で<li>タグは使えないと言うだけで、実際表示上は問題なくリスト化できているのですが
ボックスがずれる原因は分かりませんでした……

746:Name_Not_Found
11/03/19 13:00:45.84
firefoxで表示すると正常なのに、IEtabを使って切り替えたらボックス位置が初期値に戻って左上に表示されるんですが
これってどうすれば治るんでしょうか

747:Name_Not_Found
11/03/19 13:17:22.26
>>745
ul書き忘れてるだろ

748:Name_Not_Found
11/03/19 13:18:12.48
>>746
DTDをへんなのに指定してんじゃね?

749:Name_Not_Found
11/03/19 15:11:45.09
>>745
レスありがとうございます
ulを別にクラス化(ul.hogehoge)で別定義すれば解決するかもしれないと言うことでしょうか
ちょっとチャレンジしてみます!

750:Name_Not_Found
11/03/19 15:12:30.10
>>747さんでしたすみませんorz

751:Name_Not_Found
11/03/19 17:09:50.85
>>749
違う
div内に直接liを書けないという警告がでるってことは
<div>
<li>なんとか</li>
という形(<ul>が書かれていない)になってるってこと
勝手に回答を妄想解釈せず素直に読めよ
あととりあえずまずlintで警告でてるとこ全部解消してみろ
そしたら解決するから
おまいの問題のほとんどがHTMLがでたらめなことが原因
ここに貼ってるソースと問題が発生してるソースは違うだろ

752:Name_Not_Found
11/03/19 18:21:00.15
>>734だけどやっぱりボックスを指定する状態でサイドバー出すだけでもう既にずれてしまう
もはや意味が分からない

753:Name_Not_Found
11/03/19 19:42:35.20
>>752
htmlがめちゃくちゃだからだってば
ほんと飲み込みの悪いやつだな

754:Name_Not_Found
11/03/19 19:44:41.75
なんか意味不明な人がきたな

755:Name_Not_Found
11/03/19 19:55:46.53
ここは昔から意味不明のスレなんだが

756:Name_Not_Found
11/03/19 19:57:17.16
>>755
>>754は誤爆です。

757:Name_Not_Found
11/03/19 20:12:31.00
>>753
頭が悪いのはあれですがlintで全部問題解決してもずれるんですけど……
上記条件で>>737で指定した画像ファイルの直下に>>740のリストタグ外してボックス置いてもずれます
htmlがおかしいならどこが変なのか具体的に指摘してくれないと分からないです
とにかく画像の下のボックスがサイドバー出た時点でずれることの解決とhtmlファイルはあまり関係ないと思うんですけど

758:Name_Not_Found
11/03/19 20:40:13.60
>>734
> firefoxとかでサイドバーを出すとボックス要素が右側にずれてしまいます。
仕様。ウインドウが右にずれるのだからコンテンツも右にずれる。


759:Name_Not_Found
11/03/19 20:45:48.63

サイドバーは右に出るんだから左にずれるのが仕様だろ

つか画像も置いた本物のHTMLソースを提示してくれ
あとずれてるSSと
嘘のソースから原因を判明すんのは無理

760:Name_Not_Found
11/03/19 20:49:51.73
Firefoxのサイドバーは左側に出るが、俺の環境が特殊なのか?

761:Name_Not_Found
11/03/19 21:04:07.23
スクロールバーとは違うの?
今時FFなんか使わんからわからん

762:Name_Not_Found
11/03/19 21:26:03.21
人を馬鹿にするのもいい加減にしたらどうだ。
こうした若者が増えていること自体、本当に日本の未来が心配な気がする。
自分の人生が正しいのかどうかを、荒待てて振り返る必要があなたにはありますよ、
ということだけは断言しておきたい。神様

763:Name_Not_Found
11/03/19 22:26:45.22
>>761
Firefoxでなくてもサイドバーは左側に出るのが普通だぞ。Windowsエクスプローラでも左だ。
スクロールバーと混同するぐらいの知識なら回答するなよな。

764:Name_Not_Found
11/03/19 22:40:19.84
>>763
そんな必死に怒るほどの話じゃないだろ
なんにせよずれる理由はhtmlの不備で確定してるし

765:Name_Not_Found
11/03/19 22:49:35.49
>>764
何故確定してるの?

766:Name_Not_Found
11/03/19 22:54:51.78
FF儲がマジギレしたw

767:Name_Not_Found
11/03/19 22:58:38.13
>>765
噛み付きたいだけならよそでやってくれ

768:Name_Not_Found
11/03/19 23:20:47.34
>>758でFA

769:Name_Not_Found
11/03/19 23:57:05.99
お前らくだらない事で喧嘩すんな

770:Name_Not_Found
11/03/20 00:28:36.60
こうやって煽りにくるあほはどこにでも沸くんだな

771:Name_Not_Found
11/03/20 03:25:06.30
次の方どうぞー↓

772:Name_Not_Found
11/03/20 04:36:31.85
ふんにゃかふんにゃか

773:Name_Not_Found
11/03/25 17:50:40.20
服を着たままの状態で、女子の肛門の位置を正確に割り出す方法を教えてください。

スレ違いだったら申し訳ありません。

774:Name_Not_Found
11/03/25 18:59:38.08
>>773
スレリンク(esp板)

775:Name_Not_Found
11/03/26 07:04:52.92
春だなあ・・・

776:Name_Not_Found
11/03/26 13:16:04.80
>>774
ありがとうございます!やってみます!


777:Name_Not_Found
11/03/28 05:39:11.67 zuNWupxm
背景の色を指定したいのですが、初めにhtmlファイルのヘッダーの中に

body {background-color: #FFEEFF;}

を入れると普通に色が出るんですが、これをcssファイルにコピーすると出なくなります…
なぜでしょうか…?

778:Name_Not_Found
11/03/28 06:07:46.89
別の部分でもダブって違う色指定してるとか
cssへのリンクが間違ってるとか

779:Name_Not_Found
11/03/28 07:04:03.67 zuNWupxm
cssに入力した他のやつはちゃんと出ていて、bodyのとこに入力したやつだけ丸々ダメみたいなんですよね。。。
だからリンクが間違ってるということはないと思うのですが、別の部分で違う色を指定してるというのも探した感じそういったものは見当たりません。。。

昨日から始めた者で専門用語がわからず申し訳ないです…

780:Name_Not_Found
11/03/28 07:24:38.47 zuNWupxm
自己解決しました!
答えてくれた方ありがとうございました!

781:Name_Not_Found
11/03/29 01:41:25.23 AOVl6KRt
昨日に引き続き質問させていただきます!

#wrap {width:720px; text-align:center; vertical-align:middle; padding: 2px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; border: 1px solid #00F;}
#inner {margin: 10px;}
#mainwrap {width:480px; height:50px; float:left; font-size: 34px; color: #FF2683;}
#sidewrap {width:220px; height:50px; float:right;}

と入力して、htmlは

<div id="wrap">
<div id="inner">
<div id="mainwrap">文字</div>
<div id="sidewrap">文字</div>
</div>
<div class="clear"><hr /></div>
<div id="footer">文字</div>
</div>

と入力して、文字を上下左右真ん中に置きたいのですが、
上下の真ん中に置くことが出来ません。
左右の中央にはなっています。

どうすればできますか?

782:Name_Not_Found
11/03/29 03:23:01.10
テンプレの>>4を読め

以降もちゃんとスレテンプレのリンク先を全て読んでから質問するように
初心者が質問したくなるような事例の大半はそれで済む

783:Name_Not_Found
11/03/29 10:23:35.57
>>782
それは君がイケメンだからじゃないかな? 俺だったらたぶん無理。

784:Name_Not_Found
11/03/29 10:33:07.06
2chはイケメン専用ですよ.。そうでない奴は一生ROMってなさい。

785:Name_Not_Found
11/03/29 13:34:21.99
初めからイケメンの人もいないだろうさ

786:Name_Not_Found
11/03/29 17:28:09.62
それは整形したイケメン

787:Name_Not_Found
11/04/01 16:59:49.51
画像を重ねて表示するのはcss3で楽になったと聞きました
どのプロパティで出来ますでしょうか?

788:Name_Not_Found
11/04/01 20:34:02.97
ググるのは嫌ですか ?

789:Name_Not_Found
11/04/02 05:50:27.90
座標が同じなら何枚でも勝手に重なるけど?

790:Name_Not_Found
11/04/02 22:04:54.98
<span class="abc def">とすると、.abcと.defという二つのクラス名を使用できますが、
これをidにも同じようにすることは可能でしょうか。

791:Name_Not_Found
11/04/02 22:49:32.02
idは一意
複数指定はclassの役目。

792:Name_Not_Found
11/04/02 23:44:10.10
>>791
ありがとうございました。

793:Name_Not_Found
11/04/04 04:19:47.09
リストのタイトルのつけ方で質問

<ol>
<li class="title">a</li>
<li value="1">b</li>
<li>c</li>
</ol>

<div>
<h2>a</h2>
<ol>
<li>b</li>
<li>c</li>
</ol>
</div>
を考えたんですが、どちらがお勧めですか?それとも、もっと良い書き方ありますか?

794:Name_Not_Found
11/04/04 06:46:21.32
タイトルと内容を同列にしてる前者はダメっしょ
CSSを無効にしたときにどう表示されるか考えてみれ

795:Name_Not_Found
11/04/04 11:16:21.62
cssだけで1枚の30x30のgif画像を横に5回繰り返す方法ってございませんか?
background:url(30x30.gif) repeat-x 5;

796:Name_Not_Found
11/04/04 14:54:19.03
背景色だけ透過して文字色だけは透過しないままにする方法ってないですか?
背景色にopacity:0.2ぐらいにすると文字も極端に薄くなってしまいます

797:Name_Not_Found
11/04/04 16:16:33.14
>>796
RGBaにするかアルファPNG

798:Name_Not_Found
11/04/04 16:38:23.07
>>797先生、ありがとうございます!!!!!!!!!!!!!!!!!

799:796
11/04/04 16:53:48.70
ぼくのは無理層ですよね?

800:Name_Not_Found
11/04/04 18:41:00.42 e/yY687M
ボックスを中央に配置したいのですが
ボックスと親要素に対してposition:relative;を、ボックスにtop:50%;left:50%;で位置的には中央になったのですが
これだと左上が基点になってますので、結果中央から右寄りにボックスがあることになります
これをtext-align:centerと同じような感じでぼっくを中央に寄せるにはどのようにしたらよいのでしょうか?

801:Name_Not_Found
11/04/04 18:47:21.61 YpHaPJey
URLリンク(store.uniqlo.com)
ユニクロのグローバルメニューはある一定以上のスクロールをすると
バーを動かしてもずっと固定され表示され続けています。

この記述の仕方をお教えさい。簡易サンプルがあれば
お教えください。


802:Name_Not_Found
11/04/04 18:54:06.61
>>796
その使い方なら、背景色用に透過pngを作ったほうが早い。

803:Name_Not_Found
11/04/04 18:56:02.19
>>801
スクロール量を調べて特定の量だけスクロールしてあればfixedでメニューを固定してるんだと思う


804:Name_Not_Found
11/04/04 18:57:23.96
>>799
だれ?w

805:801
11/04/04 19:20:31.36 YpHaPJey
さっそくのご回答ありがとうございます
803>
素人なもので、簡単なもので構いませんので、
その記載の仕方をお教えいただけませんか?

-----------------------
スクロール量を調べて特定の量だけスクロールしてあれば
fixedでメニューを固定
-----------------------

よろしくお願いいたします。


806:Name_Not_Found
11/04/04 19:28:31.89
これマッチングサイトでも2~5万円ぐらいで成立してる作業だからちったぁ自分で努力しろ
jqueryで使うならスクロールはURLリンク(stacktrace.jp)(val).html
スクロール量を見てメニューのcssを変更するならURLリンク(stacktrace.jp)(properties).html

807:Name_Not_Found
11/04/04 22:31:55.55
>>793
内容によっては
<dl>
<dt>a</dt>
<dd>b</dd>
<dd>c</dd>
</dl>
これもあり

808:Name_Not_Found
11/04/04 22:38:52.09
<ol>
<li class="title">a
<ol>
<li value="1">b</li>
<li>c</li>
</ol>
</li>
</ol>

809:Name_Not_Found
11/04/05 00:29:03.95
春だねぇ

810:Name_Not_Found
11/04/06 11:47:55.03
教えて下さい。
多々ある画像を1枚の画像に結合し、CSSのbackground-positionで指定してやるとサイトが軽くなるという記事を見ました。この場合、
<style>
.test1{
background-image: url(images/AA.gif); width:20px; height: 20px;
background-repeat: no-repeat;
background-position: 0px 0px;
}
.test2{
background-image: url(images/AA.gif); width:20px; height:20px;
background-repeat: no-repeat;
background-position: -20px 0px;
}
</style>
このように指定してやっても軽くなるのでしょうか。それとも、
<style>
#test{
background-image: url(images/AA.gif); width:20px; height:20px;
background-repeat: no-repeat;
}
#test .test1{
background-position: 0px 0px;
}
#test .test2{
background-position: -20px 0px;
}
</style>
このように親要素で指定した上で子要素で位置を指定してやらないと軽くならないのでしょうか。
下の方法でやると、とても大変になりそうで困っています。
知っている方がいましたら教えて頂けないでしょうか。
このスレでの質問と違う内容でしたら申し訳御座いませんがスレの名前でも良いので教えて頂けると助かります。宜しくお願い致します。

811:Name_Not_Found
11/04/06 12:00:26.14
ここ読んでメリットとデメリットを知ってから来てくれ
URLリンク(coliss.com)

812:Name_Not_Found
11/04/06 12:43:55.04
早いお返事ありがとう御座います。
デメリットに関しまして、ブラウザのメモリに関する問題点が上げられていますが、英語のサイトで理解が出来ませんでした。。申し訳御座いません。
具体的にどの程度デメリットが体感出来るのかとても興味深く思います。後で翻訳サイト等にかけて読んでみようと思います。
教えて下さったサイトはとても参考になり、親要素関係なく指定出来る事がわかりました。
このサイトの記述による解釈によると1枚の画像をポジション指定により表示するので、はやり私の書いた上の方法では意味のない、むしろ重くなってしまうという解釈で宜しいのでしょうか?
そこらへんが詳しく書かれていないので最終判断に困っております。宜しければ教えて頂ければ幸いです。

813:Name_Not_Found
11/04/07 13:49:25.19 ATZ3VhwY
背景を透過させたサイトを作っているのですが、
背景だけを透過させたいのに、サイト内のすべての画像が透けてしまいます。
背景のみ透過させる方法はないのでしょうか?

814:Name_Not_Found
11/04/07 13:50:13.20
>>813

>>796-

815:Name_Not_Found
11/04/08 06:07:05.68
>>812
十分理解してるじゃん。
それ以上なにがしたいの?

816:Name_Not_Found
11/04/11 11:30:27.32 5LPARI1S
cssで表の角を丸くする方法で簡単な方法を教えてください。
ネットで見てたらいろいろありますけど、簡単な方法を知りたいです。
できれば、cssのみの方法と、画像(丸)1枚を使用する方法の両方を知りたいです。

817:Name_Not_Found
11/04/11 11:33:21.09

URLリンク(lmgtfy.com)
URLリンク(lmgtfy.com)

818:Name_Not_Found
11/04/11 17:39:09.73
>>816
表の角を丸くしてるサイトのソースをパクる

819:Name_Not_Found
11/04/12 06:33:40.97
>>816
ネットで見つけた方法の中で、簡単な方法を使う。

820:Name_Not_Found
11/04/12 23:13:54.32
CSS3で使えなくなったプロパティや値ってありますか?
基本的にCSS2.1に新しいプロパティが加わったと考えて使っても問題ないですか?

821:Name_Not_Found
11/04/12 23:17:36.30
>>820
CSS3 はモジュール化されているからすべてのモジュールを知っている人は少ないと思う。
自分で調べてくれ。URLリンク(www.w3.org)

822:Name_Not_Found
11/04/12 23:31:03.60
わかりました
せっかくなのでまとめた情報をサイトに残したほうがいいですか?

823:Name_Not_Found
11/04/12 23:37:52.71
>>822
まとめてくれるなら助かる。

CSS2.1 は URLリンク(www.w3.org) に property table が用意されている。
CSS3 は URLリンク(www.w3.org)URLリンク(www.w3.org) を参考に。
CSS3 も URLリンク(www.w3.org) に一覧があると良かったんだが、Draft 段階の文書が多くある中でまとめるのは大変なんだろうな…。

824:Name_Not_Found
11/04/12 23:42:47.99
どうやってまとめるの?

825:Name_Not_Found
11/04/13 00:41:29.88
>>824
あなたは>>820なのか?
CSS2.1 のように property table を作って各セルに「対応/非対応」を入れてみては?

826:Name_Not_Found
11/04/13 05:17:07.71
CSS3って、もう一般化してるの?

827:Name_Not_Found
11/04/13 06:56:41.58
>>826
何を持って一般化と言うか知らんが、
2つ以上のブラウザが実装済みのCSS3プロパティは結構ある。

828:Name_Not_Found
11/04/13 10:42:09.07
>>825
俺は824だよ
何でいきなり自演みたいに認定するの?

829:Name_Not_Found
11/04/13 12:43:14.27
>>828
自演とは思ってないが、便乗質問ならわかるようにしてほしい。回答する方も気を遣うんだ。

830:Name_Not_Found
11/04/13 18:32:01.24
質問の内容と口調的に別人だと思ったけどな。
むしろ822と824の方が近いだろう。

831:Name_Not_Found
11/04/13 19:28:29.85
CSS3まとめ用

IE9
Firefox4
Opera11
chrome10
safari5

832:Name_Not_Found
11/04/13 20:26:33.44
まとめ方なんて人それぞれだろうけど、モジュール名まで書いてくれると親切だな。

+-----------------+------+----------------------------------------+
| property name  | CSS2 | CSS3                  |
+-----------------+------+----------------------------------------+
| background   | ○ | Backgrounds and Borders Module Level 3 |
+-----------------+------+----------------------------------------+
| background-clip | ○ | Backgrounds and Borders Module Level 3 |
+-----------------+------+----------------------------------------+

833:Name_Not_Found
11/04/13 20:54:49.59
>>826
2012年に出すIE10ではCSS3への対応度が向上するらしいよ

834:832
11/04/13 20:59:23.39
background-clip は CSS2 にはないね…。すまんかった。

835:Name_Not_Found
11/04/13 21:12:41.36
一人の人にやらせようとせずてめえも一緒にやれや

836:Name_Not_Found
11/04/13 21:27:05.51
>>824に答えただけで怒られるとは思わなかった

837:Name_Not_Found
11/04/13 21:33:49.49
>>835
つ鏡

838:Name_Not_Found
11/04/13 21:39:01.58
俺は必要に迫られて去年からやってるけどここの連中に見せたいと思わない


839:Name_Not_Found
11/04/13 21:51:59.06
ほぼ煽りしかいないからなあ。
少しでも良くなればとたまに回答しているけど難癖をつけてくる人はいるし、質問者はスルー気味だし、ここの人にお世話になった実感はごく僅かだ。

840:Name_Not_Found
11/04/14 20:02:43.62 PM29wuPy
礼を求めるなら2ちゃんは止めた方がいいよ
質問に対して好き勝手に答えるだけでいいんだよ。
間違ってたら誰かが指摘してくれる。

841:Name_Not_Found
11/04/16 17:04:41.82
<span style="background: no-repeat url('img/creditcard.png');">クレジットカード</span>

文字を見えなくしたいのですが背景画像を前に表示するにはどうしたらいいでしょうか?



842:Name_Not_Found
11/04/16 17:24:30.38
<span style="display:none;">クレジットカード</span>

843:Name_Not_Found
11/04/16 17:45:50.78
>>842
width 指定しても画像は表示されないです。。



844:Name_Not_Found
11/04/16 17:46:19.49 lDo7GZYV
AとBとfloatでわけてBの背景にいろつけたいのですけど
Aの文章が長いせいかBに白い隙間が出来てしまします。

min-hight とかつかってもブラウザによって変わってきます。
対策はあるのでしょうか?

845:Name_Not_Found
11/04/16 17:49:19.26 lDo7GZYV
AとBと色違いで高さをいっしょにしたいってこっとです

846:Name_Not_Found
11/04/16 19:02:11.94
>>841
text-indent -9999pxだっけ。mixiとかそこらじゅうで使われてる。

847:Name_Not_Found
11/04/16 19:18:02.61 Xuq06yW1
css3での質問です。
このサイトのフッターを一番下に表示させたいのですが
sectionのheightを100%にするなど、色々試してみたのですが出来ません!
URLリンク(mrgrotesque.com)

なにかアドバイスよろしくお願い致します!

848:Name_Not_Found
11/04/16 19:26:33.83
>>846
できました。ありがとうございます

849:Name_Not_Found
11/04/16 20:20:51.09 Xuq06yW1
解決しました

850:Name_Not_Found
11/04/16 22:46:43.41
全体的に欧文のページで、一部のセルにだけ和文を使いたいのですが、
<td class="ja">和文</td>
td.ja {font-family: "和文フォント";}
としたところ、文字の上下に妙な余白が出来てしまいました。
margin、padding、vertical-align、line-height、position、displayを使って修正を試みましたが、
ブラウザによっては悪化したり、そもそも根本的な解決になっていなくて気持ち悪かったりで、行き詰まりました。

余白の原因をお教えください。

851:Name_Not_Found
11/04/16 23:37:35.95
自己解決しました。読んでいただいた方、ごめんなさい。
td.ja {line-heightではなく
* {line-heightとしたら、
全体的に若干のレイアウト崩れを起こしたものの、問題の余白は綺麗に消えました。

852:Name_Not_Found
11/04/16 23:52:46.17
最近は質問してから自分で考えるのが流行ってるのか?

853:Name_Not_Found
11/04/17 08:41:50.42
↑は解決しました

854:Name_Not_Found
11/04/17 10:10:40.23
お前の寝てる間に、口の中にカメムシ100匹入りますように。

855:Name_Not_Found
11/04/17 16:14:24.35
このスレって他のとこと較べて程度低いよね。
読むと気分悪いからブックマークから外した。
たまに気になって見に来たら、この有様w

856:Name_Not_Found
11/04/17 17:32:52.47
>>855
あなたが回答してくれなくなってからこの有様ですよ。

857:Name_Not_Found
11/04/18 03:03:17.56
それコピペ

858:Name_Not_Found
11/04/18 04:38:20.22
firefoxのstylishでGoogleトップの検索フォームの形をいじってるんだけど
検索結果のURLが/search?q=~から#hl=ja&~に変わったため検索結果のフォームまで変わってしまうんだけど対処法ありますか?

859:858
11/04/18 05:20:46.91

自己解決しました!

860:858
11/04/18 05:29:28.77
>>859
その発想はなかった
この板はだめだな

861:Name_Not_Found
11/04/18 08:45:46.07
ID出せよ

862:Name_Not_Found
11/04/18 15:50:52.00
Yahoo!トピックスなどにあるNewの画像を消して文字に置き換えたいです
Userstyles.orgにあるスタイルを参考に
IMG[src="URLリンク(i.yimg.jp)"]{width:0!important;}
IMG[src="URLリンク(i.yimg.jp)"]:after{
content: "New";
}
などと見よう見まねでやってみましたができませんでした
やり方を教えてください

863:Name_Not_Found
11/04/18 15:55:47.30
>>862
>>246参照

864:Name_Not_Found
11/04/18 16:02:25.88
>>863
ありがとうございます
スレ内検索すべきでした すみません

865:858
11/04/18 23:17:08.49
>>858-860
ワロタ


866:858
11/04/19 06:38:29.41
よし!俺も

867:Name_Not_Found
11/04/19 07:03:17.51
CSSめんどくさい

868:Name_Not_Found
11/04/19 09:08:07.43
この明日も見えない大変な時代やからアムウエイや。
アムウエイやってがんばって成功したら幸せな老後が待ってるんやで。
ねずみ講ちゃうで。アムウエイはすごいビジネスなんや!

869:Name_Not_Found
11/04/19 20:28:13.56
>>868
も、もしかして哲さん?

870:Name_Not_Found
11/04/19 20:47:13.78
IE8、sleipnirでデザインが崩れているという指摘をされて
自分もIE8、sleipnirで確認したのですが、デザインが崩れていませんでした。

PCの環境によってデザインが崩れる場合cssのどの部分に原因があるか
教えて頂けないでしょうか。

IE8、sleipnirでデザインが崩れていると指摘して下さった方はFire foxだと
普通にみれたようです。

871:Name_Not_Found
11/04/19 21:02:02.51
フォント設定とか

872:Name_Not_Found
11/04/19 21:10:17.01
>>870
デフォルトスタイルシートが違う

873:Name_Not_Found
11/04/20 07:40:39.84
IEでクライアント領域の境界線を消すのに <body style="border:0;">
としていたんですが、DOCTYPEを指定すると消えなくなりました。
DOCTYPEを指定しても消す方法ありませんか?

874:Name_Not_Found
11/04/20 23:23:05.14
input要素のbuttonで、押す前と押した時の表示を変えたいです(へこませたい)
hoverを使うとマウスが上に来たときに変えることはできますが、
クリックしているときだけ変えることってCSSで可能でしょうか?javascriptとか併用が必要?

875:874
11/04/21 00:45:39.39
hoverではなくてactiveで期待通りの動作でした
ちょっと勘違いしてました 自己解決

876:Name_Not_Found
11/04/21 01:29:05.43
先行実装だからscript使った方がいい気もするけどね

877:Name_Not_Found
11/04/21 06:11:59.40 MumpncBS
YUIのDataTableのスタイルシートを抽出できないでしょうか。
URLリンク(developer.yahoo.com)

元はといえば、やりたいことはよくある入力フォームでテーブルの左側が見出し(項目名ヘッダ?)になってるやつを、
同じ画面にDataTableがあるので見た目を統一したいのです。

なので、
1.単にCSSだけぱくる
2.YUI DataTableを行列変換(!?)して適用
のどっちも解決方法としてありなのですけど。

878:858
11/04/21 06:12:05.81
えっ!?

879:Name_Not_Found
11/04/24 23:07:27.09
id 属性と name 属性の違いがイマイチわかりません。
name は一切使わず、 全てのタグで id のみを使うという方針で問題ないのでしょうか?

880:Name_Not_Found
11/04/24 23:08:20.38
問題ありませんよ

881:Name_Not_Found
11/04/24 23:14:25.02
inputはname属性必須の時があるから

882:Name_Not_Found
11/04/25 01:09:23.10
文書内全体で一意か、同じ要素で一意か

883:Name_Not_Found
11/04/25 01:14:13.26
>>879
nameは汎用属性ではない。まずどの要素のname属性を指しているか、をはっきりさせる必要がある。HTML4 と HTML5 でも若干違う。

884:Name_Not_Found
11/04/25 14:19:01.25
すべての要素の、すべての属性に「font-style: italic;」の値が与えられているものを表すにはどうすればいいんでしょうか。
*[*="font-style: italic;"] や ["font-style: italic;"]
としたんですけどエラーが出ました。

表記法を教えてください。よろしくお願いします

885:Name_Not_Found
11/04/25 15:11:29.33
>>884
「すべての属性」に該当するセレクタはないので不可能です。
URLリンク(zng.info)


886:Name_Not_Found
11/04/25 15:32:17.33
>>884
規定にある要素、属性を一つ一つ指定していけば原理上は可能だな。泥臭い方法だが。
URLリンク(www.whatwg.org)

887:Name_Not_Found
11/04/25 20:29:06.20
>>886
スタイルが指定されてるかを判定する方法なんてあるの?

888:Name_Not_Found
11/04/25 22:11:16.48
>>887
ない。

> すべての要素の、すべての属性に「font-style: italic;」の値が与えられている
これが満たせるだけ。

889:Name_Not_Found
11/04/25 22:15:23.84
すべての属性の定義が曖昧すぎる

<style>
div[id="font-style: italic;"][class="font-style: italic;"][style="font-style: italic;"] { color: red; }
</style>
</head>
<body>
<div id="font-style: italic;" class="font-style: italic;" style="font-style: italic;">sample</div>

890:Name_Not_Found
11/04/25 22:26:35.00
じゃあstyleとtitleとaltくらいでいいか

891:Name_Not_Found
11/04/25 22:30:20.43
>>890
styleとtitleは汎用属性だが、altは汎用属性ではないのでタイプセレクタを併用しないと実装できないよ

892:884
11/04/26 13:55:20.60
みなさんご回答ありがとうございます。
一括で指定するという方法はないようですので、一つ一つ属性を指定していくことにします

ご回答ありがとうございました。

893:Name_Not_Found
11/04/26 14:46:39.18 PPfIx3xx
IE9で出たバグっぽい症状なんだけど、どうしたら解決できるかな?
overflowで横スクロールできるようにして、その中のaタグにマウスカーソルを
持っていったり外したりするたびに、その下の方にある文章がだんだん下がっていく。
IE8以下ではでない。Firefox、Chrome、Safari、Operaでもでなかった。

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<style>
a { color: #000000; }
a:hover { color: #ff3333; }
div { width: 5em; overflow: auto; }
p { width: 15em; }
</style>
</head>

<body>
<div>
<p><a href='test.html'>テスト</a></p>
</div>
ここが下がっていく。
</body>
</html>

894:Name_Not_Found
11/04/26 15:55:06.40
>>893
divにheightで回避できるが、それじゃ根本的な解決にはなってないんだよな?

895:Name_Not_Found
11/04/26 16:44:29.54 PPfIx3xx
>>894
高さの決めうちは無理な場所でしたけど、height: 100%;で回避できました。
助かりました。ありがとう。
(positionとかfloatとか試したけど結局だめだったな。)

div { width: 5em; overflow: auto; height: 100%; }

896:Name_Not_Found
11/04/26 22:44:02.99
IE9を使える環境の方に質問します。
IE9で-ms-filter (又はfilter)って効果が有効になってますか?それとも無視されますか?

897:Name_Not_Found
11/04/26 23:08:52.32
>>896
IE9 は opacity が使えるけど、それじゃダメ?
URLリンク(msdn.microsoft.com)


898:Name_Not_Found
11/04/26 23:15:14.21
MSDNではIE8までしか触れられてないな
URLリンク(msdn.microsoft.com)

899:Name_Not_Found
11/04/26 23:16:23.87
>>897
こちらはIE9使えないので、filterのIE9での対応状況を知りたいのです。

900:Name_Not_Found
11/04/26 23:31:39.40
>>899
-ms-filter は IE9 でも使えるんじゃないかな…。
URLリンク(github.com)
URLリンク(stackoverflow.com)


901:Name_Not_Found
11/04/28 14:38:01.14
>>896は逃げたか

902:Name_Not_Found
11/04/28 14:59:10.36
逃げたとかイミフ

903:Name_Not_Found
11/04/28 19:20:47.25
896です。ずっと待ってますが、IE9で実際に試せる環境を持ってる人は居ないんですかね?

904:Name_Not_Found
11/04/28 19:40:53.39
わし Winちゃうねん

905:Name_Not_Found
11/04/28 21:31:56.82
>>903
ここで人に試してもらうのと>>900のリンク先で試した人のログを見るのは信頼性に大差はないと思うんだけどな。

906:Name_Not_Found
11/04/28 22:01:01.96
>>905
900はIE9リリース前の書き込みじゃないの

907:Name_Not_Found
11/04/30 07:25:05.29
css のクラスの指定で
<div class="a">a</div>
<div class="b">b</div>
<div class="a b">a and b</div>
とある時に
3つめの要素のみにスタイルシートを当てる事は
javascriptをつかわずに出来ますか?

908:Name_Not_Found
11/04/30 09:49:58.95
.a.b { }

909:Name_Not_Found
11/04/30 12:07:05.81
>>908
そんなふうにかけたんですね。
ありがとうございます。

910:Name_Not_Found
11/05/01 18:57:54.15 i4M9F+/0
>>612
背景透過PNGと背景影画像のBOXをずらして表示

911:Name_Not_Found
11/05/02 20:37:35.08
>>910
そういうダメテク教えるなよ

912:Name_Not_Found
11/05/02 21:10:54.87
ウソテックイズ

913:Name_Not_Found
11/05/03 07:56:59.85
すみません質問させてください
URLリンク(iup.2ch-library.com)
この画像にあるように自分のブログにも、画面の上に戻ったり
コメントをするボタン?みたいなのを付けたいのですが
これはどこのサービスなのでしょうか?
もしスレ違いでしたら該当スレを教えていただけませんでしょうか?
よろしくお願いします

914:Name_Not_Found
11/05/03 12:57:33.63
この画像をどこから拾ったのか書いてよ

915:Name_Not_Found
11/05/03 13:32:13.37
>>914
レスありがとうございます
2ちゃんブログの俺的ゲーム速報っていうところが使っていて
すごく便利そうだなと思って自分も付けたいと思ったのですが
いくらググッても全然ヒットしなくて質問を書かせてもらいました
なにか情報をお持ちでしたらお願いいたします


916:Name_Not_Found
11/05/03 13:44:56.07
>>915
positionプロパティと、HTMLのフラグメント
てか自分でソース見りゃ早いんじゃないの

917:Name_Not_Found
11/05/03 14:01:58.14
サービスじゃなくて自分で実装してるんでしょ
ソース見たけど単純なものだよ

918:Name_Not_Found
11/05/03 14:08:13.36
>>916
返信ありがとうございます
>>916さんの書いた内容がまったく理解できないほどの
素人なんです
でも一つだけ分かったのは、どこかのサービスを利用してるわけではなく
HTMLというのをいじって自分で作ってるものなんでしょうね
ちょっと初心者にはハードル高そうです
返信ありがとうございました


919:Name_Not_Found
11/05/03 14:10:29.99
>>917さんもありがとうございます
やっぱり自分で実装してるものなのですね
勉強になりました
ありがとうございます


920:Name_Not_Found
11/05/03 14:12:13.21
>>896について、実際に試せる方よろしくお願いします。
IE9標準モードでも-ms-filter (又はfilter)は使えますか?

921:Name_Not_Found
11/05/04 02:28:21.86
>>920
自分で環境用意しなよ

922:Name_Not_Found
11/05/04 03:00:33.92
マジでIE9インストールした奴このスレには居ないの?俺はXpだから無理

923:Name_Not_Found
11/05/04 10:08:53.15
MacのVMにWin7+IE9入ってるけど、なにすればいい?
filter動くか試せばいいの?

924:Name_Not_Found
11/05/04 12:20:11.14
> filter動くか試せばいいの?
その通りです。よろしくお願いします。
Mac上のWin7でもIE8ではfilterは使えたのですよね。

できましたら、HTMLの先頭行にDOCTYPE(<!DOCTYPE html>等)宣言文の有無で
filter表示が変わらないことも確認して戴けたらありがたいです。

925:Name_Not_Found
11/05/04 12:32:18.47
どっちも使えたけど

926:Name_Not_Found
11/05/04 13:00:38.42
ありがとうございました。

CSS3を使えるブラウザではfilterと似たような効果で代用していましたが、
そうするとIE9では効果が重複してしまうので片方を殺さないといけないですね。

927:Name_Not_Found
11/05/04 23:12:38.61
次の患者さんどうぞー↓

928:Name_Not_Found
11/05/06 11:30:45.04
  zzz
  <⌒/ヽ-、__
/<_/____/

929:Name_Not_Found
11/05/10 16:22:09.14
左から2番目のセルのみ背景を変えたいのですが
td:eq(1){
background:#f00;
}
としても変わりません
eqを使うものだと思ってたのですが方法ございませんか?

930:Name_Not_Found
11/05/10 16:29:07.22
eq() は jQuery の独自拡張じゃなかったっけ?
URLリンク(api.jquery.com)

931:Name_Not_Found
11/05/10 16:30:25.40
>>929
URLリンク(zng.info)

932:Name_Not_Found
11/05/10 16:32:53.11
929は1000のダメージを受けた
eqじゃないのですね
nth-childでした
ありがとうございます

933:Name_Not_Found
11/05/11 00:27:03.42
は?

934:Name_Not_Found
11/05/11 17:15:25.95
<li>タグの中のテキストを上下左右中央にするのはどうすればいいですか?
一応<li>にwidth170pxとheight30pxの設定をしてます。

935:Name_Not_Found
11/05/11 17:47:50.66
>>934
line-height:30px; text-align:center;

936:Name_Not_Found
11/05/11 18:10:59.96
>>935
あほか?そんなんで中央にくるわけないだろwww
知らないくせに黙ってろよwww

937:Name_Not_Found
11/05/11 20:10:29.89
>>936
じゃあどうすればいいの?

938:Name_Not_Found
11/05/11 20:11:13.98
企業HP程cssを@importで読み込んでるのを見かけるんですが
これはどのようなメリットがあってcssを分けて読み込んでるんでしょうか?

939:Name_Not_Found
11/05/11 20:16:50.57
>>937
だからさ、分からないなら黙ってりゃいいんだよ
わざわざ間違ったレスしなくていいから

940:Name_Not_Found
11/05/11 20:29:32.07
>>935で合ってるだろ
何がどう間違ってるか説明しような

941:Name_Not_Found
11/05/11 21:06:32.51
フォントの設定について教えて下さい。
一般的にフォントは何が一番標準なんですか?あとフォント設定する時はfontとfont-familyの両方設定するんですか?

942:Name_Not_Found
11/05/11 21:29:37.10
指定しないのが標準です

943:939
11/05/11 22:44:50.03
>>940
もうしわけありません

944:Name_Not_Found
11/05/11 23:11:46.60
>>935
これで出来ました!ありがとうございました(^O^)

945:Name_Not_Found
11/05/12 17:25:24.26 YW3+VsL/
>>941
フォントの指定はしてはいけません
それはwindows厨のわがままです。
全ての悪はマイクロソフトです
絶対にフォントの指定はしてはいけません。


946:Name_Not_Found
11/05/12 18:23:41.95
ブログなどのページで縦にずらっと長いページの全体をラップしている<div>に高さは指定しなくていいんですよね?

947:Name_Not_Found
11/05/12 18:51:01.29
しなくていい

948:Name_Not_Found
11/05/12 21:09:35.51
dreamweaverでflashを挿入したらIEで見たときに毎回ActiveXコントロールのダイアログが表示されるんですけど、これを消すことってできないんですか?

949:Name_Not_Found
11/05/12 21:28:02.04
css3のプロパティ一覧ってありませんか?
各ブラウザで検証してて最新情報の。
古いのは海外ので知ってるんですけど古すぎるので

950:Name_Not_Found
11/05/12 21:51:04.87
>>948
swfobject使え

951:Name_Not_Found
11/05/12 22:24:06.45
命令するなっ!

952:Name_Not_Found
11/05/12 22:26:16.51
じゃあ使うわないで
好きにしていいのよ

953:Name_Not_Found
11/05/12 22:26:21.12
初心者どもは黙って俺の言うとおりしてりゃいいんだよ

954:Name_Not_Found
11/05/12 23:23:40.29
>>949
ありますん

955:Name_Not_Found
11/05/13 00:02:28.90
あるなら書けよ

956:Name_Not_Found
11/05/13 09:53:27.76
無いアルよ

957:Name_Not_Found
11/05/13 17:56:48.63
<li>(width:170px height:30px)の中にある文字のリンクのクリック範囲について、そのままにするとクリック範囲は文字だけに適応されますが、<li>のなか全体をクリック範囲にしたいのですがどうすればいいでしょうか?
<a>にdisplay:block;を定義すると聞いたのですがそれをすると他のリンクにも反映されてしまいます。
できれば<li>のなかのリンクにだけ反映したいです。

958:Name_Not_Found
11/05/13 18:29:19.20
li a { display:block; width:170px; height:30px; }

959:Name_Not_Found
11/05/13 19:16:15.63
>>958
出来ました!天才でした!

960:Name_Not_Found
11/05/15 06:14:57.54
IE9はこれ使えん。使ったら、真っ白になる。

<!--[if lte IE 8 ]> ]

961:Name_Not_Found
11/05/15 14:50:01.37
使うな

962:Name_Not_Found
11/05/15 14:58:20.06
>>960
コメントを閉じてないからじゃないの

963:Name_Not_Found
11/05/15 15:01:28.98
こいつすげーアホだな

964:Name_Not_Found
11/05/15 16:19:10.94
>>960
笑ったw

965:Name_Not_Found
11/05/15 17:29:46.89
釣りにしても酷すぎる

966:Name_Not_Found
11/05/15 22:44:43.89
ズコー 思わず二度見した
流石に釣りだよなあ…

むかしセミナーで、条件付きコメントは使わないでってmsの人が言ってたな
業務では使ったコト一度も無いけれど、HTML5とCSSハック絡みで使ってるサイトはたくさんあるね

967:Name_Not_Found
11/05/16 22:11:29.34
ほんだらさっさとIE8以下のサポートを切ってほしいところだ

968:Name_Not_Found
11/05/16 22:43:57.99
一番危険なIE9は残すのかよw

969:Name_Not_Found
11/05/17 06:25:53.76
>>966
あれ作ったのieの中の人だろ
自分で否定してるのか

970:Name_Not_Found
11/05/17 07:29:58.39
>>969
まあ自民と民主の関係みたいなもんだろ

971:Name_Not_Found
11/05/24 12:18:00.59
テキストの選択が出来なくなりました。直すにはどうしたらいいんでしょうか?
自分で作っておきながらなんですが、すごく鬱陶しいので直したいんですが方法がわからないので直しようがないです。
お願いします。
UbuntuのFirefox3.6です。

972:Name_Not_Found
11/05/24 12:43:57.68
コードも張らずに?w

973:Name_Not_Found
11/05/24 12:47:30.44
>>972
コードってなんですか?直すのに関係無いと思いますが。
環境は書きましたが?

974:Name_Not_Found
11/05/24 13:05:23.30 ZLF/lP3e
cssの質問じゃなければスレ違い、死ね
cssに関するならコード貼れ、ぼけ



975:Name_Not_Found
11/05/24 13:07:11.64
おめぇが書いたCSSやHTMLのせいじゃねぇの ってことじゃね?
他のサイトでもテキスト選択できなくなっているのだとしたら
おめーのPCぶっ壊れてる

976:Name_Not_Found
11/05/24 13:09:10.04
釣れたwww

977:Name_Not_Found
11/05/24 13:52:24.90
idを晒さない質問者のレスは信用しない方がいいな
このところ騙りが多いし

978:Name_Not_Found
11/05/24 16:18:13.73
>>976
そんなに悔しかったのか?www
後だし釣り宣言ほど恥ずかしいものはないんだがwwww


979:Name_Not_Found
11/05/24 16:21:08.24
>>971を翻訳してくれ

980:Name_Not_Found
11/05/24 17:13:48.41
「いつまでも割れwindowsを使ってるのは気が引けるからUbuntuにしたらテキストの選択が出来なくなったんだけど、どうするの?」

ってこと。


981:Name_Not_Found
11/05/24 17:17:20.35
OSの話はスレ違い

982:Name_Not_Found
11/05/25 03:35:46.20 NNaTPDR6
classがaaaのdivの中にあるidがbbbのものは # や . を使ってどう指定できますか?

983:Name_Not_Found
11/05/25 03:43:59.14
div.aaa #bbb

984:Name_Not_Found
11/05/25 04:47:43.02 Y7P/3aQ3
キタっ、SEO対策に使っても削除しないブログ
URLリンク(www.c-recipe.biz)


最新レス表示
レスジャンプ
類似スレ一覧
スレッドの検索
話題のニュース
おまかせリスト
オプション
しおりを挟む
スレッドに書込
スレッドの一覧
暇つぶし2ch