cssでサイズ固定
-
0 名前： 下石 ： 2006/02/08 19:36
- 通常はロゴを表示するところですが、
スタイルシートを切っているブラウザではテキストを表示させようとしています。
DIVにIDを持たせてテキストを表示し、スタイルシートで画像を背景に設定しています。
そのとき、画像の縦横のサイズを固定したいのでcssに記述しているのですが、
どうしてもテキスト分の高さしか保持してくれません。
どのようにすれば良いのでしょうか。
＜例＞
--- HTML ---
<div id="logo">○○株式会社</div>
--- CSS ---
#logo { width:180px;height:50px;background:url(logo.gif) no-repeat top left; }
文字の大きさが12ptだとすると、logo.gifも上から12pxの所までしか表示されない。
よろしくおねがいします。
-
1 名前： カヅサツ ： 2006/02/08 19:36
- 記述には問題なさそうですので、他の原因があるかもしれません。該当のページの URL が分かれば検証できるかもしれません。
-
2 名前： 下石 ： 2006/02/08 19:36
- 質問者の下石です。
すみません。
上記質問は、その後なんか色々コーディング方法を変えていたら解決できました。
当初の原因は分からないのですが、とりあえず大丈夫です。
ただ、DIVタグではうまく行きましたが、<a>タグではうまくいきません。
こちらはどうでしょうか？
＜例＞
--- HTML ---
<a class="menu1">メニュー1</a>
--- CSS ---
.menu1 { width:100px;height:20px;background:url(menu1.gif) no-repeat top left; }
そもそも<A>タグに高さは持たせられないのでしょうか？
質問ばかりですみません。
よろしくおねがいします。
-
3 名前： 匿名希望 ： 2006/02/08 19:36
- >そもそも<A>タグに高さは持たせられないのでしょうか？
その通りです。非置換要素にwidth,heightプロパティは設定できません。
