- ベストアンサー
テーブルで作れるのでしょうか？
こんにちは。 今、ホームページ作成に半ば命をかけているものです。（笑） 本を見ながら作っているのですが、わからないことがありましたので、質問させていただきます！ Yahoo!のトップ画面の右側にメールを利用するところがありますよね？ デザインとしてあのような形にしたいのですが、テーブルで作るとこうなってしまいます・・・。 メールの利用 ここに以下内容 がずらり・・・ ～～～～～～～ ～～～～～～～ ～～～～～～～ ここに普通の文章・・・ これをこのような形にしたいのですが、フレームなしで作るにはどのようにすればいいのでしょうか？ メールの利用 ここに普通の文章・・・ ～～～～～ ここに以下内容 ～～～～～ がずらり・・・ ～～～～～～～ ～～～～～～～ ～～～～～～～ 教えてくださいｗ
- Jack3
- お礼率17% (153/868)
- HTML
- 回答数4
- ありがとう数0
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
例えばこんな感じですか。tableを入れ子にしました↓ <html><head> <title>test</title> <meta http-equiv="Content-type" content="text/html; charset=Shift_JIS"> </head> <body bgcolor="#eeeeee"> <table cellspacing=0 cellpadding=0 align=center border=0 width=600 height="100%"> <tr> <td width=450 height="100%" bgcolor="#ffeeee"> <table cellspacing=0 cellpadding=0 border=0 width="100%"> <tr> <td>ここに普通の文章・・・<br> ～～～～～<br> ～～～～～<br> </td> </tr> </table> </td> <td width=10 height="100%" bgcolor="#ccffcc"> <table cellspacing=0 cellpadding=0 border=0 width="100%" height="100%"> <tr> <td> </td> </tr> </table> </td> <td width=140 height="100%"> <table cellspacing=0 cellpadding=0 border=0 width="100%" height="100%"> <tr> <td bgcolor="#ffffee">メールの利用 </td> </tr> <tr> <td bgcolor="#eeffff">ここに以下内容<br> がずらり・・・<br> ～～～～～～～<br> ～～～～～<br> </td> </tr> </table> </td> </tr> </table> </body> </html> 後は、ご自分で研究してください↓ http://www.tohoho-web.com/html/table.htm
その他の回答 (3)
- moon_night
- ベストアンサー率32% (598/1831)
イマイチ合っているか分かりませんが。 <table width="100%"> <tr> <td width="80%"> ここに普通の文章 </td> <td width="20%"> メールの利用 </td> </tr> </table> と、こんな感じですか？
- baby_blue
- ベストアンサー率28% (109/378)
どのようなソフトでHP作成してるのか分かりませんが、テーブルの設定で位置を「右寄せ」にすれば文字はテーブルの横に来ます。 後、語尾に「ｗ」をつけるのは、こういった場では相応しくないと思いますよ。
- iriiri
- ベストアンサー率30% (12/40)
<div>タグを使えばできると思います。 Cssで大きさなどを指定して、<div class="○○">と記述します。 <div>でくくったものは一つの箱と考えてもらったら解りやすいかと思います。 以下のサイトは結構わかりやすく書いてあるサイトだと思います。
関連するQ&A
- CSSでテーブルを作成
CSSでホームページをデザインするときに、 □□ の形の箱二つを作るときに テーブルだと、 width=200px width=100% で右側の□はブラウザのサイズに合わせて調整してくれます。 しかしCSSで書く場合、 width=200px width=100% にしてしまうと、 □ □ のようになってしまいます。 CSSで width=200px width=100% のテーブル風を構築したいのですが、 可能でしょうか？
- ベストアンサー
- その他（プログラミング・開発）
- ｃｓｓでのテーブル
初心者です。 本を読みながら、スタイルシートでテーブルを作っているのですが、 左に設置したメニュー(縦に並べたボタン)のテーブルの右側に不要なスペースができ、メニューのテーブルと同じ色になってしまいます。 【内容】 .tdmenu{ vertical-align:top; background-color:#fa8072; width:140px; } p.menu{ font-size:0.75em; margin-left:0; margin-right:0; margin-bottom:50px; margin-top:0; width:140px; background-color:#fa8072; height:2em } これが適応されていると思われます。 回答よろしくお願いします。
- ベストアンサー
- HTML
- テーブルでデザインするのはよくないのですか
テーブルを利用して左右２分割で 左側にイメージ、右側に説明文という形式にしています。 大分省略してますが、具体的なソースイメージは次の通りです。 これがテーブルでデザインをしていて良くないとのことです。 <body> ・・・ <table><tr> <td><img src="img1"></td> <td><p>説明文</p></td> </tr></table> ・・・ </body> ただ、当方としてはこれがテーブルを利用しての ページレイアウトの調整に該当するのかも良く分かっていません。 また、例え該当しても、どの程度の好ましくないのでしょうか。 絶対に止めるべきとか、そんなに神経質になる必要はないのか。 ご指導よろしくお願いします。
- ベストアンサー
- CSS
- テーブル？フレーム？
geocitiesを利用しています。 ホームページビルダーを利用して、今までページを作っていました。 質問です。 よく、素材サイトなどのページで、 フレームで言うと縦３列に並んでいて、中央だけが表示されているような状態のサイトや、 （両端のフレームにあたるところはつねに空白） 画面中央に縦の長四角のスペースがあり、 そこだけが画面として変化するサイトがあります。 あのように、全面が表示されないページを作りたいのですが、 テーブルやフレームなどをあまり利用した事がありません。 どのような処理、タグを使うと、あのようになるのでしょうか。（説明しにくいので、補足はいたします） また、トップページが全画面でも、 子画面が開き、ブラウザボタンなどがつかえないような、 大きさが固定されたページがでるサイトもあります。 前者よりこちらのほうが簡単であれば、こういった形式でもいいな、と思っています。 とにかく初心者で、ビルダーで作ってきたので、 説明が下手なのですが、 わからない部分は補足させていただきますので（本日中には必ずレスが返せる体制です） よろしくお願いいたします。 FTPなどでアップするのではなく、ブラウザ上からアップしているので、フレームを利用する際にも、いちいちフレームのページを１・２・３、などとアップしています。 （もしかしたら方法を知らないだけかもしれません） 「こんな感じで検索すればわかる」というご意見でもいただけると嬉しいです。 よろしくお願いいたします。
- ベストアンサー
- HTML
- IEでのテーブル幅
質問させて下さい。 テーブルのソースが以下のようになっています。 <table width="450" height="300" border="1" cellpadding="10" cellspacing="0" bordercolor="#333333"> <tr> <td width="225" height="150" align="left" valign="top">あああああああああああああああああああああああ</td> <td width="225" height="300" rowspan="2" background="haikei.jpg"> </td> </tr> <tr> <td width="225" height="150" align="left" valign="top">いいいいいいいいいいいいいいいいいいいいいい</td> </tr> </table> このときに、ファイアーフォックス3での表示と、IE8での表示に 違いが大きいんです。（IEの表示の方が縦が長くなります） このままだと右側の背景画像の高さと左のテキストの高さが あいません・・・それぞれのテーブル幅などの指定はきちんと しているつもりなのですが、どうすれば良いのでしょう。 CSSの利用はなしとして、どなたか教えて頂けないでしょうか。
- ベストアンサー
- HTML
- ホームページ制作 テーブル内、上のラインを揃えたい
ＤｒｅａｍＷｅａｖｅｒでホームページを作っています。 テーブル（２行１列）で、左に画像、右に文章、というデザインです。 各セル内の、左の画像と右の文章を必ずセルのトップラインからの配置にしたいのですが、、。 画像が大きくて文章が少ないと、 右の文章が画像の真中のラインになってしまいます。 また、写真が小さくて文章が長いと、文章が写真より上のラインから始まってしまいます。 解決方法はあるでしょうか？ よろしくお願いします。
- 締切済み
- ホームページ作成ソフト
- フレームについて質問です。
フレームでないトップページに各コンテンツのメニューをおいて、そのメニューをクリックして各コンテンツにリンクでとんで行きたいんですが。 その各コンテンツをフレームで・・・ってことはできるのでしょうか？ 私の知っている範囲では、不可能そうで、テーブルかスタイルシートで、フレーム風にデザインするしかなさそうなのですが、もしもなにか方法があったら教えて下さい。よろしくお願いします。
- ベストアンサー
- HTML
- テーブル、イメージを左下に配置して、上及び右側にテキストを回り込ます方法は？
はじめまして。 表題に関して質問させて下さい。現在、初心者ながらホームページ作成に挑んでいます。 それで、以下のようなレイアウトをCSSで実現できないかと調べてみたり、実験してみたりしましたが出来ませんでした。 ----------------以下やりたいレイアウト---------------- 本日はテキストテキストテキスト、 本日はテキストテキストテキストで、この様にテキストは上側から 始まって、以下のテーブル、又はイメージの右側に ｜－－－－－－－－－－｜このようにテキストを ｜テーブル又は ｜回り込ませて、イメージ又はテーブルは ｜イメージの内容です ｜左最下端に表示させたいのです。 ｜－－－－－－－－－－｜ ----------------以上やりたいレイアウト---------------- 以上のようなレイアウトです。 肝心なのは”回り込み”と、”テーブル又はイメージの最下端”です。回り込みと最下端が同時に成立させたいです。 テーブルやテキストに、float:left、float:rightを設定したり、 html文章内での上下を変えてみても駄目でした。 どなたか、このような方法を教えていただけないでしょうか？ お手数をおかけいたしますが、よろしくお願いいたします。
- ベストアンサー
- CSS
- HPのフレーム作成について
HP作成知識ゼロからは始めました。そんなに大した内容でも ないため、ビルダーの購入は無駄と思い、メモ帳でチマチマ 作成しております。 1年かかって、なんとかフレームまでたどり着きました。 ただここで、コケました。 フレームの左（メニュー）と右（内容）までは出来ました。 で、右の上方に"top"として、TOPへのリンクを貼りました。 ですが、クリックしても、右側だけがTOPに戻り、フレームが 残ったままなのです。 TOPをクリックして、全画面TOPに戻るためには、どのように 処理をすれば良いのか、教えてください。 私が使用しているサイトでは、なかなか見つけられなくて…。 どうぞよろしくお願い致します。
- ベストアンサー
- その他（インターネット・Webサービス）
- フレームの作り方について
dreamweaverでフレームのあるHPを作っています。 左右に分けて、さらに右側を上下に分けるといった作りです。 左（left）である項目をクリックした時点で、右上（top）だけでなく右下(main）の内容まで表示させるにはどのようにすればよいのでしょうか？ topフレームは普通に表示させることができますが、mainのフレームまでを自動的に変えることはできますか？（或いはleftを選択しなおすと、mainは一度白くする等） もうひとつ質問ですが、 ジャンプメニューをtopに作っていますが、ターゲットをmainに指定することが出来ません。 設定する画面は知っているのですが、そのリストの中にmainが出てこないのです。 一つ目の質問とあわせてうまくフレームを作れていないようです。どなたか宜しくお願いします。
- ベストアンサー
- ホームページ作成ソフト
補足
右寄せでやりましたが、無理です。 ソフトは使っていません。 メモ帳にすべて手書きでＨＴＭＬ打ってます。 右寄せでやった場合↓ テーブル テーブル テーブル テーブル 文字～～～～～～～～～～～～ ～～～～～～～～～～～～～～ となってしまいます。