- ベストアンサー
HTMLについて
画像の横に画像を置く方法を探しています。 高さ110pxの画像の横に、それぞれ高さ50pxの画像二枚を縦に貼りたいのですが 二枚貼ろうとすると横に一列に表示されてしまい、改行をはさんでもどうしても一枚が改行されてしまい、なかなか縦二列に並んでくれません。 編集がしやすいという理由でFC2ホームページのHTMLメーカーを使っています。 HTMLメーカーを使うぐらいですから本格的なHTMLを打ち込むことすらできないので、CSSも使いこなせません。HTMLだけでできるような方法はあるんでしょうか？ それとも、そんな方法はないのでしょうか？ アドバイス戴けると嬉しいです。
- Dingdong07
- お礼率93% (29/31)
- その他（インターネット・Webサービス）
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
tableタグを使う
関連するQ&A
- HTMLでCSSを使わずに文字を回り込ませる方法
題名通りなのですが HTMLにおいて画像の横に文章を書きたい場合は CSSを使って文字を回り込ませます。 しかしCSSを使わずにHTML上だけでこれをできるようなのですが 探し方が悪いせいか方法がわかりませんでした。 なのでCSSを使わないで 画像の横に文字を回し込ませる方法を教えてください。 ※画像は理想とするイメージです
- ベストアンサー
- ホームページ作成ソフト
- CSSでメニューボタンを横一列にしたかったのですが、一ヶ所に固まります。
CSSでメニューをつくろうとおもい、画像で作ったのですが、、それをul li でリスト化し、 div#nav ul { list-style-type: none; } div#nav ul li{ display: inline; left: 10px; top: 50px; width: 710px; } といったかんじで 横一列のメニューを作ったのですが、 left: 10px; top: 50px; の設定がいけないのか、全部の画像が左 10px 上から50pxのところにあつまってしまい、横一列に並んでくれません。 どうすればよこいちれつにならんでくれるようになりますか？もしくは、もっとよい画像を用いたメニューのつくりかたはありますでしょうか、お願いいたします。
- ベストアンサー
- CSS
- どのようなHTML、CSSを書けばいいのか？
添付画像のように、表示したいのですがどのようなHTML、CSSを書けばいいのでしょうか？ 具体的には ・「キーワード」と書かれた文字が中心に来るように線で囲む ・検索フォーム・ボタンは通常のtextarea、buttonです ・「キーワード」・「textarea」・「button」を横一列に表示 です。 宜しくお願い致します
- ベストアンサー
- CSS
- HTML、CSSについて。テーブル背景がズレる。
こんにちは。よろしくお願いします。 HTMLとCSS、2つのファイルを作成しています。 HTMLでテーブルを作成し、<td><div=名前></div></td> として、テーブルの中身はCSSにまかせています。 複数列、複数行ありますがdiv名はひとつずつ違うのが付いています。 CSSでは、 div#名前 { width: 20px; height: 20px; margin: 0px; padding: 0px; background: url(画像名.gif); } ・ ・ ・ htmlを表示させてはcssのpxを調節し、 きれいな背景画像付きのテーブルが完成した！と思ったのですが、 ブラウザの文字サイズを最大に変更すると崩れてしまいました。 pxではなくて%で指定してみても崩れます。 解決策をご存知の方、教えてくださると有難いです。 よろしくお願いします。
- 締切済み
- HTML
- HTMLで改行されません
下記のように書いた場合、２バイト文字（たたたたたたたたたたた～）は200pxの幅で改行して表示されますが、 １バイト文字（aaaaaaaaaaaaaaaaaaaa～）は改行されず200pxの幅を越えて表示されます。 １バイト文字も改行されるようにするにはどうしたらいいんでしょうか？ HTML------------------------- <div id="div1"> <p>たたたたたたたたたたたたたたたたたたたたたたたたたききききききききききききききききききききききききききき</p> <p>aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa</p> たたたたたたたたたたたたたたたたたたたたたたたたたききききききききききききききききききききききききききき aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa </div> css--------------------------- #div1 { width: 200px; height: 300px; background: #00ffff; }
- ベストアンサー
- CSS
- HTMLの画像の貼り方について質問です。
はじめまして。OHANA_Sといいます。 よろしくお願いします。 早速ですが、HTMLについて質問させて下さい。 HTMLでTABLEを組んで 画像を隙間なく貼り合わせたいのですが、 「CELLSPACING="0" CELPADDING="0" BORDER="0"」 を記入しても画像の間に少し隙間が出てキレイに組めません。 何か対処法がありましたら教えてください。 今、手こずってるのがこのTABLEです。 1段目：画像1枚（縦200px、横525px） 2段目：画像7枚（縦15px、横75px（×7=合計525px)） <table WIDTH="525" CELLSPACING="0" CELPADDING="0" BORDER="0"> <td colspan=7> <img src="1段目画像.gif" WIDTH="525" height="200" BORDER="0"> </td><tr> <td> <img src="2段目画像.gif" WIDTH="75" height="15" BORDER="0"> </td> （中略） </TABLE> 長文になってしまい申し訳ありませんが、よろしくお願いします。
- ベストアンサー
- ホームページ作成ソフト
- 作りたいホームページのイメージ画像をつくりました。
作りたいホームページのイメージ画像をつくりました。 ＨＰの横のほうに、縦に余白をつくり、真ん中のほうには画像のように縦に長くボックスのようなものをつくり表示するには、どうすればよいでしょうか? htmlとcssは一応軽くは勉強したのですが、どうするか思いつきません。 ボックスのようなものはテーブルを使い挑戦してみたりしたのですが、うまくいかないです。 また、HTMLとCSSだけで、このようなサイトは作れるでしょうか？
- ベストアンサー
- HTML
- tableタグで作るような表をCSSで作る方法
一つのページに表（横：600px、縦：155px）を20～30個くらい表示させたいのですが、tableタグを多用するとページが重くなると聞きました。 そこで、CSSを使って表を作ろうと思うのですが、どのように作れば良いのか分かりません。 ご存知でしたら教えてください。 私が作りたい表は下記になります。 XHTML 1.0 Transitional 横幅：600px 縦幅：155px 4行3列で、一番左の列の4行を繋げて(tableタグでの記述は<td rowspan="4">）一つの空間になっているのもの。 セルとセルの間隔は5pxのもの。 HTMLとCSSの記述を教えていただけると幸いです。 よろしくお願いします。
- ベストアンサー
- HTML
- HTML.CSSの質問です
HTML,CSSを勉強している初心者です。 ＣＳＳでの、ブロックレベル要素のセンタリグについての質問です。 縦のセンタリングはどうすればいいのでしょうか？ 横のセンタリングは、左右のマージンをautoにすると上手くいくのですが、上下のマージンにautoを設定してもセンタリングされません。 縦６００px、横６００pxのdivbox（トップページ)を作って、bodyのなかで縦横ともにセンタリングさせて、モニタ画面の真ん中にdivbox（トップページ）を配置させたいのです。 制作したトップページをサーバにアップロードして、色々なサイズのモニタ画面で見た時に、常にモニタ画面の真ん中に作ったトップページを配置させるのが目的です。 どなたかお知恵をおかしくださいませ。 宜しくお願いいたします。
- 締切済み
- HTML
- ブログにバナーを配置してリンクを貼りたいのですが…
はじめまして。 今、gooブログに挑戦しています。 gooブログについて教えていただきたいのですが、 例えば横3列組のブログで左端の列の一番下に バナー画像をおいて他のサイトにリンクを貼る ということは、HTML編集機能のある gooブログアドバンスでないと出来ないのでしょうか？ ホームページ製作の仕事をしているので ホームページのことは大体わかるのでCSSが 編集できるだけで上記に書いたようなことができるのかと疑問に思っています。 他のブログの上記に書いたようなことができるのは HTML編集機能のあるブログだけなのでしょうか？ 無料のブログででそういったことが出来るブログがありましたら教えてください。
- ベストアンサー
- ブログ
お礼
なるほど！！ その手がありました！ありがとうございました！