- ベストアンサー
どのようにタグを記入すればいいですか？
スタバのホームページのような、右側に常にイラストや画像を表示させるにはどうしたらいいのでしょうか？ cssに記入ですか？ http://www.starbucks.co.jp/products/ お分かりになるかた、是非おしえてください。 よろしくお願い致します。
- daikichi-kichi
- お礼率86% (367/422)
- ホームページ作成ソフト
- 回答数2
- ありがとう数1
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (1)
- naokita
- ベストアンサー率57% (1008/1745)
右下への配置の事なら、 position:fixed;でクロスブラウザなら表示領域に留まってくれます。 <div style="position:fixed;bottom:0;right:0;background:yellow;">右下表示</div> 例のサイトでは、構造をもっと複雑にしていますが。要はこういう仕組みです。
補足
早々に回答ありがとうございます。 私の説明が悪かったかと思いますが、スタバのサイトの右側にうっすらと茶色いレンガっぽいデザインが上から下まであります。 画面を拡大しても縮小しても常に右側に表示されてます。 この表示方法が知りたいのです。 backgroundを「background-image: 写真.jpg;」とかにすればいいのでしょうか？ 今、教えていただいたタグだとうまくできませんでした。 申し訳ありませんが、もう一度教えていただければ大変助かります。 よろしくお願い致します。
関連するQ&A
- スタバのキャラメルホワイトモカ
スタバのキャラメルホワイトモカは期間限定商品だったのでしょうか？ http://store.starbucks.co.jp/products/lineup/ をみても、ホワイトモカしか見つかりません。
- 締切済み
- 料理レシピ
- スタバのホームページの見方 ドリンク
スタバのホームページの見方がよくわからないのですが http://www.starbucks.co.jp/ から、ドリンクメニューの一覧を見たいのですが、どうやったらたどれますか？
- ベストアンサー
- お茶・ドリンク
- 画像サイズをHTMLタグやCSSで統一したい
画像が何枚かあるのですが、サイズがばらばらで、ホームページに載せるとかっこ悪いです。 そこで、全ての画像のサイズを、高さのみで統一するなどできないものでしょうか？ 何か、タグやCSSの良い方法がありましたら教えてください。 また、画像は不定期に増える可能性が高いので、加工はしない方で宜しくお願い致します。
- ベストアンサー
- HTML
- text-indentの画像置換とimgタグ
CSSのtext-indent-9999pxの画像置換とimgタグについて質問です。 上記はどちらも画像を表示させると言うことに関しては、同じだと思うのですが 何が違うのでしょうか？ CSSで画像表示させれば、何かが楽になるとかあるのでしょうか？ よろしくお願い致します。
- 締切済み
- その他([技術者向] コンピューター)
- このタグがわかりません
フレーム使用無しでトップページを表示すると右側にスクロールバーが出るのですが、邪魔なので消去することにしました。しかし、ブラウザのウィンドウを小さくした時も表示されないので少々不便に思い、小さくした時のみスクロールバーが出るようにしたいのですが、タグがわかりません。知っているサイトのＣＳＳ等も見てみましたが載っていませんでした。 もし方法がありましたら教えてください。ブラウザ等の種類は問いません。宜しくお願いします。
- ベストアンサー
- HTML
- CSS 同じページに違う画像を同時に表示させるタグ
メモ帳を使ってホームページを作成しているのですが、行き詰ったのでお力お貸しください。 現在はこのような（下に表示）タグを使って、背景の画像1を表示させています。 <style type="text/css"> body{ font-size: 12pt; line-height: 200%; margin-left: 0px; padding-left: 0px; background-image: url(画像1); background-position: right top; background-repeat: no-repeat; background-attachment: fixed; } </style> 今回は、画像1（位置：右上）と同じページに画像2（位置：左下）を表示させたいのです。 画像1のみはきちんと右上に表示されるのですが、画像2も一緒に表示させる方法がわかりません。 様々なサイト様を巡らせて頂きましたが載っておりませんでした。 CSSでは二つの画像を同時に載せることが出来ないのでしょうか。 <IMG src="画像の名前">などで表示させることは可能だと思うのですが、このタグだと（私自身が初心者のため）上に書いたCSSに組み込まれた条件を書き直せる自信がありません。 ホームページ作成に関しては全くの初心者です。 上のCSSも、あるサイト様に書かれてあったのを利用させて頂いております(汗） 素人の質問で申し訳ありませんが、教えて頂けると助かります。 宜しくお願いします。 【あるページ】↓ 要するにこんな感じです。 「￣￣￣￣￣￣￣￣ 画像1 │ │ │ ～文字とか～ │ │ │ 画像2＿＿＿＿＿＿＿＿」
- ベストアンサー
- HTML
- cssレイアウトで左が300pxで右側が残りすべてを表示させる
ホームページのデザインで左がメニューで右側がコンテンツのページを作っています。 横幅全体としては100％表示でメニューは常に300ピクセルにしたいです。 cssでいろいろやってみたのですが、メニューで300ピクセルを設定していても大きくなってしまいます。 うまく設定するにはどうすればいいでしょうか？
- 締切済み
- CSS
- 趣味サイトギャラリーページのデザイン
基本的なhtmlと、cssの基礎くらいしかわからない素人ですが、よろしくお願いします。 趣味のイラストサイトを作りたいと考えています。 イラストを展示するギャラリーページはどんなデザインがいいのでしょうか？ 見るのに時間の掛からない小さな画像が多いので、パッパッと切り替えられるようなデザインを探しています。 知り合いに相談したらLightboxを勧めてくれたのですが、ふわっと表示される感じがあまり好みではありませんでした。 フレームを使って、左側のリンクを押すと右側に画像が表示される、という昔ながらの方法が一番見やすいと思っているのですが、ダサいデザインしか思いつかないので。。 具体的な質問でなく恐縮ですが、よろしくお願いいたします。
- ベストアンサー
- CSS
- CSSのfloatについて
ホームページを作成していて、CSSが効かなくて困っています。 ２カラムで左側にメニュー 右側にメインのコンテンツを作成しております。 メインのコンテンツは floatでrightに設定していて その中にさらに ２つの内容を入れようと （メインコンテンツ内に左側に画像で右側に画像の詳細をいれたい） floatタグでleftとrightに設定したのですが CSSが効かなくて 左側に画像が配置され その下に画像の詳細文が配置されてしまい 全部左側に配置されてしまいました。 色々と試したみたのですが やっぱりCSSが効きませんでした。 すいません誰かお分かりになられましたら 教えてください。宜しくお願い致します。
- 締切済み
- その他([技術者向] コンピューター)
- hタグの右横に画像を表示
hタグ（今回は<h3>タグ）の右横に、「new」の画像を表示したいと思っています。 <h3>タグは1ページの中に複数出てきて、それぞれ文字数も異なります。 全てに「new」がつく訳ではなく、任意のものだけに表示です。 css の background image で試してみたのですが 当然のことながら、left か right かの指定なので、どちらかに極端に寄ってしまいます。 right 指定で％で指定していけば、なんとなくバランスよくはできますが あくまでなんとなくであって、 更にタイトルの文字数によって変わってきてしまうので 個別にcssを指定していかなければなりません。 （そういうものなのでしょうか。） ※例えば「new」画像が左置きなら、 background image を使って、hタグの css に padding-left:100px; などとすれば済みますよね（画像の分だけpaddingで空きを作る）。 でも右側に画像を置くとなると、こんなにも面倒なものなのでしょうか。 hタグのタイトルから右横に（例えば）20px空きをつくり画像を配置、 ということが簡単には出来ないものでしょうか。 それとも <h3>テキストテキストテキスト<img src="********"></h3> なんてことをしてもいいものでしょうか。 宜しくお願いします。
- ベストアンサー
- CSS
お礼
できました！！ 大変ありがとうございます。