- ベストアンサー
CSSの記述方法について
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
「The Holly Hack」でネット検索すると 結構引っかかると思います。 CSSの裏技と云ってもいいと思いますが floatによる位置のズレをその 記述だけで解消できてしまいます。 「*」は「要素の中に含まれる」という意味で「html」に付けても本来 は意味を成しません。「html」はどの要素ににも含まれませんから。 IEは おせっかいなのかそれを読み込みます。 結果的に「*html」を指定すると IE以外のブラウザは そこから下の設 定を無視します。 多分ですけど その記述「/* 例えば \*/」と「/* 例えば */」という 記述で挟まれてませんでしたか？ もしそうだとしたらそれは Mac版 の IE5対策です。
関連するQ&A
- 一部のパソコンでスタイルシートが読み込まない
こんにちわ 以下のスタイルシートを使っていますが一部のパソコンで読み込みにいかないような現象が起こっています。 相手のブラウザーはインターネットエクスプローラの６でOSはXPです。 サイトフォルダ内にCSSフォルダーを設けてその中のスタイルシートをいれています。 HTMLソース <LINK rel="stylesheet" href="css/body.css" type="text/css"> スタイルシート↓ h1 { font-size:12px; font-weight:100; margin:0px; padding:00px 0px 0px 00px; color:#FFFFFF; } h2 { font-size:12px; font-weight:100; margin:0px; padding:00px 0px 0px 00px; } h3 { font-size:12px; font-weight:100; margin:0px; padding:00px 0px 0px 00px; } h4 { font-size:12px; font-weight:100; margin:0px; padding:00px 0px 0px 00px; } STRONG { font-size:12px; font-weight:100; margin:0px; padding:00px 0px 0px 00px; } em {font-size:12px;line-height:12px;font-weight : normal;normal;margin:0px;} .t0 {font-size:10px;} .t0h12 {font-size:10px;line-height:12px;} .t0h14 {font-size:10px;line-height:14px;} .t0h16 {font-size:10px;line-height:16px;} .t1 {font-size:12px;} .t1h14 {font-size:12px;line-height:14px;} .t1h16 {font-size:12px;line-height:16px;} .t1h18 {font-size:12px;line-height:18px;} .t2 {font-size:14px;} .t2h16 {font-size:14px;line-height:16px;} .t2h18 {font-size:14px;line-height:18px;} .t2h20 {font-size:14px;line-height:20px;}
- ベストアンサー
- HTML
- cssの記述について
よろしくお願いします。 0ピクセル×20ピクセルの画像を左側に表示させて、その右側に 文字を入れたいと先日ご質問させて頂いたところ、他の方が下記の 記述をご丁寧に作成していただけました。 確かに、その際画像は下記のように表示されましたが他の画像を 表示させたく以下の画像ファイル名を変更したところ表示されなくなってしまいました。 なお、その際backgroundに指定した画像も表示されなくなってしまいました。 (img/ani059.gif); ←ここを変更しました 例）■テスト テスト1 ■テスト2 テスト3 .ulfont1 {color: #ff0000; font-weight: bolder; width: 800px; font-size: 1.0em; line-height: 2.0; margin-left: -20px; } .ulfont ul1 {list-style-position: outside; list-style-image: url(img/ani059.gif); ←ここを変更しました background-image: url(img/mark.png); } 画像を変えようとすると上記の記述もファイル名以外どこかを変える必要があるのでしょうか？ お手数では御座いますが、ご指導の程よろしくお願い致します。 700pxの枠を作成してありますが、その中に更に500px程度の枠を作成して、その 枠を二分割や四分割などはできるものでしょうか？ 例）日や田など・・・ どなた様か、ご指導のほどよろしくお願いいたします。
- ベストアンサー
- その他（プログラミング・開発）
- Firefoxでのスタイルシートの記述について
Firefoxでのスタイルシートの記述について ４つの文字を配置するために (1) font-size:18px; font-weight:bold; color:#000000; margin:127px 72px 0px 40px; (2) font-size:18px; font-weight:bold; color:#000000; margin:64px 72px 0px 40px; (3) font-size:18px; font-weight:bold; color:#000000; margin:101px 72px 0px 40px; (4) font-size:18px; font-weight:bold; color:#000000; margin:65px 72px 0px 40px; と指定しました。IEでは思った位置になったのですが Firefoxでは(2)(3)(4)が下のほうにずれてしまいました。Firefoxに合わせるとIEでの位置が上にずれてしまい頭を悩ませています。 記述の間違いや、アドバイスなどあれば教えてください。 よろしくお願いします。
- ベストアンサー
- HTML
- CSSで記述した数値が取得できない
あるdivタグのサイズを640px*480pxにしようと思い、以下のように記述しました。 （省略） <style type="text/css"> <!-- #oshiete { width: 640px; height: 480px; } //--> </style> </head> <body> <div id="oshiete"></div> （省略） その後、これをJavaScriptで動的に変化させようとしたのですが、 document.getElementById("oshiete").style.width などでの数値の取得が出来ません。 調べてみたところ、divタグに <div id="oshiete" style="width: 640px; height: 480px;"></div> と直接スタイルを記述していれば数値の取得が出来ました。 しかしスタイルシートを使う以上、タグに直接スタイルを書いていたのではせっかくの効果が発揮できません。 スタイルシートをheadタグに記述、あるいは外部CSS呼び出しを使いつつ、JavaScriptから数値を取得する方法を教えてください。 よろしくお願いします。
- 締切済み
- JavaScript
- ブログタイトルの文字色の変更方法
htmlやスタイルシートのこともわからず ブログを始めた初心者ですが質問させてください。 FC2ブログでタイトルの色を変更したいのですが、できませんでした。 使用しているテンプレート名は「simple_002_fc2」です。 スタイルシートの /*-----タイトル＆イントロダクション-----*/ #header_left { width:560px; float:left; } h1 { margin:10px; font-size:12px; line-height:100%; } h1 a {color:#000000;} h1 a:hover {color:#000000;} h1 a:visited {color:#000000;} #introduction { margin:0px 10px 10px 10px; font-size:80%; color:#000000; } この部分のどこを変更したら良いのか おわかりになりましたら教えていただけますでしょうか。 よろしくお願いいたします。
- ベストアンサー
- CSS
- ｃｓｓで、スォントをまとめて指定する時のスラッシュ
スタイルシートで、フォント関連をまとめて指定しようと、色々なサイトさまを参考にしているのですが、 調べても解らないことがありまして…。 例えばのスタイルシート↓ { font: 130% /50px serif } …で、 130% と 50px の間にあるスラッシュです。 どう言う意味なのか、 サイズに関する記述でしょうか…。 ↑の例だと、フォントサイズ50pxと言う意味なのでしょうか。 よろしくお願いいたします。
- ベストアンサー
- HTML
- CSSでエラーが出ました
CSS初心者です、宜しくお願いします。 CSS Validatorで検証した結果 文法解析エラーが発生しましたtext04 p・・・ @layout-grid-line : 1.8; text04 p・・・Parse error - Unrecognized } と結果が出ました、 以下CSS記述 .text04{ font-size : 16px; font-family: Arial,"ＭＳ Ｐゴシック","MS UI Gothic",Osaka,Sans-Serif; line-height : 1.8; color : #666666; background-color : #ffffff; margin-left : 0px; width : 662px; padding-left : 10px; } .text04 p{ font-size : 14px; font-family: Arial,"ＭＳ Ｐゴシック","MS UI Gothic",Osaka,Sans-Serif; line-height : 1.8; color : #666666; background-color : #ffffff; margin-left : 0px; layout-grid-line : 1.8; } どなたかご指導ください、お願いします。
- ベストアンサー
- HTML
- スタイルシートの記述方法に関して。
スタイルシートで、基本的なデザインは一通り出来ると思っています。 実は今サンプルのスタイルシートを修正しています。 スタイルシートの記述方法に関して、質問があります。 サンプルのスタイルシートの記述方法ですが、要素の記述にて上位の要素を全て記述し、最終的な要素を記載しています。 例として 一番外側の要素を：#wrapper ヘッダー：#header コンテンツ：#content メインコンテンツ：#main サイドコンテンツ：#side とします。 自分の場合であれば、スタイルシート内の記述は div#wrapper { width: 500px; margin: 0px auto; padding: 0px; } div#header { width: 480px; margin: 0px auto; padding: 0px; } div#content { width: 480px; margin: 0px; padding: 0px; } div#main { float: left; width: 300px; margin: 0px; padding: 0px; } div#side { float: right; width: 170px; margin: 0px; padding: 0px; } と記述していましたが、サンプルでは以下の通りに記述されています。 div#wrapper { width: 500px; margin: 0px auto; padding: 0px; } div#wrapper #header { width: 480px; margin: 0px auto; padding: 0px; } div#wrapper #content #main { float: left; width: 300px; margin: 0px; padding: 0px; } div#wrapper #content #side { float: right; width: 170px; margin: 0px; padding: 0px; } と記述されています。 上記の記述に、技術的に有利になる点は有るのでしょうか、単に CSS の記述を判りやすくしているだけのように思えます。 上記の記述方法は、一見判りづらいと思いますが、記述している要素が確実に判ると思います。 ただ、その反面 CSS のソースが肥大化します。 上記の記述方法に、他にメリット、デメリットがあるのかアドバイスを頂ければ幸いです。 ちなみに、参考にさせて頂いてる CSS のソースは海外で作られたソースになります。 海外では一般的に使われている記述方法になるのでしょうか。
- ベストアンサー
- CSS
お礼
そういうことを定義していたのですね。 記述有り無しで、確認してみます。