（HTMLタグ・スタイルシート）印刷時のみ非表示にする方法 - 印刷時に表示しない部分を、ＨＴＭＬタグやスタイルシートに表記する... - Yahoo!知恵袋
CSSの初心者で勉強しております。下記の質問ご回答いただけたら幸いです。 よろしくお願いいたします。 ○前提： ・見本のWEBの見た目になるように極力自分の力で書いていて、 分からないところは見本のソースコードを見て作成しています。 ・質問5つあったのですが、文字数オーバーするので質問分けてする都合上 スクショには他の情報も記載しております。(ここの質問は②③④の計3つです。) また(1)～(3)は文中にありませんので、気にしないでください。 ・コンテンツの幅を960px。横のpaddingは4％で作成しております。 【bicycleの画像の大きさの調整等】 ②質問：こちら3つのflexした画像の大きさを調整する過程がつまづいたので ソースコードを見ました その際 (4).bicycle-block { width: 32%; } (5)img { max-width: 100%; } の
IE8だとdisplay:noneのものをjQueyr.is(':hidden')で判断できない？ - ありの日記
今回やりたかったのは、テーブルの行を表示・非表示させるというもの。show(), hide()で制御するんだけど、押した瞬間にすでに表示済みかどうか判断するのにis(':hidden')で判断していた。こんな風に var row = $("#row1");// <tr>のオブジェクトを取得 if (row.is(':hidden')) { row.show(); } else { row.hide(); } これで、hidden(非表示）の状態だったら表示(show())するように、表示されていたら非表示(hide())にするようにしていたんだけど・・・。 IE6でもIE7でも問題なく動作するのになぜかIE8だとうまくいかない。is(':hidden')の結果は常にfalse。 そこで、hide()が呼ばれると内部でどうなっているのか見てみると、style属性にdisplay:noneをセ
スタイルシートをめぐる冒険: CSS実験室: clearfixの決定版を作る ―モダンブラウザ編―
floatに起因するレイアウトくずれの多くは、floatをしかるべき場所でクリアすることによって解決する。このことを発見して以来、もっぱら空ボックスにclearを指定するという方法（<div style="clear: both"></div>）を多用してきたが、HTMLにある種の不純物が混じることに居心地の悪さはずっと感じていた（「floatを繰り返すとレイアウトがくずれる」参照）。この気持ち悪さを解消してくれるのが、clearfixというテクニックだ。 基本的な発想は上記の空ボックスによるクリアと同じだが、それをHTMLには一切手を加えず、スタイルシートだけで実現しているところに大きな特徴がある。しかし、ひとくちにclearfixといっても様々なバリエーションがあり、その記述のしかたは微妙に異なる。 例えば、clearfixの提唱者ではないかと類推されるPosition Is Ever
float解除の決定版。clearfixを考えたら、進化した。
現在この中でclearfixでよく使用されているプロパティは display:inline-block; height:1%(min-height:1%) zoom:1; でも良く考えたら、全て微妙です。 zoom:1はIEの独自仕様ですし、heightを使用する場合は、IE6,7に対応させるために2つのプロパティが必要です。 display:inline-blockもボックスの要素を変形させることになります。 hasLayoutのスイッチを見た時に、一番理に適ったプロパティはwidthかなと思いました。 子要素を囲む要素として、divやulなどデフォルトCSSがdisplay:blockのプロパティのものが多く、display:blockのプロパティの場合、width:100%で問題ないと思ったからです。 現在のブラウザ状況に適したclearfix 上記を踏まえ見直したclearfixが
"display: inline"の使いどころ - CSS Dencitie
前回の旧Windowsのメニューに似たリンクには欠点があると、申しあげました。それは、どんな欠点でしょうか？ スタイルシートを外して見てみましょう。 おやおやおや、まぁまぁまぁまぁ(くどい)、これではどこがリンクの境界線か分かりませんし、多分スクリーン・リーダでも同じでしょうね。 メニューはリンクの一覧 では、これらに適切そうなマークアップは、どのような形でしょう。 「メニュー」というのはリンクの塊、一覧、つまりリストです。順序はある場合と無い場合がありますが、今回の場合はありません。 というわけで、リンクをリストにしてみます。 <ul id="x"> <li><a href="">ファイル(<kbd>F</kbd>)</a></li> <li><a href="">編集(<kbd>E</kbd>)</a></li> <li><a href="">表示(<kbd>V</kbd>)</a><
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSのみで作る「マウスをホバーした時に子要素が展開するナビゲーションメニュー」
