A 回答 (3件)
- 最新から表示
- 回答順に表示
No.3
- 回答日時:
こっちのcssで手前に付けて、後はtext-alginで。
ご回答ありがとうございました。
とてもシンプルで理想的なやり方なように思いますが
現時点ではIEに対応していないみたいですね。。
No.2
- 回答日時:
背景は背景で位置指定するしか無いと思います。
当たり前ですが、テキストと背景別々に指定するのですから、どのブラウザでもテキストの左端に背景画像が来るとは限りません。
「背景画像の表示位置を指定」
http://www.tagindex.com/stylesheet/page/backgrou …
どうしてもテキストの左にアイコンをおきたいなら、<img>で配置することです。
ご回答ありがとうございます。
コンテンツエリアの幅が数パターンで変動するため
positonでの指定は難しいかもしれません。
また、ページ数が多いサイトでの共通パーツになるため、
<img>を直に置くのは避けたいと思っています。
現在、floatとcleaFixを使った方法で検証中ですので
結果が分かりましたらこちらに記載いたします。
No.1
- 回答日時:
{text-align: right; }とすることで、テキストは右寄せになりますが
CSSでアイコンを表示されているのでしたら、その部分をアップしていただければ
アドバイスしやすいと思いますよ。
この回答への補足
ご回答ありがとうございます。
背景で指定しているアイコン部分はこんな感じです。
a.arrow01{
display: block;
background: url(/common/images/icon_arrow.gif) 0 4px no-repeat;
padding-left: 10px;
}
多少修正をかけまして、
p.arrow01{
text-align: right;
}
p.arrow01 a{
background: url(/common/images/icon_arrow.gif) 0 4px no-repeat;
padding-left: 10px;
}
ブロック要素をはずしたら大丈夫みたいです。
------------------------------------------
■goldfoxさま>>
goo初心者のためご連絡の場所が違ってしまい申し訳ありません。
ブロック要素のままいく場合は
p.xxx a.arrow01{
display: block;
background: url(/common/images/icon_arrow.gif) 0 4px no-repeat;
padding-left: 10px;
}
p.xxx{
float: right;
}
としておいて、
p.xxx:after{...}
などでclearFixをかけると大丈夫なようです。
------------------------------------------
長文失礼いたしました。
みなさまありがとうございました!
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 吹き出し 下記の吹き出しのスタイルシートについて 下記のスタイルシートは左側にアイコンがでる使用にな 1 2022/11/12 17:55
- Chrome(クローム) 【 Chrome 】鎖のアイコンの「Copy Link Text」が機能しなくなりました。 1 2023/03/27 10:32
- iCloud iCloudが表示されない 1 2023/03/13 10:06
- Android(アンドロイド) Aloha Browser でダウンロードしたファイルをPCに転送するには? 1 2022/05/23 18:54
- Access(アクセス) Accessテーブルの結合で別々のテーブルのフィールドを組み合わせて値を出す方法について 2 2022/07/20 19:43
- その他(ゲーム) 海外のフラッシュゲームサイトを探しています。 3.4年前までパソコンでやっていました。 •一番上の欄 1 2022/05/01 13:54
- Excel(エクセル) こんなことできますか?例えば、sheetに貼り付けた図形のタイトルを、セルA1の文字で表示する。 5 2022/04/22 15:25
- Android(アンドロイド) Androidの【CCクリーナー】について Androidスマホの【CCクリーナー】についての質問を 3 2022/10/24 10:04
- 写真・ビデオ LINEの動画送信でインカメラの場合、左右逆転になるのは避けられないですか? 1 2022/08/29 12:58
- その他(恋愛相談) 職場男性にて。 あちらから近づいてきて好きになってしまい、社内では付き合ってると思われています。 そ 3 2023/02/23 08:12
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<hr>の縦バージョンはありますか?
-
iframe内をクリックさせない方...
-
クリックで背景を変化させる
-
【至急お助け!】チェックボッ...
-
lightbox2で画像を天地左右中央...
-
background-repeat CSS で切れ...
-
HTMLで使う「見出し」は英文で...
-
背景画像を複数設定
-
ウエブアートデザイナーについて
-
ブログのバナーの背景に2つ画像...
-
IE6だけ最後の文字を数文字繰り...
-
CSSで背景に2枚の壁紙を配置
-
壁紙の配置について
-
Softbank携帯でスタイルシート...
-
body指定したimgが複雑なデザイ...
-
CSSでtd内の画像を月ごとに自動...
-
背景画を固定し、尚且つ、フィ...
-
IMGタグで画像の繰り返し使用は…
-
イメージマップ内での画像の変...
-
HTML CSSの記述の仕方について
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<hr>の縦バージョンはありますか?
-
画像とその下にあるテキストの...
-
lightbox2で画像を天地左右中央...
-
画像の上にテキスト配置で、拡...
-
background-repeat CSS で切れ...
-
【Webサイト】画像が小さく表示...
-
IMGタグで画像の繰り返し使用は…
-
background-sizeの背景で最小値...
-
同じ画像 複数回使用
-
【至急お助け!】チェックボッ...
-
iframe内をクリックさせない方...
-
htmlかcssで背景の白い枠をなく...
-
background-sizeでcontainする...
-
CSSで背景画像をランダムに表示...
-
ページごとに背景画像を変更し...
-
画像上に文字を表示するとiPhon...
-
LightBoxの矢印の出し方
-
WEB上でディレクトリ内の画像を...
-
submitボタンの上に重ねた画像...
-
CSS マウスオーバーでテキスト...
おすすめ情報