- ベストアンサー
■（四角）の記述
htmlで■の記述をすると小さく（1/4サイズくらい）表示されてしまいます。 私はこれが当然で仕方の無い事なんだと思っていたのですが あるサイトでは■が大きく記述されていました。 CSSを覗いて見ても変わったところはありませんでした。 何かhtmlで記述すべきところがあるのでしょうか？
- みんなの回答 （5）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (4)
- ice rub（@icerub）
- ベストアンサー率23% (604/2626)
ブラウザの表示フォント設定がMacではOSAKA WinではMSゴシック（MSPゴシック）以外になってませんか？ 確認したところ表示フォントがOSAKA以外に設定してあるMacのSafariでは、フォント無指定のHTMLでも一部の記号が小さく表示されるようです。
お礼
おかげで解決する事ができました。 ＞確認したところ表示フォントがOSAKA以外に設定してあるMacのSafariでは、フォント無指定のHTMLでも一部の記号が小さく表示されるようです。 覚えておきます。 ありがとうございました。
- askaaska
- ベストアンサー率35% (1455/4149)
大きい■と小さい■ ちなみにここ（OKWave？）はどっちかしら？ 私も単純にフォントかサイズの違いだと思うわよ。 <body> <font face="Arial">■</font> <font face="sans-serif">■</font> <font face="ＭＳ ゴシック">■</font> </body> これを表示するだけ３つともサイズが違うわ。
お礼
大■はfont-familyが無指定で 小■はfont-familyが"ＭＳ Ｐゴシック","平成角ゴシック"だったので "sans-serif"を追加する事で大■の表示にすることができました。 <body> <font face="Arial">■</font> <font face="sans-serif">■</font> <font face="ＭＳ ゴシック">■</font> </body> この記述参考になりました。 ありがとうございました。
- salonpath
- ベストアンサー率48% (194/399)
それわざわざ言わなかったらバレなさそうなのに正直ですねぇ。 まず、両方の■が同じ■か別モノなのかを疑いますね それぞれの■をメモ帳にコピペするとかして 同じものだったらサイト上のfont周りをチェックかなぁ font-familyが違うとか、文字コードが違うとか 以前同じように©のサイズが違うサイトがあってビックリした事があります、その時は文字コードが違ったのかな？ 画像やlist-typeじゃないんですよね？
お礼
間違いなくテキストで画像やlist-typeではないです メモ帳にコピーしてみましたが双方全く同じものでした.. font-familyも検証してみましたが違うようです、、謎です
補足
salonpathさん すみませんでした。勘違いしておりました。 font-familyの問題でした。 大■はfont-familyが無指定で 小■はfont-familyが"ＭＳ Ｐゴシック","平成角ゴシック"だったので "sans-serif"を追加する事で大■の表示にすることができました。 ありがとうございました。
- salonpath
- ベストアンサー率48% (194/399)
大きい■と小さい■のアドレスはありますか？
お礼
大きい■が取引先の会社で 小さい■が自社のサイトなので... すみません（汗）
補足
情報が少な過ぎますかね.. すみません..
関連するQ&A
- ｃｓｓの記述についておしえてください
ｃｓｓの記述についておしえてください。bodyそしてcontainer次にsidebarまたはmenuと作ったとしてmenuの天地サイズを自動にしてcontainer等のサイズに反映させる事は可能ですか？フロートは分かるのですがサイズの伸縮について分かりません。
- ベストアンサー
- ホームページ作成ソフト
- CSSの正しい記述の仕方
CSSの記述の仕方なんですが、下記のような書き方は正しいのでしょうか？ .f14 {font-size: 14px;} .bold {font-weight: bold;} .red {color: #FF0000;} <p class="f14 bold red">あいうえお<div> HTMLには構成要素、CSSにはデザイン要素のみを記述と考えると正しくない気がしますが、 何度も使うような場合は、この方がCSSが短くなるので使っています。 どうなんでしょうか？ 気にしすぎでしょうか。
- ベストアンサー
- HTML
- CSSで14px/1.4の部分の記述は正しい？
とあるサイトのCSSを見ていたら次のような記述がありました。 font:normal normal normal 14px/1.4 "ＭＳ Ｐゴシック", "Osaka", "sans-serif"; normalが3つ続くのも謎ですが、フォントのサイズと思える部分で分数のようにして使われています。 14px/1.4で10pxのこと？ このような記述はできるのでしょうか？ そのサイトはCSSを使いこなせるような人が作っているようでデザインや文字などはとても読みやすくできています。
- ベストアンサー
- HTML
- 【CSS】_font-size: 84%;ってどういう意味の記述？
CSSの勉強のために、 http://cdn.oshiete.goo.ne.jp/css/oshiete-base.css をながめていたのですが、 font-size: 12px; line-height: 1.4em; /*\*/ _font-size: 84%; /**/ という記述がありました。 この、最後の３行はなんのための記述なのしょうか？ よろしくお願いいたします。
- ベストアンサー
- HTML
- CSSの記述
HTMLで普通のテキストのサイズを固定したいのですが、 うまくいきません。 何が間違っているのでしょうか。 一部のHTMLだけ、リンクの下線をはずしたいので、 HTMLに <LINK REL="stylesheet" HREF="css/style_win.css" TYPE="text/css"> <STYLE TYPE="text/css"> <!-- A { text-decoration: none; font-size: 10pt;} --> </STYLE> と記述。 こちらの方は大丈夫です。 だめなのは外部 css/style_win.css に body { font-size:10pt } と書いたほうがまったく制御していません。 初心者で、本もたくさん調べましたが わかりません。 どうかお願いいたします。
- ベストアンサー
- HTML
- maqueeの記述方法について
よろしくお願いします。 ホームページ上に、左から右に流れるようにマーキーを設定したいと思っており、html上に以下の記述をしました。 <maquee>ほげほげパソコン</maquee> 上記で文字は表示されましたが、htmlチエッカーで調べたところ、良い記述方法ではないという事が書かれていました。そこでcssで記述をしようと思いましたが、どのような記述をすれば良いのか分かりません ご指導の程よろしくお願いします。
- ベストアンサー
- HTML
- nyroModal HEADタグ内の記述について
nyroModal HEADタグ内の記述について http://nyromodal.nyrodev.com/#download 上記ページより、nyroModal1.6.2をダウンロードしました。 設置方法を下記サイト http://www.css-lecture.com/log/javascript/014.html で調べて、サイトの説明どおり設置してみたところ、headタグ内に記述する５行のソースが古いのか（jsファイルが1.2.8になってる）ダウンロードしたファイルと合わず、動作しませんでした。 自分なりに試行錯誤してみて、あてずっぽうですが、下記ソースに書き換えたところ、ギャラリー表示は正常に動作するようになりました。 <link rel="stylesheet" href="styles/nyroModal.css" type="text/css" media="screen" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> <script type="text/javascript" src="js/jquery.nyroModal-1.6.2.js"></script> <script type="text/javascript" src="js/jquery.nyroModal-1.6.2.min.js"></script> <script type="text/javascript" src="js/jquery.nyroModal-1.6.2.pack.js"></script> しかし下記ページの一番下にあるデモと同じように、Googleへのリンク（外部ページを読み込む） http://www.css-lecture.com/template/2008/1001/ をする場合に、 <p><a href="http://www.google.co.jp/" class="nyroModal">Google</a></p> と、記述してもウィンドウサイズが400×300くらいに固定されてしまって縦横にスクロールバーが出てしまい、サイト全体が表示できません。 cssやjsのファイルを編集しようと探してみましたが、ウィンドウサイズを指定しているような記述を見つけることができませんでした。 現在のヴァージョンで正常に動作させるためには、headタグ内にどのような記述をしたら良いでしょうか。 また、外部リンクの際にウィンドウサイズを指定できる方法はありますでしょうか。 当方、ネットで独学で調べて設置をしている初心者ですので的外れな質問をしているかもしれませんが、ご教授いただけますでしょうか。 よろしくお願いいたします。
- ベストアンサー
- JavaScript
- php？でスマホ用のCSSへ切り替える記述について
php？でスマートフォン用のCSSへ切り替える記述について質問です。 HTML/CSSの知識はあるのですがPHPについてはさっぱりで… お力を頂ければと思います。 今度CSSの切り替えでスマートフォン用のサイトを表示することになったのですが、 一部システムが絡んでいるため切り替え方が分かりません。 拡張子は.ctpです。 HTML/CSSで下記の記述にしています。 <link rel="stylesheet" type="text/css" href="../_common/css/import.css" media="all and (min-width : 706px),print" /> <link rel="stylesheet" type="text/css" href="../_common/css/_phone/import.css" media="only screen and (max-width : 705px)" /> PHP？でCSSを読み込む部分は <?php echo $this->Html->meta('icon'); echo $this->Html->css('/_common/css/import.css'); echo $scripts_for_layout; ?> と記述されています。 上記にどういった記述を加えればHTML/CSSのような切り替えが可能でしょうか？ もしくは、全く別の部分をいじらなければならないのでしょうか？ よろしくお願い致します。
- ベストアンサー
- PHP
- 文末に「…」を追加するCSSの記述について
下記は、ブラウザのサイズが変更されても2行で表示するように記述したものです。 これに文末に「…」を追加するにはどのように記述すれば良いでしょうか？ 表示結果 現在 「ああああああああ ああああああああ」 このように表示したい 「ああああああああ あああああああ…」 CSS .AAA { margin:0; padding:0px; height:2.6em; line-height:1.4em; overflow:hidden; vertical-align:top; } HTML <p class=AAA>ああああああああああああああああああああああああああああ</p>
- 締切済み
- CSS
- 「>」を使った記述はCSS3からのもの？
とあるサンプルサイトのCSSを見たところ、 #global-nav > ul > li:first-child a { border-radius:6px 0 0 0; } というCSS3の角丸設定のものがありました。 一番最初にあるリンクが貼られているli要素に角丸を設定というのは何となく分かるのですが、「#global-nav > ul > li」の「>」を使ったような記述を初めて見ました。 これはどういった意味を表しているのでしょうか？ 「#global-nav」にある「ul」の「li」という意味のものであれば、「>」は別に記載する必要性はないと思うのですが…また、この記述もCSS3からのものなのでしょうか？ ご存じ方、ご教授いただければ幸いです。 よろしくお願いします。
- ベストアンサー
- HTML
お礼
ありがとうございました。 大■はfont-familyが無指定で 小■はfont-familyが"ＭＳ Ｐゴシック","平成角ゴシック"だったので "sans-serif"を追加する事で大■の表示にすることができました。 body { （font-family無指定） } このタグが解決に繋がりました。 ありがとうございました。