- ベストアンサー
listに設定した画像の表示位置の設定方法
partitaの回答
画像をlist-style-imageで設定しているのか、liのbackground-imageで指定しているのかによって、CSSの記述が異なります。 前者は簡単な方法に見えますが、融通がききません。画像そのものを作成しなおすのがよろしいでしょう。 後者もその方法で可能ですが、background-positionで調節するのが一般的です。
関連するQ&A
- list-styleでの画像CSS設定について
list-styleのをCSS設定で画像を指定しています。 文字サイズより大きい画像の場合に、うまく位置を調整できないのですが、どのように設定すればよいでしょうか？ 現在のCSSはこのように設定しています。 .style_1 { list-style-image: url(画像url.gif); } フォントサイズ14ピクセルではピッタリはまるのですが、12ピクセルにするとリスト画像が上部に浮いたような形になってしまっています。 また、リスト画像とli要素(文章)までの間隔も離したいです。 CSSに詳しい方がいましたら、ご教授下さいませ。
- 締切済み
- ブログ
- 画像の表示位置について
質問があります。 小さな画像(162×82)の画像をブラウザのど真ん中に 表示させたいのですがどうしてもうまくいきません。 <HTML> <BODY> <CENTER><IMG SRC="top.bmp"></CENTER> </BODY> </HTML> ↑もちろんこれだと画像のセンタリングしかできません。 縦位置、横位置、ともに真ん中（ブラウザの中央）に おきたいです。
- ベストアンサー
- HTML
- ライブドア 画像の表示について
パソコンからの投稿で、文章を書いて、途中に画像を入れて、その下にまた文章を書いた場合、携帯から見ると、画像のアイコンの下にたくさんスペースが出来てしまいます。 PCで投稿する際に、画像を貼り付け、そのすぐ横から文章を書くと、携帯では余分なスペースがなく表示されますが、パソコンから見た時にバランスが悪いです。 芸能人のブログを見てみると、PC,携帯、どっちも綺麗に余分なスペースなく表示されているのですが、どうすればこのようにできるのでしょうか？ ちなみに、ライブドアブログで、HTMLを使わずに書いています。
- ベストアンサー
- ブログ
- リストマークの表示が化けてしまい困っています
IEでのリストマークが変に表示されるようになってしまいました。 通常ですと「○」と表示されるものが「γ」のような形に。「●」は「λ」のような形に。「■」は「v」のような形に。 普通の○や●などは、正確に表示されているのですが、リストマークの○●■だけが変な形になってしまっています。 IE以外のブラウザでは普通に表示されます。ググってみても、ＨＴＭＬ関係の話しか検索できず困っています。 その他の表示は正常なのですが、リストマークだけが・・・ なにか、設定が狂ってしまったのでしょうか・・・ どうか知恵をお貸しください。。
- 締切済み
- その他（インターネット・Webサービス）
- リストマークの位置がずれている リストの文字が複数行になった時
IEとfirefoxで、リストマークの見え方が違ってしまってます。 例えば、 http://fortunehills.web.fc2.com/ のページにリストの表示があります。 画面左上に 「2009/6/30 火曜日」とありその下に、 株式のチャートアイコンがあり、その上にマウスを乗せるとズラリとリストがでます。 そのリストの２番目 「日興コーディアル証券｜オンライントレード（日興イージートレード） 」というのがあり２行になってます。 で、そのリストマークが２行目の横に来てしまってます。下揃えになってます。 他にも、同じＵＲＬの news内の「perfumelab」のリストマークも下揃えになてます。 IEで見ると下揃えなのですが Firefoxでみると、上揃えです。 IEでも上揃えにするには、どのようにするのが良いのでしょうか？ 原因などが何かあるのでしょうか？
- ベストアンサー
- HTML
- プルダウンの選択リストの中に画像を埋め込む（表示する）ことはできますでしょうか
タイトルのとおりなのですが、 プルダウンのリストは通常、テキストのリストから選択するものですが、 プルダウンの選択リストの中に画像を表示させることはできますでしょうか。 プルダウンフォームのoptionタグやCSSの背景に画像を指定したりしたのですが 表示することはできませんでした。 どなたか実現方法をご存知でしたら教えていただけないでしょうか。 よろしくお願いします！
- 締切済み
- HTML
- スタイルシートで、画像の横にリストを表示するには？
テーブルを使えば、1行2列のテーブルに左に画像、右にリストを入れれば、横並びができるかとおもいますが、スタイルシートを使った場合、画像の横にリストをおこうとすると、どうしても下に流れてしまいます。divで、画像とリストを囲って、floatをつかって右、左とすればできるかもしれないかなとおもいましたが、もっと簡単にできる方法がありそうなんですが。。。 なにとぞよろしくお願いいたします。
- ベストアンサー
- HTML
- cssのリストの画像がブラウザできえる。
外部指定のcssでリストを作ります。 li、ulどちらでも画像を指定してみましたが、 IE7でウィンドウをスクロールすると、下にスクロールして上にもどると、リストの画像が消えています。F5で復活しますが、またスクロールすると消えます。どうしてでしょう？
- 締切済み
- HTML
- CSSのclass設定で画像を中央に表示させたいのですが・・・・。
現在cssで画像に対してのセンタリングの設定を行っているのですが、何故か上手くいきません。 cssでclassにセンター表示を設定し、そのクラスを適応させると普通は真ん中に表示できますよね？ 例えば、 <p class="center">真ん中表示</p>として、cssでcenterにセンタリングの指定を行った場合、きちんとセンターに表示されるのですが、画像のimgに対してclass設定を行っても、反応がありません。 <img src="○○.gif" width="○" hight="○" class="center">という指定を行ってみました。 画像には何か特殊な設定を行わなければならないのでしょうか？classは使うのもではないのでしょうか？ 初歩的質問ですが、ご存知の方宜しくお願いします。
- ベストアンサー
- HTML
お礼
みなさん有難う御座いました。 listに関しては様々なバグもあるようで該当している部分が多々ありました。 とりあえず、背景として対応しました。 有難う御座いました。