乙
┌─────┐ │ いちもつ ♪│ └∩───∩┘ ヽ(`・ω・´)ノ
あ?11stだろうが
>>1 ,7,8てめーら幼稚園からやり直せwwww
マジレス 何も知らない奴→「とりあえず3rd以上はthじゃないの?」 ・今回は運が良かったな。とりあえずセーフ 馬鹿が間違った憶測で勘違いする→「1stなんだから11stだろww」 ・情弱の典型例。CSS以前の問題 このスレの一般住人→「11は『Eleven+th』なので11th、ただし21以上の場合は 『Twenty-first』なので21stになる」 ・常識だな
じゅういっす!
ちなみに11はティーンズには入らない
初心者だけどいろんなホームページのソースみて勉強してます! みんなはどんな風に勉強してる?
同じだよ。どの本にもまずは他のウェブをみて学べって書いてある
ほかのWebのソースはPHPとかでぐちゃぐちゃに書き換えられた後のソースだったりテーブルレイアウトだったりで 意外と話にならない <div> <div> <div> <div> <h1>なんとか</h1> </div> </div> </div> </div> こんな風になってることがザラ
divばっか使ってるとこは確かにウザイ。 有名サイトのソースみて勉強するといいよ。 素人のサイトソースなんかみてもなんも勉強にならん
参考書として見るサイトを決める基準が「有名」ってのは大間違いすぎだろ 大前提としてHTMLがそれなりにまともじゃないと「なんも勉強にならん」よ
ふむ、じゃあまずもっとも有名なgoogleのサイトを見てみるか html>body>div>form>div>div>table>tr>td>table>tr>td>div>table>tr>td>table>tr>td>div なるほど
正直テーブルレイアウトってなんのことかわからない
HTMLに<table><tr><td> とか display:table-cell とか つかうのを嫌ってる人のことじゃないの。
それはdiv厨
じゃあリファレンスサイトでも見てろよ。
ぶっちゃけリファレンスサイトのほうがW3Cより役に立つよね このタグはFirefox、GoocleChromeで機能しますが IE8未満は動かない とかそういう重要な情報はW3Cにかいてねーし。
HTMLっていうか、なんていうか、このスレいらなくね
そりゃW3Cは各ブラウザの実装まで管理する立場にないし
スタイルシートって普通は自分で作るんですかね みんなどうしてる?
え?じゃあお前どっからかパクってきてんの?
作り方がわからない;
全部
どのへん見ればいいって・・・
>>32 みたいな基礎的なこともわかってないのに。
お前むいてないわ。CSSやめろ
ごめんなさい 全部見てから出直す
Javascriptで位置を調整する
>>40 んーやっぱりCSSだけではダメなんでしょうか
出来ればjavascriptは使いたくないので、あんまりスマートではないですが画像を縦に並べることで解決したいと思います
ご回答ありがとうございました
CSSでも別にできるよ ただ、たとえばあとから ここは200*250pxのjpg画像をおいてたけど この300*300の画像に置き換えよう! とか思ったときに、ほかのすべての画像の位置をすべて手直しする手間がかかる。
みんなどうやって勉強しましたか? 本買った?それともネットで勉強した?
後者かな
とりあえず今は
途中送信してしまった。 とりあえず今はCSS3なんて新要素覚えずにCSS2とHTML4からゆっくり覚えとけばいいよ ベンダープレフィックスとかは気にしなくてイイ。 他のブラウザに対応していく技術は基本を覚えてからだ。
CSS2とHTML4→CSS2.1とHTML4.01
>>32 これって壁紙設定したら上からborderで枠作ってるの?
どこをみて壁紙設定してるって思ったの?
あぁそういうことね。 h2にmarginやらpaddingやらbackgroundやら付加してるだけだよ
にしても
>>32 のテンプレ配布サイト見てみたけど、それなりに綺麗なコードで構成してるのな
見習おうと素直に思った
32のサイトならこれ以上きれいにかけないね。
商用サイトテンプレが結構参考になるの沢山あった気がする。 個人的にNo5、7、14、19、20、21、23はいいな って思った。
body{ margin:0px; padding:0px; } div{ margin:0px; padding:0px; display:inline-block; width:50%; } これだけではdivを画面いっぱいに横並びにできないのですが他に何が必要でしょうか。 widthを下げると横並びになるので、何かがはみ出ているのでしょうか。
>>55 divが2つだけで連続している状態です。
何かってってなんだよdiv自体だろ
100<50+50 ってこと
>>55 inline-blockを使おうとする理由を
inline-blockでググって読んで考えてからまた来てください
inline-blockの使い所ってぶっちゃけあまりないよね
inputタグのtype="text"が横並びに2つあるとき IE8では、文字を日本語で入力した場合は、1,2px下にずれちゃうんだけども 原因なんですかね?
62 :
Name_Not_Found :2012/02/01(水) 09:34:03.73 ID:m2sTH90t
>>55 最初のDIVの終了タグの後に改行があり、
その改行文字が半角空白に置換されているのでは。
100% < 50% + 半角空白の幅 + 50%
>>62 HTML書いてないけど確かにその可能性はある。
エスパーレベル2級くらいだ。
<textarea></textarea> に textarea{ width:100px; height:100px; } を指定すると、テキストエリアをリサイズできる機能を持ったブラウザ(Chromeなど)で100px以下にリサイズできなくなります 表示したときに100pxのサイズで表示させて、ユーザーがリサイズしたいときは100pxいかにも出来る方法を教えてください
>>62 あたりっぽい。
〜〜</div><div>〜〜
にしたら50%でも並んだ。
>>66 ダメです
Chromeだと指定したサイズ(px,em,%)以下にリサイズできないです
というかそういう事例を一体どこで使うのさ。
横だがめちゃくちゃ有用な設定だと思う
div自体に厚みがあるのか。
本見ながらTOPページは作ったんだけどCSSってコンテンツの部分どこに作るん? サンプル見てもTOPだけでコンテンツ部分はリンク切れになってるもんで
headの中にstyleタグつけてコメントアウト またはlink張って別ファイル
<style></style>はコメントアウトしろ みたいなこと書いてるCSS入門書とかあるけど あれって別にいみねーよな。 XHTMLならむしろ間違いだし。
30年前のブラウザ使うときに困るからコメントアウトすべき
基本linkのほうがかっこいいよね
そもそもlink使わないとHTMLの中にCSS入れることになるから汚い
すみません、質問です。 <span class="aaa">AAA</span> <span class="bbb">BBB</span> <span class="aaa bbb">AAA BBB</span> というタグがあったとして、 「aaaとbbbの両方のクラスが定義されている要素」だけにスタイルを適用したいのですが、 CSSのセレクタはどう記述したら良いのでしょうか。 よろしくお願いします。
78 :
78 :2012/02/03(金) 19:12:36.39 ID:9HeKXsnK
初心者です。お願いします。 -----------こういった線の処理-------------- をしたいのですが、ボックスを3つ作って右と左端のボーダーは何か するのでしょうか?
>>77 .aaa.bbb
でもたぶんそれはHTMLを見直すべきだと思う
>>78 日本語で
ようわからんが、:before / :after 疑似要素使えばいいんじゃない
81 :
78 :2012/02/03(金) 19:42:29.85 ID:9HeKXsnK
>>80 ありがとうございます。
:before / :after 調べて見ましたが自分には難しそうなので
安直に文字の罫線
─── センタリングしたら左右ボックスにぴったり合わない ───
でごまかしてみます
82 :
78 :2012/02/03(金) 20:09:51.15 ID:9HeKXsnK
>>81 の方法はIEで失敗しました。( T ▽ T )
ソース貼れ
:beforeは疑似クラスじゃない そもそもIE6は:before使えない
横槍だがrelative指定のspanで隠すのか。 なんかモヤモヤすんなぁ
87 :
77 :2012/02/03(金) 20:54:13.67 ID:???
>>79 できました!
ありがとうございます、助かりました!
> でもたぶんそれはHTMLを見直すべきだと思う
予定表の予定とかは、「重要度」と「緊急度」で分けたりするではありませんか。
その際、重要なものにはclass="important"、緊急なものにはclass="urgent"、
重要かつ緊急なものにはclass="important urgent"を付けたりするではありませんか。
その時に、重要かつ緊急なものを、特に強調して表示したかったのです。
とにかく、目的を達成することができました。
ありがとうございました!
88 :
78 :2012/02/03(金) 21:14:26.14 ID:9HeKXsnK
>>84 ありがとうございます!!リンク先のでなんとなく出来ました!!
ちなみにIEは5.1 NNは4.7で確認してます。firefoxとsafariで見られたので
okにします!
なんだよ、こいつ
なんでそんな6より古いもん使うの。 5とか対応してる個人/業者どこもないぞ
Web板状中の基地外ですよ。いつも同じ質問してる
ラインハイトを固定に設定してるやつ死ねよ フォントサイズを大きくしたらやたら窮屈になる そのくらい考えろ無能ども
>>87 >予定表の予定とかは、「重要度」と「緊急度」で分けたりするではありませんか。
>その際、重要なものにはclass="important"、緊急なものにはclass="urgent"、
>重要かつ緊急なものにはclass="important urgent"を付けたりするではありませんか。
>その時に、重要かつ緊急なものを、特に強調して表示したかったのです。
まるっきり
>>79 の指摘通りじゃねえかww
なんで「強調」に<span class="">を使う?なんでinportantは太字urgentは赤背景両方なら両方が適用されるというような形にしない?
そうしていれば77の質問にはそもそも至らずに済むというのに
>>79 はそういう意味での「HTMLを見直せ」でしょ
>>88 NNってお前何年前の人間だよ
94 :
84 :2012/02/04(土) 01:17:46.58 ID:???
>>85 アウチ…
疑似要素と疑似クラスとごちゃごちゃになってた…
指摘ありがとう
そして吊ってきます
95 :
77 :2012/02/04(土) 01:27:38.00 ID:???
>>93 > なんで「強調」に<span class="">を使う?
<span>は質問のために使っただけで、別に<li>でもいいですよ。
> なんでinportantは太字urgentは赤背景両方なら両方が適用されるというような形にしない?
なんで仕様の方を変えようとするんですか?
・important かつ urgent の場合は赤色
・important のみの場合は青色
・urgent のみの場合は緑色
という仕様だった場合、どうするんですか?
emとかstrongとかの立場って
だから基地外っていってるじゃん。相手にすんな
98 :
77 :2012/02/04(土) 02:01:31.35 ID:???
基地外はあなたですよ。 全く説明になってませんから。 <span class="important">重要な予定</span> <span class="urgent">緊急な予定</span> <span class="important urgent">重要で緊急な予定</span> で、これを<em>と<strong>でどうするんですって?
99 :
77 :2012/02/04(土) 02:03:34.65 ID:???
<p> <em>と<strong>は、 こういう<strong>テキスト内での強調</strong>に使うんですよ。 知りませんでしたか? <em>インライン要素</em>ですからね。 </p>
100 :
77 :2012/02/04(土) 02:04:34.94 ID:???
&lt;と&gt;は、2chでは使えないのか。
>>99 は失敗。
まあ、
>>98 は説明できないだろうから、
引っ込んでてくださいね。
>>95 に、「別に<li>でもいい」って書かれてるでしょ^^
アホだな。 専門学校かなんかで<em>とか<strong>とか習ったんだろうけど、 ちっとも使い方が分かってない。
レスが付かないので自演を始めました^^
それは報告しなくてもいいです
107 :
Name_Not_Found :2012/02/04(土) 19:21:29.20 ID:Ahus5PRI
108 :
Name_Not_Found :2012/02/04(土) 19:34:02.81 ID:Ahus5PRI
111 :
Name_Not_Found :2012/02/04(土) 19:48:47.94 ID:Ahus5PRI
太字と赤背景を合わせておしまいというCSSの書き方はまずない 融通が効かないから
112 :
Name_Not_Found :2012/02/04(土) 20:06:15.13 ID:Ahus5PRI
あとspanかemかというのはどうでもいいこと emは「意味」を強調する 通常、「意味」を強調する場合は「表示」も強調される 一方、spanは「意味」の強調はしない id属性やclass属性で「意味」を持たせることはできる その属性を使用して、CSSでは「表示」を強調することができる 状況に応じて使い分ければいい
基地外が早くいなくなりますように(-人-)
>>112 それは人間がHTMLを読むときの考え方。
idやclassは名前を持たせるだけの意味しかない。
論理的な意味を持たせるならidやclassがなくても意味が通るようにしなければならない。
>>114 > 論理的な意味を持たせるならidやclassがなくても意味が通るようにしなければならない。
それは無理。
それをやろうとすると、無限にタグが必要になる。
例えば詩を表すのに<poem>というタグが必要。
そういうことができないから、idとかclassとかで意味を持たせるんだよ。
そんなことも知らないのか。。。
>>115 そんな当たり前のことをいわれてもな。
HTMLで定義されている範囲に限定されるのはいわなくても伝わると思ったんだが…。
HTMLで未定義の部分をclassで意味を持たせるのは悪くないが、それは人がHTMLの意味論を拡張してわかりやすくしているだけだ。
明らかに「強調」の意味のあるところにemもstrongも使わないところが問題。
見た目は同じでも意味が異なる。
タグを自由につけられるXML最強
>>114 > idやclassは名前を持たせるだけの意味しかない
>>116 > HTMLで未定義の部分をclassで意味を持たせるのは悪くない
言ってること違うしwww
もうね、君、自分の頭の悪さ自覚したほうがいいよ。
強調の意味を付けたければ<em>, <strong>を使えばいいし、
付けたくなければ使わなければいい。
上の奴はそう言ってるんだろ。
タグを少なくすることに拘りだすとclassに偏重して必要なタグまで省略するようになる
>>116 お前の言葉が足りないだけ。
ちゃんとhtmlで定義されている範囲の意味付けはclassやidを使うなって言えば良かっただけの話。
説明不足を人のせいにしたらいかん
つーか、<em>とか<strong>とかにこだわってる奴、同じ奴だろ。
普通、こんなところ拘らないし、
>>77 がどんなのを作ってるのか分からないから、断定できない。
>>118 後半も読んでやれよ
HTMLの意味論と人間がHTMLを読むときの意味論を区別してるんだろ
123 :
Name_Not_Found :2012/02/04(土) 22:30:43.94 ID:Ahus5PRI
おうおう、喧嘩するな こんなのどうでもいいから
<em>と<strong>にしたところで、
>>95 はどうやって解決するんだ?
<em>と<strong>を使うと、
>>79 が言った .aaa.bbb を回避できるの?
基地外発狂しちゃいました;; 休日明けまで自演が続きますので静観しましょう
>>128 そうやって誤魔化してないで、答えてみてよ。
自分が答えられないと、そうやって逃げるんだね。
emとかstrongとか言ってる奴はアホ
132 :
Name_Not_Found :2012/02/04(土) 23:42:39.50 ID:Ahus5PRI
だから、
>>93 は間違いだよ
HTMLを見直したことになってない
なんでこんな馬鹿ばっかりなんでしょうか ?
知るか馬鹿
同意
初心者スレなんだからバカばっかなのは仕方ない お前もむかし あれー、フロートしたらなんか変になったー! とか なんでこのタグがねーんだよクソが! HTML5でタグ笛まくりすばらしい とか思ったろ
論点どこなんだよお前ら id classに意味をもたせる事の是非か? id classはサブカテゴリ的な位置づけでいいだろ
これが正解。 <strong class="important">重要な案件</strong> <strong class="urgent">緊急の案件</strong> <strong class="important urgent">重要かつ緊急の案件</strong>
strongが無意味といってる人へ。 つ Lynx
無意味って誰か言ってた? 使い分ければいいとは言ってたけど。
>>138 なにそれキモい。
そんなのはアプリの設計思想でいくらでも変わる。
前2つを<em>にするのが正解かもしれないし、全部<em>が正解かもしれない。
エンドユーザによって変わるかもしれない。
緊急の案件が強調したいものとは限らないだろ。
最初の質問の
>>77 と
>>79 をよーく見てみ。
>>77 は「強調したい」とは言ってないんだよ。
>>79 はこの段階で「HTMLを見なおせ」と言ったんだ。
そこに
>>93 が出てきて、<em>とか<strong>とかを持ちだした。
>>79 が言ってる「HTMLを見なおせ」は、強調とかそんなことじゃない。
143 :
Name_Not_Found :2012/02/05(日) 08:09:07.72 ID:alj2Ku/S
>>142 つまり「HTMLを見直せ」はどういう意味?
>>141 重要な案件で強調しないものなんてありえるの?
あるとしたらそれは本当に重要なの?
「期限は迫っているが重要度は高くない」 つまり、やってもやらなくてもいい。 やってもやらなくてもいいものを強調するの? 強調するとしたら、<strong>使うの? <strong>で強調するまでもないから<em>を使うの? こういうのは、要求、仕様、設計などによって変わることすら分からないの?
Webページにくるひとは そこに書いてるのが <em>なのか<div class="important"> なのかなんてどうでもいい話
システムの詳細が分からないのに、
よく<strong>が正しいとか言えるよな。
あほらし。
>>151 全くだ。
度を越して変なタグが使われてなければいいだけ。
すみません、こちらでよかったのか分かりませんが教えて下さい 現2カラムの形でコンテナで囲んだ所に 右側サイドバー、左側コンテンツと言うカタチで作っております。 コンテンツ量が少ない場合でも、フッターを下部にへばりつける?風に作ったのですが、 サイドバーもフッターにくっ付くように自動的に伸ばしたいくて、height:100%とかにしたのですが何ら変わりません。 どの様にするのが一番良いでしょうか?
http://i2uma.blog.fc2.com/blog-entry-51.html ちょっと困ってるので教えてください。
上記ページをFirefox、IE9、opera ( 別の異常が ) で見ると一番上の変態さんの横に×マーク ( 画像 ) があるんですが
Chrome Safari ( +iPhone ) だと一番上の×マーク (画像) だけ表示されません。
nth-child(1)等の番号指定のミスかな思ったのですが、そのような指定はしてなかった。
こんなの初めてなんで、何か分かりましたらレスお願いします。
スレ違いなら誘導お願いします。
>>156 >div要素をa要素で括るのは文法違反。
了解しました。
>display: inline を使っているのか知らないけど
別の場面で深く考えずpを使ったため、使いかってを考えてこちらも同じくpにしたのですが、こちらはインラインにしたかったためです。
>height は行内非置換要素に適用できない。
これは単に削除忘れでした。
わざわざ見て調べてくださってありがとうございます。
あるブログで、<ul><li>(リスト要素)が全くマーカーが表示されないから、 デザインテーマで提供されているスタイルシートのlist-style-typeがnoneになっていると思い、 cssにul {list-style-type: disc !important;}を加えたのですが、依然としてマーカーが表示されませんでした。 本文が<div class="section">から始まるので、.section ul {list-style-type: disc !important;}と してみましたが効果がありません。 リスト要素をリスト要素だと分かるようにするために何とかマーカーを表示させたいのですが、方法はあるでしょうか? (はてなダイアリーなのでテーマのスタイルシートを直接いじることは出来ません。)
>>158 margin-left とか list-style-position とかは見た?
ul li {list-style-type: disc !important;}にすると表示できました。なぜかul liじゃないといけないみたいですね。
ulとliの間にタグが挟まるとアウトですが、これで様子を見てみます。
>>159 ,160
ありがとうございます。申し訳ありませんが、どこを見ればいいのか分かりませんでした。
>ulとliの間にタグが挟まるとアウト ULの子要素はLIだけなので、そういう状況はないはずです。
初心者質問お願いします。 } #TopicPath1 h3 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "MS Pゴシック", "MS PGothic", sans-serif; font-size: 24px; color: #600; width: 780px; font-weight: bold; padding-right: 10px; padding-bottom: 0px; background-image: url(images/SubHeadBack.png); background-repeat: no-repeat; background-position: 0px top; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 4px; height: 54px; line-height: 54px; vertical-align: middle; padding-left: 10px; padding-top: 3px; ネットで調べたらheightとline-heightを同じにすればvertical-align: middle で天地センタリングになるということで背景画像の中心にガイドを引いて天地 同pxで画像の幅を設定したのに、ピタっと真ん中に入るのがpadding 3pxです。 こういうのは、そもそもコードとして反則なのか?プレビューでまとまってれば どうやってもOKなのか?初心者なので、なんでこうなるのか、この処理でいいのか わかりかねています。どうなんでしょうか?
CSSリセットしましょう
いいんじゃね
下記のブログのCSSを弄り、IE・Chrome・Firefoxにて表示確認をしていますが、
Firefoxだけズレたり、文字が表示されない箇所があります。
自力での解決ができないため、お知恵を貸していただければと思います。
サイト:
ttp://kabehi.blog.fc2.com/ ※アダルトサイトになる為、閲覧注意願います。
問題点
右カラムの逆アクセスランキングが、Firefoxだけ
右はじのアクセス数のところで切れてしまう。
アクセスランキングのサイトにて、表示幅を狭くすると
幅は小さくなりますが、どうしても全体が表示されません。
Firefoxは、最新の10にて確認をしております。
※昨日、優しく答えるスレのほうに質問をしましたが、その後
何度か更新をしているうちに表示が治ったため質問を取り消しました。
しかし、本日確認すると再度同現象が発生した事から
こちらの方へ質問させていただきました。
なんでマルチするの?
バカだからでしょ
171 :
170 :2012/02/09(木) 03:28:29.75 ID:???
ってそれはpreの対策か。失礼。 tableでは無理っぽいので overflow:auto; でごまかすしかない?
テーブル使わないのが一番
質問です。 ブロック要素のサイズをマウスで広げたいのですが、 「要素のボーダー部分をドラッグして広げる」ということはできるのでしょうか。 できる場合、どのような感じになりますでしょうか。 簡単で結構ですので、何かヒントになるものを教えてください。
{ width:xxx; height:yyy; } のxxxとyyyをマウスで選択して好きな数字を入力する。 ソフトキーボートがあれば数字もマウスで弄れるよ。
ボーダ部分をドラッグしたいのですが。 ああ、これはJavaScriptの質問ですね。
ナニイッテンダコイツ
>>173 JavaScriptで
>>176 回答してくださってありがとうございます。
>>178 なるほど、jQueryのResizableプラグインというのがあるんですね。
プラグインの存在が分かり、なんとかなりそうです。
ありがとうございました。
180 :
Name_Not_Found :2012/02/11(土) 18:38:58.39 ID:kyQRwaDT
Firebugで調べられないの?
183 :
Name_Not_Found :2012/02/12(日) 13:45:38.24 ID:/DiQ4ZFf
テスト
184 :
Name_Not_Found :2012/02/12(日) 13:52:40.81 ID:/DiQ4ZFf
■iphoneの表示に関する質問です。 inputタグに強制的に角丸が付いてしまうのですが、 これを他のブラウザ同様に無くす方法はありますでしょうか。 ※▼左側だけ直角にしたい (android、chrome、iphoneシュミレーターでは効くが実機だけ無理) <style> .search { /*background-color:#c70000;*/ border: solid 1px #000; -moz-border-radius-topright:12px;-webkit-border-top-right-radius:12px; -moz-border-radius-bottomright:12px;-webkit-border-bottom-right-radius:12px; -webkit-appearance: none; } </style> <input type="submit" class="search" value="検索する" /> よろしくお願いします
左側を0にすれば?
すっげー汚い書き方するのな。
border : 1px solid #000 ; border-radius : 0 12px 12px 0 ;
border??styleがdottedなどの時、borderの隙間は、その要素のbackgroundか親要素のbackgroundで処理されるか規定されていますか?
img { vertical-align: top; } を使って、画像の右側に上の辺から文字を書いているんだけど、 最後1行だけは画像の下の辺につけたいんだ。これってCSSで指定できますか? ■■■■■aaaaa ■■■■■bbbbbbbbbb ■画 像■ ■■■■■ ■■■■■cccc←これ
>>189 imgをleftにfloatしてccccの入るBOXをclear:both;でどう?
<img src="hogehoge.jpg" style="float:left;">
<div>aaaaa<br>bbbbbbbbbb</div>
<div style="clear:both;">cccc</div>
>>190 レスありがとう
ごめん最初に書いておけば良かった
clearしちゃうと画像の下辺の下にきちゃうんだ
■■■■■aaaaa
■■■■■bbbbbbbbbb
■画 像■
■■■■■
■■■■■
cccc←clear: both;
画像の右辺に配置して下辺について欲しいんだけど・・・うまくいかない
CSSで言うと cccc だけ img { vertical-align: bottom; } みたいな
テーブルでなんとかするか・・・?なるか・・・?
flexboxだ
196 :
Name_Not_Found :2012/02/16(木) 18:30:54.74 ID:imZpQH7R
htmlのソースがこのようになっていて <li> <span><a>日付</a></span> <span><a>テキスト</a></span> </li> spanに対してdisplay:blockを指定して、日付とテキストを上下に配置されるようにしたのですが この状態だと文章が終わった右側にもaの領域が広がってしまって悩んでいます 理想はdisplay:inlineを指定した時のように、文章の横幅ピッタリにaの領域が指定されるようにしたいのですが・・・ アドバイスをお願いします
<dl> <dt><a>日付</a><dt> <dd><a>テキスト</a></dd> </dl>
>>197 返信ありがとうございます
ですがこのソースは変えないでcssで設定する方法でどうかお願いします・・・
li > :nth-of-type(2):before{ content: "\A"; white-space: pre; }
>>199 返信ありがとうございます
なんだか本に無い式もありますが調べてやってみたいと思います
>>191 画像の高さ固定でaaabbbとcccはBOX分けてもいいなら
こんな感じかねぇ。
<img src="hogehoge.jpg" style="float:left;height:100px;">
<div style="height:80px;">aaaaa<br>bbbbbbbbbb</div>
<div style="height:20px;line-height:20px;">cccc</div>
>>196 試してみたけど、別にaの領域は広がらないけどなぁ。
aもdisplay:block;になってるんじゃまいか?
【CSS】
span {display:block;border:1px solid #000000;}
a {background-color:#DDDDDD;}
【HTML】
<ul>
<li>
<span><a href="#">日付</a></span>
<span><a href="#">テキスト</a></span>
</li>
</ul>
ある要素に適用されるcssを無効にできないでしょうか <span style='!important;'>spanに適用されてるcssを無効にしたい</span>
<span <!-- style='!important;'--> >spanに適用されてるcssを無効にしたい</span>
>>203 style属性に無効にしたい効果を書けばいいんじゃないの?
あるいはspanにidかclass振ってオーバーライドとか?
地道に消すしかないんですね ありがとうこざいましたたm(__)m
そもそもCSSを無効なんて絶対にありえないし。
何言ってるかわかんないし。
javascript使えばできるが
どうやるの
無効はなかった。再セットだな。
ブラウザの拡張機能入れれば出来るよ
配色で 黒は高級感 赤は情熱 ・ ・ ・ とかいって色を考えようとかいうのたまにあるけど あれってただの占いみたいなもの? それともちゃんとした科学的根拠あるの?
やっぱりstyle無効あるわ。DHTML出できる
>>196 display:block なんか使わず、ただ単に改行すればいいんじゃね?趣旨違ったらすまん。
>>215 それ、予測するに一般的に推奨されないやり方なんじゃない?
無効化って言ったら、新しい要素生成して、適用されているであろうプロパティのデフォルト値とってきて、styleにセットするしか
カスケードスタイルシートだからな。 オーバーライトするか、大元の要素をセレクタで限定してスタイリングするしかない。
カスケード→カスケーディング オーバーライト→オーバーライド
カスケード→カスタード オーバーライト→オーバーヘッド
CSSにも三種あってな 制作者スタイルシートは無効化できるが、ユーザスタイルシート、デフォルトスタイルシートはJavaScriptから無効化できない
224 :
Name_Not_Found :2012/02/24(金) 08:23:56.69 ID:bphrcSRC
max-heightについてなんですが、 横幅が50%固定の際、 高さを横幅に対して3/4で表示したいです。 うまい方法ないでしょうか・
227 :
Name_Not_Found :2012/02/24(金) 23:48:43.46 ID:bphrcSRC
>>226 横の%指定は効くみたいなんですけど、
縦の%指定は効いてくれません
本当にそれでできるんですか?
Javascript使う CSSはJavascriptを併用しないと縦横の比率を保ったままサイズ変更みたいなほんのちょっとだけでも計算が必要になると とたんにややこしくなる。あまりにも表現力が貧弱すぎる。
>>229 そういうことでしたか。
正直、これぐらいはできてほしいものですが・・・。
納得しました。どうもです。
232 :
Name_Not_Found :2012/02/28(火) 10:49:18.50 ID:1+TMryPg
質問です。 この状態から、内側の青いボックスを外側の赤いボックスのどまん中に 配置したいのですが、どうすればいいでしょうか。 外側のボックスに padding: 50px; と指定すると、なぜか外側のボックスが大きくなってしまいます。 position: absolute; はナシでお願いします。 <style> #outer { width: 200px; height: 200px; background-color: red; } #inner { margin: 0; width: 100px; height: 100px; background-color: blue; } </style> <div id="outer"> <div id="inner"></div> </div>
233 :
232 :2012/02/28(火) 10:54:21.41 ID:1+TMryPg
margin: 0; はゴミです。 いろいろ試していたときの残骸です。 よろしくお願いします。
innerにmargin: auto;
margin: auto; では横位置しかセンタリングできないか position: absolute; が嫌なら relative; は?
236 :
232 :2012/02/28(火) 11:33:16.80 ID:1+TMryPg
>>235 position: relative;
top: 50px;
left: 50px;
ですね!
これは綺麗な書き方ですね。
ありがとうございました!!!
本当に助かりました。
>>236 marginで設定しても同じなのでは…
238 :
232 :2012/02/28(火) 13:35:11.02 ID:1+TMryPg
>>237 #inner で margin: auto; や margin: 50px; とやると、
#inner が #outer の上辺に張り付いてしまうのです。
うまい方法がありましたら是非教えてください。
>>238 innerに display:inline-block;margin-top:50px;*display:inline;*zoom:1;、outerにtext-align:center; でどうだろうか?
240 :
232 :2012/02/28(火) 14:37:29.37 ID:1+TMryPg
うまく動きましたが、高等過ぎて難しいのでだめです^^; でも勉強になりました。 プロパティに*なんて付けられるんですね。 zoomも知りませんでした。
プロパティに*はIE対策だったと思うが
244 :
232 :2012/02/29(水) 01:29:57.59 ID:5fbJwRRa
>>243 あ、なるほど。
これがpositionに頼らない王道のやり方ですね。
marginとpaddingを両方にしっかり指定するんですね。
どうもありがとうございました。
見た目だけなら青いボックスに赤いボーダーを50pxのwidthでつければいいだけだな。 二つのブロックにすることに何らかの意味があるならこれじゃダメだけど
横長と縦長が混じった画像群があります この画像を1列に2枚ずつ、 長方形型の枠に極力空白を作らないよう、横幅いっぱいになるように表示したいと思います 横横だけなら50/50くらいのdivで区切れば問題ないのですが、 困るのが縦長と横長の組み合わせです min-width:25% max-width:60% これで縦は左端に寄り、横は大きく表示され、 そこそこイメージ通りに表示されたものの、 ブラウザの横幅を変えると並ばなくなってしまったり、 今度は横横の組み合わせが横に並ばなくなってしまいます なんとかこれを実現する方法はないでしょうか?
その枠をinlineにするんじゃ駄目なのけ
<ul> <li></li> <li></li> (繰り返し) <li></li> </ul> っていうリストがあった時に、 上から3つずつ順に右寄せ(float:right)するようなCSSって書けますか? 4番目の要素が1番目の要素の真下に来て、その左に5番目がっていうようにしたいです。 リストの内容は変化するので、どの順番で入っても入った順に並べたいです。 宜しくお願い致します。
classやidつけちゃ駄目なら無理
jQueryで簡単に実装できる
252 :
Name_Not_Found :2012/03/01(木) 00:09:10.04 ID:qA4Xm/gX
253 :
252 :2012/03/01(木) 00:09:56.08 ID:???
test
>>251 便利だよね。
IE6-8対策はどうしてる?
レガシーブラウザ用のライブラリでも入れとけば
>>256 IE9.js も selectivizr も、古いPCで表示してみるともっさり重かったんだよ。おすすめの方法知ってる人いたら教えてください。
:first-childと+でも使えば
>>255 JavaScriptでコード書けばいい
古いIEなんぞ相手にしないが正解
261 :
248 :2012/03/03(土) 20:12:40.53 ID:???
ありがとうございます。 jsは無しでもできるんですね。 まだできてませんが頑張ってみます。
わざわざ画像つかわなくてもCSSでいいようなものをいちいち画像にするメリットって何? 文字だけ書いた画像とか。
263 :
262 :2012/03/07(水) 17:01:46.80 ID:???
自己解決
264 :
Name_Not_Found :2012/03/07(水) 17:34:01.03 ID:qwDE84iH
以下のように、<p>タグなかで<span>タグをcenterにもっていきたいのですがうまくいきません <p>タグのなかで要素をcenterに持っていくにはどうすればいいでしょうか <p><span style="text-align:center"> test <span></p>
pで
質問です operaやsafariでのcssの挙動を確認したいのですがインストールしたくありません 様々なブラウザでのcssの挙動を確認できるシミュレーターとかありませんか?
答えたくありません
じゃあ答えんなカス
あるわけねーじゃん。バカじゃねーの。
Operaなら俺がSS撮ってやる 999,999,999,999,999\/1ページで もしくは氏ね
もしあったとしても、シュミレーターなんぞ入れるよりブラウザ入れるほうが よっぽど要領も少ないし、日頃セキュリティ対策が必須のソフトなのだから被害も少ないと思うぞ。
完璧なシミュレータなんぞ無いしね。
質問です。ホームページを作ってるとかそういうのじゃないんですけど… ブログのRSSを購読していて、ある文字列を含む記事を{display:none!important}で非表示にする場合はどのように記述すれば良いのでしょうか?
CSSに文字列検索や条件分岐の仕組みはありません JavaScriptとかでやってください
かろうじて出来るといえば出来る。 nth-childとかで。
>>277 .item:nth-child(2) { display: none!important; } でできたのですが…
非表示にしたい記事が載っているサイトのタイトル等で、CSSを適応させるサイトを制限することはできませんか?
CSS3って勧告まだだろ
言ってる意味が半分わからないけどとりあえずCSSではこのレベルしかできないよ。とだけ言っておくね。 あとはJavaScriptに頼るしか無い
CSS3セレクタは勧告されてるよ
>>280 そうですか… ありがとうございましたm(_ _)m
contentだかcontainみたいな疑似クラス無かったっけ うろ覚えだが勧告前?に削除されたような記憶も
それたぶんCSS4のほうじゃないか?
まあ理解できるまではHTMLもCSSもプログラミング言語かと勘違いする奴は多いよね
スクロールが効かない
ほんとだ。 スクロール効かねぇ・・。 没
その前にその10年前みたいなHTMLをやめろよ 大文字小文字もダブルクォートもバラバラで気持ち悪いし それが一番間違ってる 本題だけど、言ってる意味が全然分からないけどとりあえずマージンとパディングについて何も知らないのが原因じゃね
まったくもって質問の意味がわからん。図での解説がないとエスパー質問だぞこれ
はっきり言うけどコピペしてたら自分のためにならんぞ。
別にいいだろ
最初のうちは別にいいと思う コピペしながらでもタグの意味を覚える気さえあれば
意味も解らずJavaScriptコピったりしてたなー
文化とは、コピペ+α
他板で質問したら、この板に誘導されました: cssの編集に使うツールはどれが良いのでしょうか?
オススメはIntypeかEmEditor+ZenCoding EmEditorは有料だからその期間の間でしか使えない。 Intypeはまだ開発途上だけど結構優秀なエディタ。 いろんなプログラミング書くのにも使えるし予めスニペットが入ってる。(HTML5/CSS3は自分で入れるしかない) あとはWebMatrixっていうMSが出してるWeb開発ツールかな。他にもまだあるけど今言った奴が自分の中ではダントツで使いやすかった。
画像の中の特定の色を消すことってCSSで出来ますか。
できません。
>>306 はや。有難う、出来る方法は他にありますか。
>>307 変えたい箇所全てにクラスを設定するしかないわ。
>>305 ,307
CSSは魔法じゃないからね、そういうのはPhotoShop等画像加工ソフトの役目だね。
そのうちCSSだけでも出来るようになるけどな
それMozillaの幹部が提案した案じゃなかったっけ?
どうしてもCSSでやりたいなら、特定の色で塗ったBOXの中に、特定の色部分を透明にした画像を置けば良し
314 :
Name_Not_Found :2012/03/18(日) 16:34:29.66 ID:QR3pKxtP
ブラウザの幅にあわせて spanタグ単位で改行させたい場合どのようにすればいいでしょうか <span >word1 word2</span> <span >word3</span> <span >word4 word5</span>
>>314 span {
white-space:nowrap;
}
www
318 :
Name_Not_Found :2012/03/18(日) 17:38:58.18 ID:QR3pKxtP
初歩的な質問ですがお願いします。 ブログにて設定を変えるため、cssをいじっています。 現状は3カラムで、順番がコンテンツ、左メニュー、右メニューとなっています。 中を見ると、float:leftで上記の順番に並べられているようでした。 これを左メニュー、コンテンツ、右メニューに並べ替えたいのですが、 こ入れ替えるための方法は ・htmlでソースの順番を入れ替える ・float:rightを利用 以外に方法がありますでしょうか。 htmlがブログ設定画面内だとコンテンツごとに点在しており見つけづらかったので・・。
box-ordinal-group
あぶそりゅーと☆
魔法少女 まーじん☆ゼロか
電子戦隊 クロスブラウザー
>>319 左メニューにfloat:left; 右メニューにfloat:right; で
なんであかんの?
あ、ごめん、勘違い。 順番そのままで コンテンツと左メニューをdivで括って、右メニューをfloat:right;、 divの中でコンテンツをfloat:right; かな。
Font/Zero
ボックスについて教えてください。 ボックスの中にボックスを作りたいのですが、やり方が間違っているようでうまくいきません。 CSS div.out{ border:1px solid #333; width:300px; height:300px; } div.in{ border:1px solid #333; width:150px; height:150px; position:relative; right:10px; } HTML <div class="out"> <div class="in"> </div> </div> ボックスoutの中の右にinを持ってきたいのですが、ブラウザで表示してみると ボックスoutから、左に10pxはみ出して表示されます。 どうしたらいいでしょうか?
position:relativeの使い方についてちゃんと調べて来な あと、実際のソースは違うのかもしれんが、挙動のテストで中身のないボックスを作るのはやめとけ
right:10px; ってなに?
えっ
FORMの中に別のFORMが入っちゃうようなデザインのとき どうしたらいいですかね FORMの中のFORMはただのボタンなので、BUTTONにして ACTIONはJavaScriptにやらせた方がいいですかね
うおおここCSSスレだ間違えた 違うところで聞いてきます
335 :
Name_Not_Found :2012/03/20(火) 21:10:43.62 ID:KJ5Ib4Ny
>>329 簡単な方法は、padding-leftで10px押せw
でもなんか違う! 要は、div.inの150pxは別に変えなくても
そのまま300pxのままでできる方法があったような・・・
336 :
Name_Not_Found :2012/03/20(火) 21:38:17.06 ID:KJ5Ib4Ny
>>329 div.outの中に margin 0 padding 50px
div.inの中に mardin 0 padding 0
そして、div.inは、width:300px; height:300px;
position:relativeはいらない。
それでやってみろ! もしダメなら、
border:1px solid #333 もそれぞれ消してやってみた・・・!
古いIEは確かmarginかpaddingにバグがあったはずだよ。 IEのバージョンは?
ありがとうございます、解決しました。
□ - - □ □ - うまくかけなくてすみません、 ↑のような見た目で実際は-の場所に□が来て、 左と右で丁度画像の縦半分ずつずれるよな配置できればいいと思うのだけど、 なにか良いやり方あるでしょうか?
□□ □□ これの右側を縦半個分ずらしたようなイメージです。 □
>>340 □ -
- □
□ -
>↑のような見た目で実際は-の場所に□が来て、
□□
□□
□□
>左と右で丁度画像の縦半分ずつずれるよな配置
□ □
□ □
□ □
???
>>341 □□
□□
□
>これの右側を縦半個分ずらしたようなイメージです。
□ □
□ □
□
こう?
┌┐ └┘ ┌┐ └┘ ┌┐ └┘ ┌┐ └┘ こうか?
質問者の文がどうみてもエスパーにしか見えん。 日本語で頼むよ。 もしくはそのアイデアが乗ってるサイトかAAじゃなく画像で質問してくれ。
┏┓ ┗┛┏┓ ┏┓┗┛ ┗┛┏┓ ┏┓┗┛ ┗┛ おれは普通にこういうことだと理解した。
┌─┐ │ │┌─┐ └─┘│ │ ┌─┐└─┘ │ │┌─┐ └─┘│ │ ┌─┐└─┘ │ │ └─┘ こうでしょ
│ │ │ │┌─┐ └─┘│ │ ┌─┐│ │ │ │└─┘ │ │┌─┐ └─┘│ │ ┌─┐│ │ │ │└─┘ │ │ └─┘ 違った、こうだった
もしこれだとしたら、たんにズラス分のスペースを空ければいいだけ、absoluteでもOK
まぁボックスを好きなところに配置したいならabsolute安定だよな
┌┐ │├┐ ├┤│ │├┤ ├┤│ │├┘ └┘ 本当に正確なのはこうだろ
質問者しっかりしろ
ワロタ
tableかpositionだよなぁ・・・
>>342 >>352 す、すみません
書き方が悪かったせいで混乱させてしまったようです
自分が望んでいたのは
>>345-347 >>350 のようなのがまさにそうでした
アドバイスしてもらったやり方で今日中に試してみたいと思います
ありがとうございます
縦割りして一番上だけマージンで調整したほうが楽じゃないか?
nth-child nth-of-type があるから古いブラウザに対応させる以外の目的ではTableは要らないだろ
>>355 右上にコンテンツの有無、どういうコンテンツかで全然変わるね。
対応してるブラウザまだないけどboxでも一応
右だけマージンでいいんじゃないの
一列になってるのをジグザグにしたいんじゃないの
IE8ってhover使えないの? div:hover { border:1px solid #e0e; } firefoxだとちゃんとなってるけどIEだと全く反映されない。
361 :
341 :2012/03/23(金) 23:51:13.42 ID:jGmYUoMv
>>355-359 えーと、左右に分割しまして、
左はそのまま、右の頭に空気入れました。
微調整することで希望通りのデザインにはなるのですが、
ウィンドウのサイズを変えると、どんどんずれていってしまいます。
空白の縦幅も相対値にすることってできるんでしょうか?
363 :
361 :2012/03/24(土) 00:29:47.13 ID:???
縦幅半分の透過gif用意して頭に置きました こんなんでもいいんでしょうか。。
それは邪道だろ
<link rel="stylesheet" type="text/css"> <style type="text/css"> <!-- div.auto{border:0px solid #e0e; overflow:visible;width:450;} div.a {border:1px solid #e0e; width:200px;height:200px;float:left;} div.b {border:1px solid #e0e; width:200px;height:200px; float:left;margin-top:100px; /* 縦幅はここを調整*/position:relative;} div.clear{clear:left; } --> </style> <body> <div class="auto"> <div class="a"> </div> <div class="b"> </div> <div class="clear"></div> <div class="a"> </div> <div class="b"> </div> <div class="clear"></div> <div class="a"> </div> <div class="b"> </div> <div class="clear"></div> </div> ・・・繰り返し。 </body> 色々やってたら凄く変なソースになった。 やり方とかあってるのかは知るわけない。
いや一般的ではないw
可変する文章の最後にバックグランドイメージで画像を表示させたい場合どうすればいいでしょうか?
background-position
backgroud-positionで具体的にどのような値を指定すればいいのでしょうか?
ぐぐれよ
>>368 どうしても「背景画像」じゃなきゃいけない理由がないならafter疑似要素でできるよ
after疑似要素については
>>371
ふんとに ?
もう来ねえって言ってんだろ
もう来ねえと言って又来る法則
知ってるけど教えないんだよ。 擬似要素 afterでぐぐればすぐでてくるのに・・ 最近のやつって検索能力すら持ち合わせてないのか
持ってたらこねーよ
>>380 教える能力もないくせに偉そうなことをw
ふんとに ?
おいおい今はafterについてじゃなくて
>>369 だろ?
自動で文章の最後にだったらbackground-positionじゃ無理
通常ならafterでOKだろけど
バックグラウンドで表示したい理由でもあるんじゃない?
例えば最後ちょっと重ねたいとか。。。
ブログの文章の最後に絵文字入れられるってのを再現したいだけなのかな
隣接セレクタ E > F はEの直下であるFについて指定してますけど 『Fであるような要素』を子に持つEを指定したいときはどうすればいいんですか <div class="E"> <div type="F"></div> </div> <div class="E"> <div type="G"></div> </div> こんなかんじの
たぶんないと思う。 子要素を基準に親要素をどうこうしなければいけない時点で文書構造を見直した方がいいのでは。
ユーザースタイルでいじりたいから文書構造はいじれないんです 大人しくPHP突っ込んでくるか……
>>388 CSS3までは不可能です。
CSS4で案は出ています。
ユーザJSを使ってみては?
こんなのあるのか、興味深い。CSS3セレクタもまだ覚えきれてないけど。
これセレクタの語尾に!つけたら否定して次のセレクタを探しに行くってやつなのかな?
ん?[class$=Element]のことでなくて?
あ、ごめん。完全に別物なのね
PIEで背景画像を2種類配置したいんですけど どうにもIEに反映されてくれません CSSに body{ background-image:url(A), url(B); background-repeat:repeat-x, repeat; background-attachment:fixed; -pie-background: url("A") repeat-x top left, url("B") repeat; behavior: url("/PIE.htc"); } こんな感じで記述してるんですが間違いですか? まったくわからなくて頭がスポンジになりそうです…
PIE.jsは、複数背景は対応してない。以上。
url("A") repeat url("B") repeat url("C") repeat かわいい
401 :
398 :2012/03/29(木) 19:56:57.63 ID:???
>>399 そうなんですか?
調べて見るとCSS3の話題で各所に出てくるのですが
それとはまた違うのでしょうか?
>>401 対応してるのが限られてる。ドキュメント読んでみそ
403 :
398 :2012/03/29(木) 20:20:03.63 ID:???
全角スペース混じってるからでないの
それとドキュメントと言われたら原則として公式
406 :
398 :2012/03/30(金) 17:25:03.25 ID:???
全角スペースを半角にして念のためPIE.jsでも試してみましたが 効果がありませんでした… ドキュメント=公式なのですね ありがとうございます
407 :
398 :2012/03/30(金) 17:28:04.33 ID:???
あ、それとposition:relative;も追加してみましたがやはり変化なしでした パスは間違っていないと思うのですが… 何かと相殺?していたりするのでしょうか
408 :
398 :2012/03/30(金) 18:17:41.85 ID:???
連投すみません 結局PIEを使わずに背景を複数配置できる方法を見つけたので そちらを使うことにしました… 早くIEがCSS3に対応してくれることを願います… ありがとうございました
それ以前に使う側の問題がな・・・
ただ単純に画像の階層間違えてるだけじゃないの?
公式見たけど、PIEで複数背景対してるぞ。
tableのtd,thのborder部分に画像を使いたいのですが、そういうことは可能でしょうか?
tableに拘らなければいくらでも可能。
borderに画像とか鬱陶しいだけなんで
おまいらがいつも参考にしてるサイトってある? とりあえずかちびととコリスはいつみてもいい情報があって重宝してる
じゅ・・・重宝
えっ ネタだよな
宣伝乙もなにも。 WEBクリエイターボックス並に有名なサイトなのに何言ってるの
まぁいつもの流れ出し構おう。大御所がこんなとこ見るわけないから
そういう人って大抵海外のクリエイターのブログかなんかみて情報収集してるくらいで初心者が情報求める場にはさすがに来ないんじゃないの。 教えるくらいなら書籍出してるからそれ見ろって言うだろうし。西畑とか。
そもそも名前も聞いたことないんだが 大御所とか有名とか行ってんのマジ本人か信者じゃねーの
とりあえず全員スレチ
>>424 さすがにWEBクリエイターボックスとコリスくらいは知ってるだろ?
日本でHTMLとCSSやってたら普通は目に付くサイトだとは思うが。
どこだよ巣って
おすすめ書籍教えて→◯◯が参考になっていいよ→宣伝乙 おすすめの参考サイトおしえて→◯◯のリファレンスサイトいくと勉強なるよ→TAG index と とほほ 以外は宣伝乙 おまえらの参考にしてるサイトどこ?→同上→宣伝乙 ワンパターンすぎだろ。何年このパターン続けるつもりだ
わかったわかった
┐(´д`)┌
オレも知らない サイトは勿論見てるかもしれないけど、サイトの名称も管理人も知らんし
いつかはCSS3もCSS5とかになってJavascriptと並走できるくらいまでになっちゃうんだろうか
ならないでしょ。役割が違う
お、できるっぽいじゃん。 でもCSS4本格対応いつからしてくれるんだろうか。(FF、Chrome)
つーか対応以前
zenbackの幅を狭くしたいんだけどうまくいきません CSSに、 .zenback { width:400px; } と書いても変わらないんですが どうしたらいいんでしょう。 Fc2ブログなんですが
!importantをつけてみなされ
.zenback { width:400px !important; } としてみましたが変わりませんでした。 Fc2ブログだとダメなんですかね…
それはブログ板のが詳しい
CSS Variables Module Level 1 Draft Published とうとうキタコレ
お?URLkwsk
ページ番号使えるようになったん?
あるcssファイルで input, textarea, select { width: 210px } と指定されてあります(このファイルには手を加えられないとします)。 この指定を、別のcssファイルで無効にして、あたかもwidthが指定されてないようにすることはできますか。 input, textarea, select { width: undefined } とやってみましたがだめなようです。
>>448 無効には出来ません。上書き出来るだけです。
各要素の初期値で上書きすればデフォルトスタイルシートに戻すことは可能です。
>>448 widthの初期値はundefinedじゃなくてauto
!important指定されてたら無理じゃね? !importantって2重に指定したら後ろのだけ有効になるんだっけ
サイトのCSSとユーザーCSSの両方でインポ指定すると ユーザーCSSのほうが優先されるよ
おまえらのデザインしたサイトとかあったらSSみせてくれ。 ぜひとも参考にしたい
人にそんな要求するなら、まずは自分が晒すことだJK
455 :
453 :2012/04/12(木) 14:19:58.93 ID:???
456 :
453 :2012/04/12(木) 14:24:48.48 ID:???
リセットCSSのファイル名がbase.cssってのが個人的に気に入らん
458 :
453 :2012/04/12(木) 14:32:20.98 ID:???
base.css→default.cssて名前にしてたのになーって思ったらローカルの話だった。 直しとこう
さて、454のも見てみたいんだけども
max-widthで質問です ウィンドウの幅が狭まったとき 画像を自動的に縮小させたいので img { max-width: 100%; } とやってます 問題なく動作してますが 画像を表の中に置いたときは なぜか縮小されません (表だけならウィンドウの幅にあわせて 縮小されてます) 何か根本的に勘違いしてますか?
パーセンテージは親要素からの計算だからねえ テーブルは中に画像があると最低限画像幅は確保したセルを形成するから そこから100%じゃ当然縮小されない
>>463 なるほど確かにそうですね
そうするとtableだけでなく
tdの幅もmax-widthで調整すれば
いいのかと思いきや
ここをどういじっても
中のimgの幅のほうが優先されました
td img { max-width: ボディに対して 100%; }
なんてできればいいんですが・・・
cssは任意の要素に対しての値って
得られないみたいですね
困りました
あ、すいません いいアイディア浮かんだので とりあえず解決にしておきます thxでした
そのアイディアはここに書かないのか
468 :
Name_Not_Found :2012/04/15(日) 12:04:45.70 ID:KYeQyQmV
←──────コンテンツの幅──────→ ←─ボックスの幅─→ ←───ウィンドウ幅───→ ボックスにoverflow-x: scroll してコンテンツがボックスから はみ出さないようにしても本来のコンテンツ幅がウィンドウ幅より 大きかったらウィンドウにスクロールバーが出るんだが そういうもん?
overflow: auto; にすれば
470 :
Name_Not_Found :2012/04/15(日) 14:44:29.91 ID:KYeQyQmV
overflow: auto; にすればスクロールバーが出ないってこと?
scroll だからスクロールバーが出るのは当たり前 オーバーフローしても何もしたくないなら、hidden
ごめん勘違い 関係ないけど、overflowにxとかyとかの指定はIEオンリーだから使わないほうが良いのでは?
CSS3からはoverflowに対してxとyの指定はできるようになったよ と一応
あそうなの?重ね重ねスマン。
477 :
Name_Not_Found :2012/04/19(木) 20:38:35.92 ID:c8/4+T0O
画面幅に合わせて単語単位で改行させたいのですがどのようにすればいいでしょうか 以下の状態で、word4の途中で画面幅の場合 word1 word2 word3 word4 word5 ⬇ word1 word2 word3 word4 word5
CSS関係なくそれだったらそうなると思うが 日本語の話?
480 :
初心者です :2012/04/20(金) 12:47:56.12 ID:cmpLk9pA
jugemの無料サービスを使ってブログに初挑戦中です。 公式テンプレートをカスタマイズしたいです。 管理者ページに表示されるHTMLとCSSのプログラムをプリントアウトして (↑こうしておけば自分で散々いじって訳わからなくなったあともそれを見て直していけば とりあえず初期状態に直せるかなと…) それを見て font color とか image とかの指示からなんとなく推測して色を変えたり サイズ変更したりして プレビューで確認しながらやってます。 それでもわからないことだらけなのでCSSを勉強しようと近所の本屋に行ってみたんですが そういう内容の本はありませんでした。 こちらはCSS初心者のスレッドということですが、このレベルの初心者の相談に乗っていただけるでしょうか? もしスレッド違いであればその旨ご指摘ください。
482 :
初心者です :2012/04/20(金) 14:15:23.87 ID:cmpLk9pA
早速の回答ありがとうございます。 教えていただいた板の方覗いてみますね♪ このさいなんで基礎からいろいろ勉強してみようと思います。
依頼するスレとかに行けば?
ユーザースタイルシートでgoogle検索結果画面を変更したいです タイトル( a.l )のリンク中に「.com」の文字列が含まれるとき、内容部分( span.st )の背景をピンクにしたいのですが、可能でしょうか?
無理
あータイトルじゃなくて説明文か。よく見てなかったスマン
やっぱり無理ですか cssでもっといろいろと出来ると思ってたんですが、意外と出来ること少ないですね javascriptとか難しそうだしなぁ お二方ありがとうございました
a.l[href*=".com"] > span.st { } こういうことが出来ればいいんだけどね。 確かCSS4からできるようになるんだっけ?
>>492 そうそう、そういうことは当たり前にできると思っていろいろと探し回ったのですが、できないみたいで
css4が使えるのはまだまだ先みたいですね
>>492 親に条件付けて子を選択するのは既にできてないか?
そんなのあったっけ?
>>492 a要素(クラスl)でhrefの属性値にcomが含まれる親要素を持つ、span要素(クラスst)に対してスタイル設定したいんだろ?
子セレクタと部分一致属性セレクタの組み合わせは、ie6以外対応してるけど。
>>492 は .l[href*=".com"] < * < * .st { } みたいに書きたかったんではないかと思われ
セレクタ Level4 に E!(Determining the subject of a selector)ってのはあるけど、今回のは解決できるんだろうか
<div class="vsc">
<h3 class="r">
<a class="l" href="
http://example.com/ ">Example Domains</a>
</h3>
<div class="s">
<span class="st">内容部分</span>
</div>
</div>
(.vsc! .l[href*=".com"]) ~ .st
なんか無理っぽい気が
CSS以外でセレクタ利用するときのセキュリティ考慮して、親セレクタの導入は無理とかそういうこと何かね
Googleで上位に出てくるもので何点か古い情報ばっか掲載して全く更新しないサイトとか稀にあるんだけど これGoogleに言えばいずれ削除してくれるんかね。これからHTML/CSS覚える人にしたら害悪でしかないだろ
元のサイトが存在する限りずっとそのままだし、赤の他人が順位を蹴落とすことはできんよ そんなに気になるなら、そのサイトより上位に表示されるサイトを作ればいい
>>500 別に古くたって間違ってなきゃいいだろ
そのバージョンでは正しければ情報価値は高いままだ
傘は大昔から現在迄ほぼ形状が変わってないが古いとは言わないだろ。 情報も同じで、新たに発見でもされない限り普通は変化しないだろ。
>>498 それは違うんじゃね?
いとこセレクタとでもいうか。
CSSのtextdecorationでunderlineを指定し 下線を引いています。 ただ、文字と下線の位置が近いのが気になっています。 もう少し、文字と下線の位置を離したい(2px程度)のですがどうすれば良いでしょうか?
そんな君には border-bottom
>>506 文字と下線の位置を *px という風に指定したいのです。
textdecorationは無理 borderでやれ
>>507 だから border-bottomだってば。下の空きはpaddingで指定できる
>>504 !以外に親セレクタ的なことできるのあるん
>>510 それはspan要素基準でいうと、親の兄弟の子を指してるでしょ?
最初に書いた本人がいないから推測だけど、
単にspan要素の親がa要素っていう構造を想定してるんだと思う
これがマッチする
<a class="l" href="example.com">ho<span class="st">geho<span/>ge<a/>
こっちはマッチしない
<a class="l" href="example.co.jp">hu<span class="st">gehu<span/>ge<a/>
何が?
CSS3でtargetを使ったタブメニューとかよく見るんですが、ブラウザのバックを押すと タブから動作して何アクションも必要になってしまうんですが、これを避ける方法ってありますでしょうか? 図にすると以下のような感じです。 Google検索結果からページに飛ぶ → Menu1が表示される → 目的のMenu2へ行く Google検索に戻りたい(戻るボタンを押す) → Menu1 → Google検索結果 ↑これを ↓こうしたいです。 Menu2から戻るボタン ―×→ Menu1 → Google検索結果 │ . ↑ └―――――――――――――――┘
>>517 CSSじゃなくてhtmlとしてタブメニューにしてページ分ける
いい加減gradientのベンダ外れないかね。なんだかんだでアレが一番面倒くさいんだが
>>519 そんなあなたに caniuse.com
>>52 そのサイトいいですね。ありがとうございます。
もうひとつ質問ですが、ベンダープリフィックスありとなしは、どちらを先に書いた方がいいですか。
ぐぐってみたかぎりでは、ベンダープリフィックスなしを先に書くスタイル
border-radius: 2px 2px 0 0;
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
よりも、あとに書くスタイル
-moz-border-radius: 2px 2px 0 0;
-webkit-border-radius: 2px 2px 0 0;
border-radius: 2px 2px 0 0;
のほうが多いみたいですが、なにか理由があるのでしょうか。
たとえば
http://cssprefixer.appspot.com/ でも、ベンダープリフィックスなしをあとに書いてます。
524 :
Name_Not_Found :2012/05/06(日) 17:53:14.88 ID:GoaO5IOx
ロゴ作ってとかってどこのスレで言えばいい?
>>523 どっちでもいいんじゃね?俺は後者だけど
527 :
Name_Not_Found :2012/05/07(月) 19:47:10.47 ID:dmyypagu
┏━━━━ウィンドウ枠━━━━━┓ ┃┌────────────┐┃ ┃| ヘッダ .|┃ ┃└────────────┘┃ ┃┌────────────┐┃ ┃| |┃ ┃| |┃ ┃| メイン |┃ ┃| |┃ ┃| |┃ ┃└────────────┘┃ ┗━━━━━━━━━━━━━━┛ ヘッダBoxの縦幅は固定でメインBoxの縦幅はウィンドウ枠に合わせて 伸縮するようにするにはどのようなstyle属性を指定すればいいですか?
ヘッダとメインをdivで囲って divに横幅指定してヘッダとメインにwidth:100%; ってこれは横幅か 縦ならmin-heightで簡単にできる 具体的にはhtml,bodyと親BOXにheight: 100%; って指定して メインにmin-height: ○○px;って記述したら 最低○○pxだけどそれ以上だと伸びるってことになる
あ、ウィンドウ枠に合わせてかゴメン ちょっと考えてみるけど JavaScriptの方が楽そう
530 :
529 :2012/05/08(火) 05:29:43.90 ID:???
<html> <head> </head> <body> <div id="content"> <div id="header"> </div> <div id="main"> </div> </div> </body> </html>
531 :
529 :2012/05/08(火) 05:30:18.06 ID:???
* { padding: 0 0 ; margin: 0 0; width: 100%; height: 100%; } html,body { height: 100%; } #content { height: 100%; min-height: 200%; width: 800px; border: 1px solid #CCC; margin: 20px auto; } #header { min-height: 10%; max-height: 10%; width: 600px; border: 1px solid blue; margin: 2% auto; } #main { min-height: 80%; width: 600px; border: 1px solid blue; margin: 2% auto; } 知ったかぶりの俺の知識じゃこれが限界 だれかにパス
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <title>sample</title> <style type="text/css"> .hoge { position: absolute; top: 0; left: 0; right: 0; height: 200px; background-color: #f99; } .fuga { position: absolute; top: 200px; left: 0; right: 0; bottom: 0; background-color: #99f; } </style> <div class="hoge">hoge</div> <div class="fuga">fuga</div>
縦幅って幅なのか高さなのかわからない
横幅、縦幅って言葉があるんだが
普通は高さ、幅、奥行きだからな。
HTMLやCSSでもwidth, heightなのだからそれに合わせるのが自然だろう
>>536 >>366 「安くつく」「とっつきやすい」みたいなもんで、文脈上言いたいことは分かるが少なくとも間違った語であることに変わりはない
すみません質問です。 <h>要素に background-image: url(../image/aaagif) ; と入力するとバックグラウンドにイメージが連続して配置されますが background-image: url(../image/aaa.gif) no-repeat 0 0; とすると invalid property value となってしまう原因が何かわからないのです。 教えていただけないでしょうか。
>>543 すいません、助かりました・・・・なんでこれに気がつかなかったのだろう・・
CSSでそういう物理的なことは出来ません。 移動するならその移動させたいものに対してposition: absolute;を指定してください
>>546 やっぱりできないんですね。
position: absolute で移動させても親要素中における絶対座標指定になるので、
親要素の位置が動くと移動した要素まで一緒に動いてしまうので、
移動先での挙動に関してはrelativeによる移動とあんまり変わらないんですよね。
サーバ側でされているHTMLに記述された要素構造の制約からは
基本的に表示スタイルを変えることが目的のCSSだけでは逃れないとうことですね。
548 :
Name_Not_Found :2012/05/10(木) 08:10:41.32 ID:SeQgTZus
TOPナビゲーションで |メニュー画像1|メニュー画像2|メニュー画像3|余白画像繰り返し| というレイアウトを考えていて、 メニュー画像1〜3をpx指定のフィクスドレイアウトにして 余白画像は%指定のリキッドレイアウトで 常に画面の右端まで繰り返し表示したいのですが、うまく出来ません。 メニュー画像をfloat:leftにして 余白画像をfloat:rightにしてみたのですが それぞれの画像が重なるサイズまでウィンドウを縮小すると |メニュー画像1|メニュー画像2|メニュー画像3| |余白画像繰り返し| みたいに2段になってしまい、画像が同じ段で重なってくれません。 どうすれば実現できるのでしょうか?
幅広げれば収まるんじゃないの
550 :
548 :2012/05/10(木) 08:19:59.69 ID:SeQgTZus
まず背景画像繰り返しを | 背景画像繰り返し | とwidt:100%で置いて、その手前に各メニュー画像を float:leftで置いてみるとそれっぽい感じになりましたが この方法はあってるのでしょうか? 当方独学で、周りにCSSが出来る人がいないので さっぱりわかりません。
551 :
548 :2012/05/10(木) 08:31:02.12 ID:SeQgTZus
実現したいのは
ttp://www.mdn.co.jp/di/book/44127/ のナビゲーションバーみたいなのです。
そのサイトは左側にも余白がありますが。
私のfloat:leftでメニューを配置していく方法だと
ウィンドウサイズを極端に狭めた時に
|メニュー画像1|
|メニュー画像2|
|メニュー画像3|
と、固定して欲しいメニュー部分が
改行されて表示されてしまいます。
552 :
548 :2012/05/10(木) 08:44:03.99 ID:SeQgTZus
できたっぽいです! 背景画像を親要素として、その手前にメニュー画像を absolute指定して1個1個置いていけば実現できました。 このやり方はおかしくないか教えていただければ幸いです。
>>554 こっちの方が文法的にいいよな
table-cellじゃ文法的にアウト
inline-blockはブラウザによって対応の差がすごい激しいしMozillaやIE用にハックのコード挿入しなきゃいけないから
複雑なコードになるし色々と面倒なので俺はposition: relative; の方をおすすめする
556 :
548 :2012/05/10(木) 09:38:20.36 ID:SeQgTZus
>>553-555 ありがとうござます!
「floatで並べたリストのセンタリング」全然知りませんでした。
勉強してみます。
557 :
548 :2012/05/10(木) 10:26:17.11 ID:SeQgTZus
リストの横並び化を実現できました。
しかし
>>551 の折り返し問題が復活してしまいました。
white-space:nowrap;とかを試してみたのですが上手くいきません。
横並びしたリストをウィンドウの幅を狭めても
折り返さない方法はありませんか?
558 :
548 :2012/05/10(木) 12:59:32.30 ID:SeQgTZus
リストが折り返されるのは仕様みたいですね。
とりあえず
>>552 の方法にしました。
保守性は低いですが、まあ小規模な練習用サイトなので。
もともと html body{ overflow-x:hidden; } となっていて横スクロールが出来ないサイトを CSSの html body{ overflow-x:scroll !important; } で横スクロールが出来るようにしたんですが、 もともとのbody要素の範囲外にあったflashの部分がスクロールしても描画されません。 overflow-x:auto; overflow-x:visible; でも同じでした。 これを初期の画面外の部分もスクロールしたら描画されるようにするには どうしたら良いでしょうか?
560 :
559 :2012/05/11(金) 06:56:58.84 ID:???
原因は初期のウインドウサイズの大きさで固定されている Bodyの範囲外に出ている部分は描画されないからだと思うのですが、 これをBodyのmin-widthに配置してある要素が収まる幅を設定すれば 描画されるようになるのですが、 この方法だと、ウインドウ幅に応じてBodyの幅が変化しないので 別の部分で不都合が出てしまいます。 Bodyの範囲内か範囲外かに関わらず、すべての要素をブラウザに描画させる方法はないのでしょうか?
横スクロールとかあり得ないわ。モーダルウインドウにするとか、他の表現方法考えるべき
なんでそんなことする必要があるの?
ごめん。Firefoxのアドオンのせいだったみたい。見たこと忘れてくれ。orz
お断りします。
値に要素って立派な文法違反だろ
<h1 id="A"> <a href="#">aaaa</a> </h1> とし #A a { display: inline-block; background: url(.imge/aa.jpg) no-repeat left top; text-indent: -9999px; } とすると何故かie8では表示されない。<a>を外すと表示される。 有名なのかもしれませんが、このバグ?の対処法を教えてください。
.imgeのせいじゃね
>>571 ああ、すいませんでした、画像のURLは適当に書いちゃいました。
そんなんじゃ、元のソースも適当な部分があるんじゃないかと疑われる
CSSをこれから勉強したいんですけど、HTMLをロクに知らないんですよね なのでHTMLやりつつ、CSSも勉強って感じで2つを並行してやっていこうと思ってるんですけど… やっぱりHTMLはHTML、CSSはCSSでやったほうがいいですか?
transitionプロパティで最初に横へ広げてディレイを掛けてその次に下へ という動作をしたいんですが この場合animationつかうしかないですかね
>>579 そういう糞いらない動きでこっちの動作を邪魔するサイトは嫌われる
自分しか見ないサイトなんで。
甘えたことをおっしゃる
>>582 むしろそういうことやってるからお前しか見に来なくなってるんじゃないかとw
まぁまぁ好き好きじゃないか、気に入らなきゃ見に行かない、それだけのこと
人様に見せるようなものはなにもおいてないです。個人の実験サイトのようなものなので。 とりあえず質問への回答ありがとうございました
甘えん坊天狗が!
588 :
Name_Not_Found :2012/05/12(土) 20:01:22.99 ID:j5bSXCeZ
カエレ
人に見せるようなものがないなら別にWebで公開する必要なくね 誰かに見てもらいたいと言う気持ちがどこかにあるからWebで公開しちゃう
勉強で試験的にテストしてるんでしょ 初心者スレなんだから、もっと優しくしてあげてください
テスト
593 :
Name_Not_Found :2012/05/13(日) 08:23:24.43 ID:vd1+0jFk
http://norix4.cyber-space.biz/norix/index.html 練習用の架空企業HPですが、
ナビゲーションの「会社情報」にマウスを重ねて
メニューの「社長ご挨拶」に移動しようとすると
「onMouseOut='HiddenAllMenu()'」が反応してしまい、
メニューが消えてしまいます。
「<div onMouseOut='HiddenAllMenu()'>〜</div>」で
全体を括ってやってるつもりなのですが。
どう実現すればよいですか。
594 :
593 :2012/05/13(日) 10:57:59.21 ID:vd1+0jFk
よくある検索フォームにフォーカスしたら文字が消えるって動作をCSSのみでやりたいと思ったらどうすれば出来ますか?
htm5のplaceholder属性ってのもあるけど、IEが対応してないから今はJSだな。
>>598 なるほど、HTML5という手もありましたね。
IEにも対応させるjQueryがあるのでこれ使って見ることにします。
ありがとうございました。
600 :
Name_Not_Found :2012/05/14(月) 08:07:20.69 ID:7ew5baHu
601 :
sage :2012/05/14(月) 08:09:57.66 ID:2URmoRcY
文字フォントで躓きました。 少しだけにじむようなテキストが高級感があってすきなのだけど、 ソースを見るとUTF−8になってることが多い。 あのにじむような日本語を出すにはEUC−JPでは無理ですか?
text-shadow
フォント使うのにUTFとかEUCとか関係ない
ただにじむフォントってのが分からないけど、ビットマップフォントに対しての、アウトラインフォントのことかな?
それとも
>>602 の言うような効果をつけたフォント?
>603 NHKのニュース記事で使われてる感じが理想です。 あのにじみが出せません。
>>604 どのページだか全然わからんが
フォントは人によって見やすいフォントが全然違うから指定はしないほうがいいぞ
おまいさんが見やすくしたいだけなら自分のブラウザの設定を多分メイリオにすればおk
>606 NEWS WEB のとこなんですが、あと毎日です。 この二つがUTF−8なんですよね。他の全国紙とかははっきりです。 大手ショップサイトを見てもUTF−8だと、微妙に滲んでるんです。 EUC−JPとSHIFTJISだけははっきり見える。 たしかに、他の人から見たら逆にはっきり見えるほうが 見やすいとい人も多そうです。
だから文字コード関係ないって言われてるだろアホかお前
文字コードでフォントの表示が変わったらたまったもんじゃないよな 対応してないから文字化けってのは別として
エスパーすると、滲んでるとはアンチェイリアスのこと
>>610 そうだと思う
最近はWEB上に特別なフォントを置いといてそれを使うってのも見たけど
有名なニュースサイトが特別なフォントを使うとか思えないから
>>606 の言うようにメイリオだろうな。 それ+
>>602 か
メイリオって普段見慣れてない人から見るとにじんで見えるの?
アウトラインフォントは多かれ少なかれ周辺をぼかしてるから、それをにじんでると表現したんだろ
アホと言われましたが、結局WEBを製作するときに、 テキストであの高級感のあるちょびっと滲んだ感じは では、どうやって表現するのですか? アンチェイリアスだと思います。これをCSSで出すのかな?
すいません。できました。バカでした。メイリオって言葉を入れたら、文字が変わりました。(・ω・) バカですいませんでした。
某IEは文字コードでちょっと変わったりするから、 それを一般的なものと勘違いしたんじゃね
製作者側がメイリオを指定しても 閲覧者側のフォントが必ずメイリオになるわけじゃないから注意な だから表現法のひとつとして使うのは厳密には間違い
でかい見出し文字ならイイが、 Webの通常の文字にアンチェイリアスをかけられると、見にくくて嫌い ハッキリ・くっきりでノーアンチェイリアスがグッド。 オレからの意見でした。
さすがにそれは少数意見だとは思うが しにかく指定しなきゃ好きな文字にしてやれる
>618 いろいろ組み合わせをためしましたが、僕は逆に重要な説明文やコンテンツ等で使って メニューははっきりMSゴシックにしました。 あえて、年少の子供が寄り付かないようなデザインを熟考してるので、微妙に嫌われる デザインを入れたりと、けっこう難しいです。 いろいろ試行錯誤してます。
>618 嫌われるという表現は変かな。なんだかもっさりした感じのサイトのことです。 あの空気のサイトってほんと荒れないので。あのオーラを出したいだけなのです。 その手のサイトはこのフォントが多いと思います。 たしかにためしに全部をこのフォントにしたらすごく見づらくて 毎日見るのは目がきついかなと思いギブアップしました。(・ω・) アドバイスくれた方々どうもでした。 自分なりに試行錯誤してみようと思います。 それでは。ぺこ <(_ _)>
子供にとっちゃデザインなんて関係ないぞ というかMSゴシックて等幅かよやめろおおお
623 :
Name_Not_Found :2012/05/16(水) 13:01:13.89 ID:Atx8sjhV
FirefoxやChromeのStylishアドオンのように IEでもブラウザ側で適用するスタイルシートを切り替えるプラグインを探してるんですけど、 見つかりません。知っている方いたら教えて下さい。 IEのバージョンは9.0.6です。
スレチというか板違い ソフトスレ池
625 :
Name_Not_Found :2012/05/16(水) 13:44:05.42 ID:Atx8sjhV
>>624 こちらのスレのほうがスタイルシートについてよく知ってる人がいるので
回答をもらえると思ってここで質問したんですけど、まずかったですか?
まずいです そもそも板全体が「制作者」のための場所ですから ただ使うだけの人は使う人の板に行ってください
627 :
Name_Not_Found :2012/05/16(水) 14:50:09.16 ID:Atx8sjhV
>>626 自分もCSS製作者で、開発時のテストツールとして
IEでのスタイルシートを切り替えるツールが必要になったんですけど。
ユーザースタイルシートの書き方ならともかくなあ
>>627 IEスレで聞いてください
CSSに直接は関係ありません
630 :
Name_Not_Found :2012/05/16(水) 16:27:23.22 ID:Atx8sjhV
631 :
Name_Not_Found :2012/05/16(水) 19:55:14.54 ID:ddUNmgkH
質問です! CSSを書く上で、他で定義した要素をもってきたいのですが そのようなことは可能でしょうか?? .colorA{ background:red; } .btnA{ // ここに.colorAのbackground:red;を指定したい padding:6px 10px; } btnAに対してbackground:red;を指定してしまうと、サイトの色を変更するときに redと指定されている箇所をすべて探して書き換えなくてはいけません。 それを防ぐために、btnAの記述のなかにcolorAで指定したものをもってきたいのですが そのようなことをするためには、やはりPHPなどを使用して、動的にCSSを吐き出すようにするしか 方法はないでしょうか?? よろしくおねがしいます!
SCSSかLESSでできる
LESS使ってみた。 感動した。
LESSやばい
lessかsassか標準化してほしいぐらいだね JSに対するDartみたいに別の仕様として一から作り直してほしい
LESSよりもSCSSの方がいい感じで書けるよ。継承が使えるのはSCSSだけ
>>636 CSS4で似たようなの標準化されるんじゃない
639 :
638 :2012/05/17(木) 16:44:59.44 ID:???
CSS4→CSS3とCSS4
もういいから全員ここでやんな
>>641 あなたの期待に反してp要素の入れ子が禁止されているから。
<div id="wrap">
<p id="container">
</p><p>test</p><br><p>test</p>
<p></p>
</div>
HTMLの<要素>に埋め込む xml:lang="ja" lang="ja" のような言語指定は lang { xml:lang: ja; lang: ja; } みたいに指定することはできないんですよね?
:lang(ja) { } ここまでは突き止めた。 でもこれしかできないのかな。これだとlang="ja"はぜったい必要になる。
お前はそれ以前にHTMLとCSSの関係を調べてこい
648 :
643 :2012/05/24(木) 20:22:29.31 ID:???
書き方が悪かったようで(汗) HTMLでlang="ja"と記述することと同じ機能のものが CSSには無いのかなあ、有るのかなあ、という質問のつもりなんですけどね。 単刀直入すぎたのか、かえって、遠回りすぎたのか、伝わらなくてごめんなさい。
てか、 { xm:lang: ja; } で通用していたなら、こんなこと書きませんってw これはどう見たってHTMLの記述であって、これと同じ機能を書くには CSSでどうすればいいのでしょうか、って質問に決まっているじゃないですかあ。 みなさん、わかってたくせに、意地が悪いなあ。
>>648 書き方の問題じゃねーよw
いいからHTMLとCSSの関係を調べてこい
div病の一種だな
いやそれはない
>>650 やっぱり意地悪だなあ。なんでそんな遠回しの抽象的な言い方をされるんでしょうか。
調べていますよ。調べるポイントくらいは教えてくださいよ。意地悪だなあ。
こんだけはっきり言われてて理解できてないって
>>648 データとデザインをHTMLとCSSできちんと分離しているという立場に立てば、
HTMLと同じ機能のものなんかCSSにあるわけねーだろというツッコミを受けているのだと思われる。
特にhtmlのlang属性はその要素で使われている言語を記述するが、CSSはhtmlのデータの意味を補足したりはしない。
CSS3にlang擬似クラスなんてあるけど、これは特定の言語に対するスタイルを記述するだけ。
>>655 しかし実際にはHTMLとCSSとで機能がダブっているものもありますよ。
それはどう説明できますか。
ねーよ いいから帰れ
>>658 例えば、
<table border="5" cellspacing="15" cellpadding="10">
<tr>
<td dir="rtl">قَلِلُل َقل</td>
</tr>
のboderやcellspacingやcellpaddingやdirと同じ機能をCSSでは記述できませんか?
うわー
>>659 できますがやらないでください。htmlではできるだけデータ構造の記述に専念してください。
というのが最近の流れ。
>>661 間違えたので訂正。
boderやcellspacingやcellpaddingは使わないでください。
htmlではできるだけデータ構造の記述に専念してください。
つーかそもそもhtmlのそれとcssのそれって違うしな
おまいらいつまで基地に構ってんだ
>>661-662 私は「記述できるかでいないか」という質問をしていたのに随分と話が違いますね。
その質問への答えとしては
>>655 > データとデザインをHTMLとCSSできちんと分離しているという立場に立てば、
> HTMLと同じ機能のものなんかCSSにあるわけねーだろというツッコミを受けているのだと思われる。
が間違っていたことは
>>659 の反証によって明らかじゃないでしょうか。
ここは初心者に不正確な知識を植え込もうとする意地悪な人々が初心者を釣るために
たてられたスレッドなんでしょうか。
それに、データとデザインの境界はそれほど自明ですかね?
話が違うのはお前だスレチ
>>664 自分たちの間違いを素直に認められないのでしょうね。
初心者スレッドなんて名ばかりですね。 はっきりしたのは、こんなところで質問しないほうがいいですよ、という教訓ですね。
初心者以下が暴れまわって何いってんだ
HTMLとCSSの仕様を熟読していることが初心者の条件ですか?
ならば
>>1 あたりにそう書いておくべきですね。
まあ、今後ここで質問する人たちはそれが前提条件になるわけですね。
できないからとっとと消えろ
さっきから何なの?荒らし?
これはひどい…。
しかもレス遡ってみてみりゃ質問者はIDすら出しちゃいない。 舐めてんのかと
とたんに罵詈雑言による誹謗中傷カキコですか。 今後は初心者以下と思った質問者は徹底的にからかってやる そういうスレッドだということですね。わかりました。
質問に対する回答は節度を持って回答を貰ってたはずなのに逆切れですか?
>>644 で全て終わってるかと思うんですが。
怒り散らすのは勝手ですが、これ以降プンスコするようなら荒らしとして報告してきますのでよろしくお願いします。
>>674 IDを出している質問者がこのスレッドにどれほどいるのですか。
これからIDを出さないで質問した人には「消えろ!うせろ!」だとか
罵詈雑言をあびせればよいのですね。
>>676 私は教えていただいているとおりにしようとしているだけですよ。
ここのルールがそういうことならば私もそれを見倣うだけです。
真面目に言っているのですよ。そうします。真面目に。
>>676 > 質問に対する回答は節度を持って回答を貰ってたはずなのに逆切れですか?
回答は貰っていませんよ。ググれカス程度の言葉はいただきましたが。
なら
>>655 で解決してるじゃん。
「ダブってるんですけど?説明するんですか?」という問に関してはW3Cに直接聞いてください。
HTML/CSS作ったのは此処の住人ではないので
HTMLは骨組み CSSは外装を作るもの ビルを骨組みしたもの(HTML)にコンクリながしたり塗装やロゴつけたりすることをCSSと言います。 どのみちHTMLとCSSを根本的に分かっていないようなのでまずはリファレンスサイトを熟読することから始めましょう
683 :
Name_Not_Found :2012/05/25(金) 13:59:42.92 ID:0zftEADS
>>681 現にダブっている事実があるのですから、
「いいからHTMLとCSSの関係を調べてこい」から
「HTMLと同じ機能のものなんかCSSにあるわけねーだろというツッコミ」の意味
になるとはかぎらないわけですよ。初心者をいじめたいだけとしか思えない。
しかも、
>>659 の事実からして
「HTMLと同じ機能のものなんかCSSにあるわけねーだろというツッコミ」も
間違ったツッコミであることが明らかになったわけでしょう。
私がそれを調べなかったら、
>>659 のような事実などないと初心者なら間違った
知識を植え付けられてしまうことになるわけですよ。
データとデザインの境界も初心者には自明じゃないですよ。 tableやcolspan rowspanがデータかデザインかは微妙な問題ですよ。
>>643 =648=649=653=657=659=665=667-668=670=675=677-680
>>1 に書いてある。
「CSS初心者の方のための質問スレッドです。」
>>643 への答えは
>>644 で終わっている。
>>648 への答えも
>>644 でおk。
ようするに、ここでする質問じゃない。
お医者さんに「スパナを買いに来ました」とか、車屋さんに「痔を診てください」ってな感じ。
そういう話なの。
以上だ。がんばれ。
「これは間違った知識じゃないか?」 と思った時点でまずは検索しましょう。
それが誤っている情報ならすぐ出てくるはずです。
そこに後でとやかくいうのはモンスターペアレントみたいなもんです。
争いなんてしても何も始まらない。
確かに間違えた知識を植え付けようとした奴は死ねばいい。
だけど、あなたにも学ぼうとするものはちゃんとあるはずなので僕はしっかり応援しますよ。
ここに始めてきた当初からここは結構殺伐としてて、初心者の質問者がくるには不向きな部分があると思います。
なので今後はこちらをおすすめしておきますね。
こちらこそ暴言をはいたりなどして申し訳ありません。
(X)HTML/CSS/Dreamweaverの質問に優しく答えるスレ14
http://toro.2ch.net/test/read.cgi/hp/1337254328/
>>682 リファレンスサイトを熟読して覚えるのがここで質問してよい初心者の前提条件だとしたら
ここで初心者として質問する人などほとんどいなくなるのではないでしょうか。
上級者質問スレのほうがふさわしいでしょう。
あなたは結果的にどうしたらすっきりしてくれますか?
>>686 それを言ったら大抵の初心者レベルの質問は「ググれカス」程度のものになるのでは?
私もそういう対応を見倣います。
そして相手が逆ギレしたらモンスター呼ばわりして退散してもらいますよ。
>>688 私も初心者いじめに参加することを認めてください。
屁理屈こねてないでさっさと調べてこいよ。
>>683 ここの回答が全て正しいと思うのは間違い
うそはうそであると見抜ける人でないと(掲示板を使うのは)難しい
しっかし、
>>659 のような事実を提示することがなんで「逆ギレ」になるですかね。
>>659 がなければここを読んでいる他の初心者が間違った知識を植え付けられるところ
じゃなかったですか?
ではご勝手に。 あなたみたいな意味不明な質問をする質問者じゃなければ質問したら回答されて有難うございました!でフツーに終わると思いますよ。 初心者が初心者に質問しても逆効果なので最低でも3ヶ月は勉強してから回答権を得てください。
>>687 それでいいんだよ。他力本願のクズは死ね。二度と来るな。
>>659 出来ません。
CSSのみでどうやって代替するのですか?
見てたらなんか普通にHTML/CSSわかるけど初心者のフリして回答もらってみようwwってなってる奴が喧嘩得られてファビョってるようにしか見えない
CSSの概念を学んでない これって初心者以下ってことでしょ
>>693 使ってはいけないとされてるものを初心者に教えてどうする。
正しい知識が知りたければ自分で調べろ。
700 :
Name_Not_Found :2012/05/25(金) 14:16:59.33 ID:0zftEADS
>>695 それはここで質問するすべての初心者に私が投げつけてもよい台詞ということになりますね。
よーくわかりました。
>>700 お前が真面目な初心者に回答しても迷惑がかかるだけだからやめとけ
ここ2ちゃんやで
Yahoo知恵遅れかOKWEBとか教えてgooとかいけばもっと優しく教えてくれるかと思いますよ^^
>>697 初心者の振り? 上級者用の質問スレッドで質問する内容でしたか?
そこを見たらこちらに誘導していたのでこちらに書き込んだのですよ。
なんで君みたいのが2ちゃんにいるの?
これはどう見たってHTMLの記述であって、これと同じ機能を書くには CSSでどうすればいいのでしょうか、って質問に決まっているじゃないですかあ。 みなさん、わかってたくせに、意地が悪いなあ。 こんなムカつく喋り方でまともな回答得られるとでも思ってるのか君は
707 :
696 :2012/05/25(金) 14:22:56.00 ID:???
無視ですか。
>>699 最初っから非推奨だけど、このバージョンのCSSでも記述できるとかできないとか言えば
済むことじゃないですか。
そうすれば初心者ならふつうに納得するし、あとで間違った知識を植え付けられて困惑
することもない。
ご存知なのに、わざと初心者を煙に巻いて、からかっているとしか思えないですよ。
そうだよ、2ちゃんはそういう場所。 それが気に入らないなら見なければいい。
>>696 <table>のboderやcellspasingなどは本当にCSSで記述不可能と
受け取ってよいでしょうか。非推奨でなくて。
「いやなら見るな」 この言葉、よく覚えておくといいよ
>>709 ですから、私もそうしてもいいですね、
これからそれに参加させていただきますという話の展開になったわけです。
*HTML <table> <tr><td>TEST</td></tr> <tr><td>TEST</td></tr> <tr><td>TEST</td></tr> </table> *CSS table { border: 5px solid #000; border-spacing: 15px; border-collapse: 10px; } はい。
釣れた釣れたw
リファレンスマニュアルに記述されていることを初心者がここで質問したら 単刀直入に答えずに、繰り返し煙に巻いて、ググれでバイバイしてやりましょう。 ってことでOKですか。
ついでに言うとググれは初心者に限らず上級者に対しても幅広く使われる言葉です。 よく覚えておきましょう
>>716 お前の質問はCSSの質問じゃなかったし、直後に答えもらっただろ。
それでもお前みたいに粘着してきたらそれでおk。
720 :
696 :2012/05/25(金) 14:34:08.65 ID:???
>>710 質問に質問を返さないでください。
どういう代替方法を考えているのてすか?
>>716 お前みたいなやつが現れたらな。
お前みたいなやつなんてそうそういないだろうけど。
その件についてはもう回答出ましたよ
dir="rtl"はデータでなくデザインのほうですよねえ? デザインだとすれば、dir="rtl"は非推奨とされていると理解して 間違いはないわけですよね。
過去ログの1つや2つくらい読んでから質問しろよ
意味がわかりません。
>>719 CSSで同じ機能を記述できるかどうかという質問なので
CSSの質問でないということはないでしょう。
そもそもlang="" xml:lang=""という記述はすでに知った上で
質問していることは明らかなのに、なんでHTMLの質問だと思うのでしょうか。
>>713 その機能は、borderやcellspacingやcellpaddingと同じ機能を持たないということで
よろしいでしょうか。
初心者はここでborder-spacingがどういうものなのかというのを検索くらいはするはずですが。 あなたは初心者以下だと思いますよ。
>>643 ,646
こんな質問でわかるわけがありません。
質問者に逆に質問しよう
>>643 や
>>646 といったコードが実際に使われていたサイトがあるのか?
あるなら出してくれ。
>>728 また、初心者いじめがはじまった。やっぱり最初からそういう意図だったのですね。
それをいじめと認識するあなたはどこかオカシイ
>>729 ですから、その後に書き方が問題があったようですね(汗)と
改めて質問しなおしたじゃありませんか。そこからはじまっているのですよ。
>>730 ないということが分かっていれば、そもそも質問しないでしょう。
どこまでも意地悪ですね。
それとも、インターネット上のHTMLをすべて調べてから
初心者質問スレッドで質問すべきだとおっしゃるわけですか。
CSSでコーヒーを淹れる方法を教えて下さい
もうこうなったらとことんこのスレッドの皆さんを見倣います! みなさんが正しいのならそれを見倣うまでです!
>>735 CSSのコメント文に「○○くんへ。この文章を見たら今すぐ私にコーヒーをいれてください」と書いておけばおk
>>737 俺らがちゃんと自分で勉強して理解してるところを見習わないんだろ。
だからクズなんだよ。早く死ねよ。
>>734 例をあげろってことだろ
日本語もわかんないの?
まともに調べもしない人に質問をする資格はない これは2ちゃんのどこの板でも共通
それが普通ですが HTMLやCSS学びたい人がいきなりサンプルも見せられずにコードから勉強するんですか? 学校でもまずこういうものを作ります。では基礎から学びます。最後に便利なテクニックや今後使える便利な情報を教えます。 これが普通。あなたのやり方はなんの資料もなしに誰も知らんわけのわからんコード引っ張りだして先生に 「これってなんですか?HTMLやCSSでこういう記述しても大丈夫ですか?」と聞いて先生を困らせてるのと同じ。
/*いい加減荒らすのやめろ*/
バカのせいでスレが埋まっていく。 さっさとIDかコテハンつけろ。NGぶち込むから
>>745 お前・・・Javscriptスレにもいるだろ。何回マルチすりゃ気が済むんだよ
>>736 しかしよく考えれば、
>>649 で書いたとおりだと思われませんか?
>>643 では、HTML上の記述としてlang="ja"という記述があることを明示しているのですから。
その上でCSSの記述法に見立てて、CSSでそれと同じ機能が分からないと言っていることは
明らかではないでしょうか。その時点で本当にそれを理解されなかった人向けですよ
>>648 は。
>>739 だったらなんでこのスレッドを作ったんですか!
>これはどう見たってHTMLの記述であって これは僕らが答えられる質問じゃありません。 HTMLとCSSの生みの親であるW3Cに問い合わせてください。 そうすれば答えは帰ってきますから。
だからお前は初心者の域には達してないって言ってんだろが
だから答え帰ってきてんじゃん
>>741 大抵の初心者質問はネットであらゆる手をつくして調べれば
見つかるものじゃないんですか。
リファレンスマニュアルに出ていることがほとんどじゃないんですか。
もしそれをしていないような質問、つまりネット上に答えがある
質問がここのスレッドに投稿されたときには、あなたたちと同様の
扱いをしていいわけですよね。
当たり前だろ
なにこいつ、アスペ?
>>752 うん、ここではね
だから知恵袋でも教えてgooでも行けば?
>>750 > だからお前は初心者の域には達してないって言ってんだろが
どの域なら初心者なのですか。
これまで出た見解としては
・W3Cのリファレンスマニュアルを熟読して理解しておくこと。
そこに書かれていた質問が出たときには初心者以下として叩かれても仕方ない。
・インターネットで検索できるサイトに同様の質問の回答を示唆するものがあったら
その質問者は初心者以下とみなして、以後、このスレッドへの同様の書き込みは許されない。
少なくともCSSの概念を知っておくこと
>>744 重要なことですよ。このスレッドに質問できる初心者の定義にかかわる問題ですからね。
>>756 お前は人間の知能レベルの域に達していない。だからそこにお前が書いていることも全て間違ってる。
>>759 どういう概念ですか。データとデザインを分ける趣旨がW3Cにあることは知っています。
もしそうならdir="rtl"は非推奨となっているということですよね?
具体的にどれがデザインでどれがデータに分類されているかまで初心者は熟知しておく
必要があるんですね。
>>761 はい。以後、あなたのその態度を私も見倣わせていただきます。
これまで出た見解としては ・W3Cのリファレンスマニュアルを熟読して理解しておくこと。 そこに書かれていた質問が出たときには初心者以下として叩かれても仕方ない。 ・インターネットで検索できるサイトに同様の質問の回答を示唆するものがあったら その質問者は初心者以下とみなして、以後、このスレッドへの同様の書き込みは許されない。 ・CSSとHTMLの推奨と非推奨についての具体的知識をすべてもっていること。 カップリングしている機能で推奨されていないものについて知らずに質問した場合は 初心者以下とみなされ、このスレッドへの質問としてふさわしくないと叩かれても仕方ない。
ネットでの個人いじめ目的でなかったというのでしたら、これらのことは今後守って貰います。
>>763 安心しろ。お前はもう十分俺の態度並のことができている。立派なクズだ。早く死んだほうがいい。
単に回答を無視しただけだろw
>>766 あなたのように罵詈雑言を並べ立てるだけの人と一緒にされたくはありません。
しかしどうやら私もそんなあなた方をもっと見倣う必要があるのかもしれませんね。
どうやらそのほうがこのスレッドの住人として相応しいと見なされるようなので。
見倣う見倣うしかいわねーな。
>>768 いや、一緒だよ。答えもらってるのに、曲解と屁理屈でごねてるだけじゃん。お前は立派なクズだよ。
direction:rtl;とdir="rtl"のどっちを使うことをW3Cは推奨していますかと、 これからは質問者に問うのもよいかもしれません。 答えられなければ初心者失格、質問権剥奪です。
>>771 おめでとう。あたらしいルールができたね。じゃあスレ立てて一人でやれ。二度と来るな。
>>772 私はそれらのルールには大反対の意見ですよ。
私の好みに合った私物スレッドが立てられるものならこれらの
ルールをとっぱらった初心者スレッドをつくるでしょう。
しかし私が知らなかっただけで、すっごく残念なことにどうやら
これらがここのスレッドのルール、ネットの常識ということらしいですね。
ですから少なくともここのスレッドが続く限りは守るべきルールなのしょう!
うん。わかったからはよどっかいけ。次の質問者が質問できなくて困ってんだろ
2chらしい楽しい流れはさておき、border属性についてだけは「使わないで」は言い過ぎ
>>662 HTML5でも一度廃止になったが、割と論理的な意味が増えて1つか2つ前で復活した
border属性はレイアウト目的のテーブルでないことを示すためのものだからね CSSで代替するものではない
>>774 チャットじゃないのですから、
>>764 に自分が当てはまらない自信のある方は
どんどん気軽にw質問してね。
伸びてるから何かと思えば・・・ おまえら構い過ぎw
>>764 が守られなかった時点で、ネットでの個人いじめ目的だったことが確定するでしょう。
私がちゃんと監視しています。
>>780 何言ってんの?お前が馬鹿だからいじめてるに決まってんじゃん。もう来んなよ。
なんでまだ見てんだよお前は。
>>780 おまえがアホだからいじめられただけ
この場に及んでまだ理解できないって、やっぱりアホなんだな
>>764 >初心者以下
>初心者以下
>初心者以下
初心者以下
>>764 >初心者以下
>初心者以下
>初心者以下
>初心者以下
ここは初心者が質問するスレなんだけど?
何勝手にルール変えてんの?
CSS以前に日本語の勉強してこいよ
あ、初心者以下って初心者も入るんだっけ ってことは初心者も質問できねーなw
コテハンかIDつけてくんない? それつけてくれたら暴れてもいいからさ
初心者以下wwwwwwwwwwwwwwwwwwwww お前はゴミ以下だよwwwwwwwwwwwwwwwwwwww
あなたたちが掲げたルールですよ。言ったとおりにしましょう。
きめえw
あなたたちって、たかが数人のレスだけで、このスレの総意みたいな言い方してんじゃねえよボケ
ほんとだよな
×数人 ○一人
>>793 そうですか? 誰も反対する書き込みはなかったですよ。それは違うんじゃないみたいなのは皆無でした。
それにただ一人反論していた私が総スカンをくらっていました。
一人で肯定してたんだろw
アスペか
>>764 のような理由をつけて私を初心者以下だと見なしてバッシングし排除した
その理由の付け方が的外れだった、暴論だった、とはっきり認めてください。
そうすれば
>>764 がこのスレッドの総意ですかどうですか?と私が問うてきたことが
誰も同意できない一部の人の暴論であり、私の思い過ごしだったことが明らかになる
というものですよ。でしょ?
>>797 今度は私が言い出したルールであるかのごとく言い張るのですか。
そうした理由を排除の口実として掲げてさんざん叩いてきたことを棚に上げて。
監視しようが批判しようが別に自由にやってもらって構わない。 が、ここは質問、それに答えるスレ。 監視云々はスレチ やるならヲチ板にでもスレ立てて、そこでやれ。 そして、二度とこのスレには書き込むな。 昼間から黙って見てたが、邪魔になってることにいい加減気づけよ。
禿同
まったくだ
>>804 は?勝手に共謀者にしないでくれる?
邪魔、スレチだから他所でやれと言ってるだけだ。
あと適当に荒らし通報しとけよ
Web板常駐のキチガイだったようだ
反対する書き込みが無ければ=賛成とか幼稚園児かよ
さんざん難癖をつけて他人を誹謗中傷しておいてこのトボけよう。 このスレッドではこういう対応が認められるのですか! 私も見倣いますよ。
>>808 一部の意見だったという証拠はどこにあるのですか。ちなみにあなたはどう?
>>764 の理由付けが屁理屈だったことをお認めになりますか。
なぜ屁理屈をつけて初心者の何気ない質問を誹謗中傷し、排除しまくった行為の
ほうを荒らしと見なさないのですか。その姿勢からして共謀でしょう。
なんか自治議論みたいな板ないのかな CSS初心者が書き込みできないじゃん
W3Cのリファレンスマニュアルをまず熟読して見落としがなかったか 忘れていないか、再度確認してから、覚悟して質問しよう!
釣りなのか真性の文盲なのか
だから常駐のキチガイ荒らしだよ。釣りと言えば釣りだし、マジと言えばマジ。
>>809 はい。相手がお前ほどのクズならおkです
ここは初心者を釣っていじめる場所のようです。注意しましょう。
>>810 一部の意見だった理由なんて考えなくても分かるだろ
常に全ての住人がこのスレを見てるとでも思ってんの?
誰かさんみたく、24時間365日監視してるとでも思ってんの?
日中仕事してる人は見れないし、夜間仕事してる人は夜見れないだろ
無職ニートにはそんなこともわからんか?
それに、スレ見てて、批判する内容があったときにはいちいち書き込まなきゃいけないのか?
そんな糞ルール誰が決めたんだよ
819 :
Name_Not_Found :2012/05/26(土) 09:34:15.22 ID:UlU31dBE
>>815 じゃあ、リファレンスマニュアルぐらい読んでそれを熟知してここに来るべきだと
書いたことはいったいなんだったのですか? 私をいじめるためだけの屁理屈だったのですか。
あなたはその意見が間違っていたと思っているんですか。はっきりさせてください。
でないと、これから質問する人にとっても不安でしょう。
>>818 ここは掲示板ですよ。チャットと勘違いなさっているの?
24時間ネットをしていなくても、一日のうちに30分か15分程度もあれば
新たに書き込まれた投稿にざっと目を通すくらいのことはできるでしょ。
なにをトンチンカンなことをおっしゃっているのか。
821 :
Name_Not_Found :2012/05/26(土) 09:38:13.84 ID:a7OyC1eU
質問です。 横方向に、幅 500px の div をセンターに置き、 その左右に余った幅いっぱいの div を1個ずつ置きたいのですが、 css で実現するにはどうしたらいいでしょうか? 例: 画面幅が1000px なら、250px, 500px, 250px 画面幅が700pxなら、100px, 500px, 100px よろしくお願いします。
いや、世の中10分15分の時間すら惜しい人なんてたくさんいるから、どっかのニートと違って。
>>821 まずチェックしてください。
1. ネットでちゃんと見落としなく調べましたか
2. リファレンスマニュアルにはそのヒントが書かれてありませんでしたか
大体において初心者レベルのことはネット上のどこかか、 マニュアル上のどこかにヒントになることが見つかるはずです。 それらを見落としなく探して、自分で解決する努力をしてください。
>>827 私の書いていることが間違っていますか? この書き込みのどこが粘着なんですか。
>>825 や
>>826 が間違いであるのならちゃんと間違いであると認めるべきです。
そうすれば初心者でも安心して質問できるスレッドになるはずでしょう?
それを頑として認めない連中がこのスレッドに常駐しているからいけないのです。
私はこのスレッドの人々が主張してきた初心者として質問するための最低条件を 質問者の方に親切丁寧な言葉で教示してあげているだけじゃないですか。 しかもここのスレッドの人がやった態度よりもずっとずっと礼儀正しい態度で、 それが間違っている、粘着だと決め付け、自分たちのやったことを棚に上げる、 そんな連中がこのスレッドを私物化して常駐していることが最大の荒らしですよ。
>>827 そちらのスレッドへ行こうがこれは常識でしょう。
そちらのスレッドへ行けば許されることではないはずです。
昨日からお前がダラダラ喋ってるのは、一般的なネットでの話。 確かにそこらのサイトではお前の言っていることが正しいかもしれない。 しかし、ここは「2ちゃんねる」 2ちゃんは普通のネットとは違う。 ここにはここのルールやマナーがある。 それを理解・遵守できないお前のような奴は2ちゃんには要らない、邪魔、迷惑、ゴミクズ 今すぐ出ていけ。
>>830 ここ2ちゃんだから^^
普通のサイトとは違うの^^
分かる?^^
親切丁寧、ネチケットを守って欲しいなら知恵袋でもOKwaveでも行けばいいさ^^
礼儀礼儀ってうるさいけど、だったらあんたも2ちゃんの「礼儀」を守れよ^^
2ちゃんの礼儀も守らないでグズグズ粘着してるから叩かれてんだろ、いい加減気付こうか^^
何度も言いますが、私はあなたたちが私に対して警告したことに従ったまでです。 私はさんざんそれに反論してきましたが、反論も抑えつけられました。 私はしぶしぶ郷に入っては郷に従えの精神で嫌々従って上げているだけです。
基地に構ってる奴らもいいかげんにしてくれ
>>831 > ここにはここのルールやマナーがある。
ですから! あなたたちの言うルールとマナーを初心者に教示させあげているだけですよ!
郷に入っては郷に従えのルールです。
それとも、それはルールやマナーなどではなく、あなたたちの「俺様基準」だったのですか。
それならどうしようもないですねw
>>834 あなたこそいいかげんどっかに行きなさい。このスレッドに粘着して私物化するんじゃない!
黙れ スレチだから他所でやれ
議論スレ立てて、ID表示にしてもらおうぜ
>>835 ルールなんて自分で学ぶものだから、お前みたいな奴に教えられる必要なんてない。
お前はただの邪魔者
さっさと消えろ
>>837 あなたこそ出ていけ。あなたが出て行けばすべて解決。
>>838 一時的にID表示
それでも収まらなければninja適用→水遁の流れだろうけど、
運営には周りがかまってるから炎上してるだけ、って言われて終わりだろうな
どう見ても、自分たちの正当性が崩れた人たちが、罵詈雑言で荒らしているようにしか見えませんね。
なぜ、なんの正当性もなく罵詈雑言を並べ立ててこのスレッドを私物化してきた人々に このスレッドを独占する権利があるんですかねえ。どうかしている。
>>844 あれー?もうくるなっていったよねー?ここのルール守るんだろー?じゃあきちゃだめだよねー?
気にくわない質問者になんの正当な理由もなく粘着していじめたかっただけだと いうことがもう完全に明らかになったじゃないですか。 なぜそうした連中がこのスレッドでは正当性があると見なされるんですか。 そんなことを認めてしまったら掲示板の秩序はめちゃくちゃになりますよ。 社会常識を著しく逸しています。 わかっていますか。正気ですか。このスレッドのログが証人です。
>>842 仮に忍者適用されても、粘着を理由にした水遁は禁止されてるし、この様子じゃ水遁しても永遠書き込み続けるだろう。
>>848 しかしそれを認めてしまったら掲示板の秩序がめちゃくちゃになりすよ。
俺様秩序で好き勝手に書き込みされることを公認するようなものですからね。
>>847 そもそも私に因縁をつけて粘着しはじめたあなたですしね。
こいつは1つのレスにつき、1つの安価しかつけられないのか
サクラ乙
なんの公平な正当性もなく俺様秩序で罵詈雑言を並べ立てる連中の投稿を禁止すれば 解決することですよ。 しかしそれをやらなかったら掲示板は俺様秩序を認めることになってしまいますからね。
>>825 >>826 でやっと本来のスレッドの趣旨に戻ったのに、
まだ私に粘着する連中をなんとかしてください。
>>855 お前のレス=スレの趣旨とか頭どうかしとるんちゃう?ww
>>857 あなた方が提示して趣旨じゃないですか。私の俺様ルールじゃないですよ。
あなた方がやったことを私がやるとなぜ私だけが荒らしと見なされねばならないんですか。 ここの方は正気でおっしゃっているんでしょうかね。
荒らしに反応するのも荒らし
>>860 荒らしだったと認めるわけですね。だったらそれで解決しますよ。
あれは私に対する粘着で荒らし目的だったと。
それをまるで初心者が質問する上での前提条件、あるいはマナー、ルールであるか
のように主張をし、頑としていまだ訂正なしなのでややこしくなっているのです。
ここまで全員荒らし
>>861 はい?
私は自治スレッドから来た、ただの通りすがりです。
スレが酷い荒れ様だったので、「荒らしに反応するのも荒らしですよ」とか書き込んだだけです。
IDに表示もない板で、個人を特定することもできない状況で、勝手に他人を荒らし扱いするのは失礼極まりないと思いますが?
みんなのスレなのに変なキチガイが独占してるな。 まるで韓国人
ここまですべて荒らし。 って、やっていたらどこまでいっても「はい、ここまですべて荒らし」で 無限ループになりますよ。 初心者が質問する上での前提条件だ、これをクリアせねば初心者以下だから 出ていけとしていたことが、なんの正当性もない主張で、単なる荒らしのための 「俺様ルール」だったということをはっきりして、そろそろすっきりさせるべきです。
【↑ここまでテンプレ】
>>863 荒らしに反応するのも荒らしならば、あなたも立派な荒らしですよ。
荒らしだと言って何が失礼になるんですか。また俺様ルールを持ち込むのですか。
書き込んだ奴をすべて荒らし扱いするとかひでーやつだな
元はといえば回答者に因縁をつける反日の韓国人質問者から生まれたこの争い。 削除人に依頼すれば消えてくれるかな?
>>867 私は、このままでは他の質問をしたい人が自由に質問を出来ず、
スレッドを目的を達せられないと思い、忠告をしたまでです。
それに、これは俺様ルールではありません。
2ちゃんねる全体としてのマナーです。
要は、こいつは、痴漢電車に乗り合わせた時に、 たまたま乗ってた人を犯人扱いするってことか、恐ろしいやつだなw
>2ちゃんねる全体としてのマナーです。 こんなのがこういうこといっちゃう時点で。 お前は2chの何を知ってるのかと
>>870 ですからそのマナーにあなたも完全に違反しているんですよ!
自分のしていることをかえりみてください。
結局どうすればいなくなるのか 答えも教えず堂々と居座って新規質問者には「よく調べましたか?」とか回答するこの悪人。 良識があるならもうちょっとどういったことをしたら自分のイライラも解消できるのかってのを考えたらどうかな? 終始顔真っ赤で君が逃げることになっても嫌でしょ?
>>870 罵詈雑言を並べ立てて粘着し荒らしまくってきた連中に対して
私も理性的に忠告を何度も何度も発して来た立場ではあなたと私は同じです。
私が荒らしに反応する荒らしと見なされるのならば、あなたはなんなんですか。
早く通報しろよ
それに新規質問者がこの議論を見て、参入してきたとすれば敵を増やすのは当然あなた。 味方など付くはずもない。
あなたあなたって特定できないのに、何なの? こいつにだけIDに見えてるんか? 同じ人が書き込んでるかもわからないのに。
>>878 私はアンカーした書き込みに対して「あなた」と言っているのです。
「荒らしに反応するのは荒らしです」と警告するその人に対して、
自分も「荒らしに反応する荒らし」であることの自覚があるのか忠告して
差し上げただけですよ。
チョンがCSSなど似合わない事をやろうとするからだw
ちなみに、この騒ぎは月曜日には収まっている予定です。
運営も荒らしってことか、かわいそうに
通報はしてきたよ。 あとは削除人がどう思うかだけ。
>>873 横からだけど、結局あなたは「荒らしに反応する人も荒らし」を認めてるの?
相手を批判する時だけ認めて自分は荒らしではないですよ、ってのは矛盾してると思うけど。
あなたはその時々で自分の都合のいいように論理を組み立ててるだけで一貫性がない。
あとはもう触れるな。無駄に消費される。
>>884 私のことを「荒らしに反応する荒らし」だという理由で荒らし認定したのは
あなたです。
あなたがそれを主張するのならば、まさに最初に自分を顧みるべきでしょう。
その上でその主張を破って参加しているということは、その主張を破る行為を
あなた自身が自らの行為をもって正当化していることになるわけです。
「荒らしAに反応するBは荒らし」という論理からすると、Bは荒らし。
ということは、
「荒らしBに反応するCも荒らし」。つまりCが
>>884 さんに当たります。
わかりましたか。
いやwwっw違うだろwwwww お前が大元のキチガイ荒らしだろwwwっ荒らしに反応する荒らしじゃないwwww
荒らしに何か反応しただけでみんな荒らしと化するウイルスに感染して いっちゃうゾンビ論理といいます。
あらし君、しばらくROMってろ。平常化さスレを見て、それがなぜだか考えてみろ。ひとつ成長できると思うよ
そういうあなたこそ成長しよう。大人なんだから罵詈雑言は見苦しいよ。それとも小坊?
892 :
884 :2012/05/26(土) 13:37:16.88 ID:???
>>886-887 > 私のことを「荒らしに反応する荒らし」だという理由で荒らし認定したのはあなたです。
認定してない。
わざわざ「横からだけど」と書いているでしょうが。ちゃんと読みなさい。
ついでに匿名掲示板の使い方を覚えなさい。
>>887 あなたは
>>861 で
>>860 をあらし認定してるでしょ。
「自分を顧みるべき」というならあなたは「荒らしに反応する荒らし」を認めているのと同じ。
>>860 に反応するあなたは荒らしということになる。
これ以上無理な言い訳は見苦しいですよ。
894 :
821 :2012/05/26(土) 13:43:20.11 ID:???
>>827 ありがとうございます。
そちらで聞いてみます。
この人、都合が悪くなると話をそらしてくるね
客観的に見てどちらが言い訳してるかは明らかだからな
897 :
884 :2012/05/26(土) 13:57:22.45 ID:???
返事をかわしてきたか。
自分が気になったのは
>>860 は
>>861 を荒らし認定してないのに勝手に噛みついて失礼極まりないってとこだけ。
>>860 が気にしてなかったら口を挟まなかったけどね。
>>863 に対する
>>867 とか酷すぎる。
まあ、彼は自分以外の誰かを同一視して「おまえは誰と戦ってるんだ?」状態になってるようだからこれ以降は控えるよ。
お節介で場を汚してすまなかった。
>>892 > 認定してない。
そうですか。ということは
>>863 や
>>870 の言行不一致、論理的破綻を
あなたはお認めになるわけですね。
> わざわざ「横からだけど」と書いているでしょうが。ちゃんと読みなさい。
> ついでに匿名掲示板の使い方を覚えなさい。
上下に矛盾がありませんかね。
>
>>887 > あなたは
>>861 で
>>860 をあらし認定してるでしょ。
勘違いです。ここのスレッドに書き込まれた私に対して向けられた口実の数々、
>>764 などにまとめてありますが、それらの意見が私を単にいじめて排除するだけの
感情的な俺様ルールでしかなく、到底賛成できないことを、あなたや
>>860 さんが
お認めになるのかどうかです。それを問うているのです!
ここを利用している人が必ずしもそれらの意見に賛成しているわけではなく、
それが彼らの俺様ルールであったということが証明されるでしょうから、
それでお終いになるのですよ。あなたの立場はどうですか。お認めになりますか。
なぜ私の側だけに論理の矛盾を指摘するのですか?
自己矛盾があったのはそもそも私に粘着した人たちじゃないですか?
私の側だけにそうするのはなぜですか。あなたの倫理的公平さを疑ってしまいますね。
>>898 いつまで居座るつもり?
一回答者としても迷惑なんだけど?
別スレ立ててうやってくんないかな?
面倒だから名前付けてくれないかね そんなに討論したければ既婚女性板に行って相手にしてもらってね てかスレ進みすぎだ
>>898 > そうですか。ということは
>>863 や
>>870 の言行不一致、論理的破綻を
> あなたはお認めになるわけですね。
どこも矛盾してないだろ
あんたが難癖つけてるだけ
>>897 同一視もなにも、彼らを批判せずに、私にだけ粘着する理由は何ですか?
>>892 はいいがかりですよ。
>>884 > 横からだけど、結局あなたは「荒らしに反応する人も荒らし」を認めてるの?
そういうゾンビ論理を私は倫理的には疑問視しますが、
>>870 >>872 にもある
ように2ちゃんねるの見解としてあなたも私も荒らしになってしまうんでしょうね
ということを
>>886-887 で書いたまでですよ。
そしてそれが分かっている方による
>>870 >>863 のような書き込みはまったく矛盾し、
破綻しているということです。
> 相手を批判する時だけ認めて自分は荒らしではないですよ、ってのは矛盾してると思うけど。
相手の主張をその相手に適用しているだけです。そもそもその人の主張なんですから。
ぜんぜん矛盾はありません。
その人がしていることをそのまんま鏡に写して、ほら見なさいと指摘してあげている
以上のことをしていませんが。
これであなたの屁理屈も破綻しましたね。
破綻が好きなんだな
>>902 ここはCSSに関する質問とその回答をするスレ
関係ないことで議論するな、場所をわきまえろ
議論したいなら、議論スレでやれ
ルールも守れない奴はスレに書き込むな
>>863 > 私は自治スレッドから来た、ただの通りすがりです。
> スレが酷い荒れ様だったので、「荒らしに反応するのも荒らしですよ」とか書き込んだだけです。
「荒らしに反応するのも荒らしですよ」ということは
>>860 も荒らしですよ。
あなたも荒らしです。即刻、やめたほうがいいですね。
通りすがりだって荒らしになってしまう論理です。
>>904 なぜそれを私にだけ言うの。私に粘着した連中に言ってくださいな。
そういう連中を擁護しているのでなければおかしいですよ。
>>899 > いつまで居座るつもり?
あなたこそいつまで居座っているつもりですか。
>>904 そう思うのなら、もう粘着レスはやめてくださいな。
いやここで回答する人質問する人以外はいらないから。つまりあなただよ。 スレタイよく読んでね?
909 :
884 :2012/05/26(土) 14:34:58.41 ID:???
最後にするつもりだったが、彼の返事が返ってきたので一応返しておく。
>>898 ,902
あなたの論理には矛盾が多々見られるし、突っ込むのは大変なので、返事を要約させてもらう。
・相手の論理を相手に返す理屈は間違ってないが、相手の論理の正否に触れずに返すのは卑怯きわまりない。
それが正しいと認めた上で返すべき。正しくないと知った上で相手にそのまま返すならそれは自分に都合のいい押しつけだ。
正しいか正しくないか保留した上で返すのも同じことだ。
・>860は一般論をいってるだけだし、自分は860を擁護してるだけ。
860はあなたが荒らしであると認めているわけではない。
あなたが勝手に自分が批判されたと被害意識を持ってるだけだ。
端から見ればあなたが860に絡んでるようにしか見えないんだよ。
あと、あなたが掲げるテーマの議論につきあう気は毛頭無いので勝手に巻き込まないでくれ。
自分が主張したいのはこの2点だけだ。
おそらくこのコメントにもレスするんだろうが、突っ込みどころが多くなる事が想定されるのでこれを最後の返事とさせて貰う。
都合が悪くなったから逃げた、と思ってくれても構わない。
>ALL
本当にすまなかった。
次スレ立てて避難するか?
次スレは950くらいでいいんじゃない?スレのルールにも書こう
お疲れ 新たなルールが必要かもしれないな
>>909 > あなたの論理には矛盾が多々見られるし、突っ込むのは大変なので、返事を要約させてもらう。
残念ながら矛盾だからけなのはそちらのようです。
> ・相手の論理を相手に返す理屈は間違ってないが、相手の論理の正否に触れずに返すのは卑怯きわまりない。
卑怯というのはこういうことを言うんです。
つまり、
自分が主張した正義を相手にだけ適用するために使い、
自分はその正義からは自由な存在だと主張する。
こんな卑怯で身勝手なご都合主義の倫理はありません。
>>643 から300弱消化とかアホらしいな
>>910 さっさと立てて、こっちは勝手に議論してもらえればいいんじゃない?
粘着質な奴だから次スレ立ても両方のスレに居座る気がするな
age推奨
質問する奴はIDかコテ付けさせれば
>>909 > それが正しいと認めた上で返すべき。正しくないと知った上で相手にそのまま返すならそれは自分に都合のいい押しつけだ。
> 正しいか正しくないか保留した上で返すのも同じことだ。
自分が主張するマナーはまず自分が守るというのが常識でしょう。
適用しようとする相手がそのマナーに賛成しているとはかぎらなくても、
あなたはそのマナーを相手に押し付けようとしている。
そのくせ、そのマナーを自分は守らないでいい特権をもっていると主張する。
こんなデタラメはありません。こんな卑怯な物言いはありませんよ。通用しません。
相変わらず明後日の方向に返事してて笑ったw
ここまで中身のない回答と感情論を見ると女ってすげーわかるのな・・・ 退かぬ!媚びぬ!省みぬ!のコピペ思い出すわ
自分を棚に上げて粘着質認定することがどれだけ滑稽で頭の悪い発想なのか 分かったら本当に恥ずかしくなるはずだよね。
>>921 機能面を尋ねてるわけじゃない
なぜ上げる必要がある?
ある程度冷静に理性をもった読者ならば、どちらが論理的に破綻しているか 分かるはずですよ。このスレッドを2ちゃんねるで永遠に保管しましょうよ。
まとめてレスしないで分割してレスしてるあたり思考を整理しないでレスしてるんだろうな
>>925 基地外湧いた時にNG追加できるからだろ
あー、確かに感情論を唱える女に似てるな 客観的に物事を見られないタイプだな
931 :
Name_Not_Found :2012/05/26(土) 14:53:47.39 ID:OuGtJqFm
>>909 > ・>860は一般論をいってるだけだし、自分は860を擁護してるだけ。
やはり少なくとも
>>860 を「擁護」していると認めましたね。
>>863 も
>>870 もですか。
あなたも
>>860 >>863 >>870 の見解に賛成していると。
> 860はあなたが荒らしであると認めているわけではない。
それは矛盾ではないですか。
「荒らしに反応するのも荒らし」というウイルス論理を適用するならば
私もあなたもみーんな、この話題に反応した投稿者全員が「荒らし」になってしまうわけです。
>>930 私は論理的に反論しています。
私に粘着する人たちが感情的になっているから
論理的にめちゃくちゃなんですよ。論理破綻してもなお粘着しているだけです。
>>932 すまん、ただ経験上、女性に多い傾向があるんだよ
個人の勝手な経験談だと受け取ってくれ
ひょっとしてこいつはTwitterに流れてくるTLにも一つ一つ噛みついてくるんじゃないか?
>>935 マジレスすると、女性は相手の想像に合わせて態度を変える例が多いから
おまいがそういう女性に多く会ったというのなら、おまいが女性がそういうもんだと思ってるからじゃね
少なくともこの基地と一緒にするのはあまりに酷いw
そんなに自己を主張したいなら人任せにせず、自分でログを保管→公開すればいいのになぜそうしないんだろ
質問者はIDつけてって義務付ければ
>>1 嫁で済ませられる
>>764 が間違えだったと認めることがなんでそんなに難しいのか。
「俺様ルール」を主張しただけだったと認められないへそ曲がりなのか。
あれは感情的にウザいと思った奴を排除するだけの口実でしたから
心にもないことだし、私もそう思います、
>>764 のマナーには私も賛成しません、
そうであったならば、このスレッドの常識じゃないと分かるというものです。
しかしこれまでところ誰も
>>764 のルールに反論する気はないようです。
ということは私はここのスレッドでご教示されたことはそのとおりに
私が見倣うべきだということになるんでしょうね。
>>938 誰にも相手にされない・否定される"恐れ"があるから
本当に論理的に話せているのであれば問題ないと思うけどね
考えの原点に明確な根拠も柱もないから自分から公開ができない
自分が信用できないから前に踏み出す勇気もない
その結果、相手にしてくれている人に反論するだけ
>>937 マジレスありがとう
女性の方が共感性が高いのはわかる
反面、女性が主張する場合は相手に共感を求める傾向がある
自分の論理の正当性をさておき、相手が共感しなかったことに不満を持って論理が飛躍する事も...
でも、確かに基地と同一視したのは酷すぎだな
俺の会ってきた女性の傾向が一般的でなかったのかもしれないし...すまん
自分たちのほうが論理的だというのなら論理的に反論できたはずなのにね。 それができなかったから感情的になって罵声を浴びせた挙句、内輪で悪口を囁く。 そういう人たちっているよなあ。
こんな感じか
=====
CSS初心者の方のための質問スレッドです。
具体的な記述方法がわからない方、基礎知識がない方はこちらでどうぞ。
質問する人は、テンプレをよく読んだ上で質問してください。
テンプレを守っていない質問はスルーされます。
▼質問者へ
質問する人は、必ずIDを付けて(sage解除)てください。
CSSに関する質問であればどんなことでも結構です。
リファレンスマニュアルやサイトに載っている、過去ログや前レスに既出の質問でも結構ですが、
その場合は、具体的にどの箇所がどう分からないのか詳細を書いた上で質問してください。
気のいい人だけが答えてくれますので、回答はまったり待ちましょう。
▼その他
直接CSSに無関係ない話題はご遠慮ください。
どうしても議論したい場合は別スレでどうぞ。
回答者や質問者または回答や質問そのものに対する文句や誹謗中傷、粘着行為などは禁止です。
上記以外であっても、スレの趣旨に反したり進行妨害となるようなレスはご遠慮ください。
板に関する要望・議論は自治スレッドへお願いします。
《関連スレ》
Webサイト制作初心者用質問スレ part229
http://toro.2ch.net/test/read.cgi/hp/1333423433/ 《前スレ》
CSS初心者スレッド=11th=
http://toro.2ch.net/test/read.cgi/hp/1327663847/ =====
過去ログは
>>2 で。
ルールやマナーという建前ならば、少なくとも公平に投稿者全員に適用すべきですね。 「俺様ルール」で取り消したり復活させたり、ご都合主義にならないことです。
>>946 おお、乙
件の人は回答もするみたいだが、回答者もID推奨したいところだがやり過ぎかな?
>>948 乙
>必ずIDを付けて(sage解除)てください。
「て」多いから修正してなw
ほとんど荒らし厨がデフォルトの2ちゃんねるに 真面目ちゃんが入ってきて社会常識のあまりのなさに 一人で憤慨しちゃっている構図かな。
>>946 > 回答者や質問者または回答や質問そのものに対する文句や誹謗中傷、粘着行為などは禁止です。
このスレッドを見ているかぎり、これはほとんど無視されて、むしろ公認されちゃっていますね。
破られることが前提になっている。
もう面倒だし以後スルー
>>951 だからルールに入れるって言ってんだろ
日本語わかんないの?
何事にも口出さないと気がすまない人なんだね
>>951 だってお前は質問者でも回答者でもないじゃんwwwwww
ただのゴミクズじゃんwwwwwwww
次スレは誰が立ててってのは逆にないほうがいいか。
>>953 てか、すでに2ちゃんねるのルールにあるんじゃなかったっけ?
誹謗中傷される側はなんらかのことをしているから誹謗中傷される訳であり。 質問の口調を途中から舐めた感じにしたから当たり前だろう。 勝手すぎる。
ルール作っても意味ないよ。ルール守らないことが問題なんだから。 必要なのは「嵐はスルー」だけだけどID出ないから自演されたらわからない。 とにかくスルーするし続けるしか無い。あと、次スレはしばらく立てない方がいい。 必ず粘着してくるだろうから。
立てる立てないを個人の意見のみで決めてたら埒が明かない。 多数決とったらいいんじゃないの?
もうこのスレいらないんじゃないの? 優しく答えるスレがあるし。
確かにCSSスレ2つもいらんな。向こうだけで初心者−上級者幅広くできるし
#nenchaku { -9999px; display: none; visiblity: hidden; width: 0; height: 0; }
わー すっごい伸びてるー
>>963 classにも頼む。
念の為にimportantも付けたほうがいいぞ
>>965 確かに !important 付けた方が良かったなw
positionも忘れてる。
967 :
Name_Not_Found :2012/05/27(日) 07:54:25.17 ID:H1soz+ok
http://norix4.cyber-space.biz/itcn/home/ 右上の赤枠の中にあるサイト内検索を
赤枠内で縦中央揃えにしたいのですが、できません。
当該フォームのCSSのIDは次のように書いてます。
form#google_search {
float:right;
display:table-cell;
vertical-align:middle;
text-align:center;
width:500px;
height:200px;
border:1px solid #f00;
}
971 :
967 :2012/05/27(日) 08:30:43.80 ID:???
>>968-970 ありがとうございます! できました!
ただ本当にやりたかったことは
Googleロゴと入力フォームが縦方向にズレてるのを
直したかったんです。
こういうときって何かいい案があるのでしょうか?
972 :
967 :2012/05/27(日) 08:40:05.39 ID:???
>>971 その場合はボタンにCLASSなどをつけてpositionで位置合わせをするといいです。
975 :
967 :2012/05/27(日) 08:55:21.53 ID:???
http://norix4.cyber-space.biz/itcn/home/ img要素にもvertical-align:middle;を付けると
なぜかできました。
結局ラッパーは使用せずこんな感じで。
form#google_search {
display:table;
float:right;
display:table-cell;
vertical-align:middle;
}
img#google_icon {
vertical-align:middle;
}
976 :
967 :2012/05/27(日) 08:57:21.24 ID:???
ごめん、ミス こんな感じで form#google_search { float:right; display:table-cell; vertical-align:middle; } img#google_icon { vertical-align:middle; }
あと補足だけどロゴ類はSEOに対応させるなら<h>要素で包んであげたほうがいいよ <p>でもいいけど
>>958 でも、いろいろ論争した結果、なんの落ち度も明確にならず、
いじめる側の感情論だけが明確になっただけでした。
>>961 このスレッドのエピソードが教訓になって
くれればよいものです。永久ログは必要です。
>>979 日本語読めねーの?
このスレ=次スレのことだろ
常識考えろよボケ
>>980 やけに突っかかってくるねえ。どこまで粘着する気。
どう読めば、
>>979 に反論していると読めるの。
こいつはなんでこのスレに気持ち悪いほど粘着してんだ? facebookに持論書いてりゃいいのに
昔揉めた誰かに見えてるんじゃねぇの?w
早く落とそうぜ
うめ
うめ
うめ
うめ
うめ
うめ
うめ
うめ
うめ
うめ
うめ
め
うめ
うめ
1001 :
1001 :
Over 1000 Thread このスレッドは1000を超えました。 もう書けないので、新しいスレッドを立ててくださいです。。。