• ベストアンサー

テーブルで作れるのでしょうか?

こんにちは。 今、ホームページ作成に半ば命をかけているものです。(笑) 本を見ながら作っているのですが、わからないことがありましたので、質問させていただきます! Yahoo!のトップ画面の右側にメールを利用するところがありますよね? デザインとしてあのような形にしたいのですが、テーブルで作るとこうなってしまいます・・・。                メールの利用                ここに以下内容                がずらり・・・                ~~~~~~~                 ~~~~~~~                  ~~~~~~~ ここに普通の文章・・・ これをこのような形にしたいのですが、フレームなしで作るにはどのようにすればいいのでしょうか?                メールの利用 ここに普通の文章・・・ ~~~~~        ここに以下内容 ~~~~~        がずらり・・・                ~~~~~~~                 ~~~~~~~                  ~~~~~~~ 教えてくださいw

質問者が選んだベストアンサー

  • ベストアンサー
  • gura_
  • ベストアンサー率44% (749/1683)
回答No.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)
回答No.3

イマイチ合っているか分かりませんが。 <table width="100%"> <tr> <td width="80%"> ここに普通の文章 </td> <td width="20%"> メールの利用 </td> </tr> </table> と、こんな感じですか?

  • baby_blue
  • ベストアンサー率28% (109/378)
回答No.2

どのようなソフトでHP作成してるのか分かりませんが、テーブルの設定で位置を「右寄せ」にすれば文字はテーブルの横に来ます。 後、語尾に「w」をつけるのは、こういった場では相応しくないと思いますよ。

Jack3
質問者

補足

右寄せでやりましたが、無理です。 ソフトは使っていません。 メモ帳にすべて手書きでHTML打ってます。 右寄せでやった場合↓           テーブル           テーブル           テーブル           テーブル 文字~~~~~~~~~~~~ ~~~~~~~~~~~~~~ となってしまいます。

  • iriiri
  • ベストアンサー率30% (12/40)
回答No.1

<div>タグを使えばできると思います。 Cssで大きさなどを指定して、<div class="○○">と記述します。 <div>でくくったものは一つの箱と考えてもらったら解りやすいかと思います。 以下のサイトは結構わかりやすく書いてあるサイトだと思います。

参考URL:
http://park16.wakwak.com/~html-css/css/index.html

関連するQ&A

専門家に質問してみよう