- ベストアンサー
HTMLをまたTOPから書く
こんにちは。 最近、HTMLを覚え始めたものなのですが、レイアウトにて私の知りたいことが分からなかったので質問させていただきます。 HTMLを書いてからまた書き始めの位置の右側にTABLEを表示したいのですが、どう書けばよいのか分かりません。具体的に表すと あいうえお このテーブル→ なにぬねの かき くけ こさしすせ そた ちつ てと を表したいのです。 ちなみにHTMLのソースは左右を同列で表すものではなく、ある程度 書いたらTOP,RIGHTで上の右に書けるはずだと思っています。 では、宜しく御願いします。
- みんなの回答 （7）
- 専門家の回答
質問者が選んだベストアンサー
その他の回答 (6)
- Suzi
- ベストアンサー率38% (130/334)
取り敢ず、最初のdsstyleさんのご質問と、私への回答からすると、 <table width=10% border=1 style="float: right;"> <tr> <td nowrap>なにぬ</td></tr> </table> あいうえお<br> かき<br> くけ<p> こさしすせ <br> そた<br> ちつ<br> てと<br> で、そのようになります。 ただ、他の方への回答を見ますと段組のことだったのですね。 とすれば、Ano.5さんのおっしゃっているCSSを使うか、テーブルの入れ子かと思います。
お礼
確かに、"nowrap" を使うと思った通りに表示されていますね。 参考になりました。 有難うございました。
- ICHI-yan
- ベストアンサー率33% (45/134)
新聞や雑誌のように成り行きで改段し、２段・３段組にしたいとの質問だと思います。 残念ながらできません。希望のままの<MULTICOL></MULTICOL>というタグを「ネットスケープナビゲータ」というブラウザは持っていました。が、今シェアを考えると現実的ではありません。ある程度書いたら上はできませんが、ここから上になら、比較的簡単に実現できます。テーブルでとのことですが、ｃｓｓの方が簡単ですよ。 ヘッダの中（<head>～</head>の間）に以下を入れてください。 <head> <style type="text/css"> <!-- div{ /* デザイン目的の表でなく、本当に表ならここをdivからtableに変えてください。その場合、区切る場所でいったん</table>して下さい。*/ float:left; width:20em;/* 20字詰めの意味、100pxや30%も可能 %だとブラウザ幅のパーセントに合わせる*/ padding:0 1em;/* １段の左右に１文字づつ開けるの意味単位は上に同じ */ } --> </style> 本文は<div>で挟みます。本物のtableなら改めてdivをいれず、そのままでいいです <body> <div><p>あいうえお<br>何行でもどうぞ。デザイン目的の表は入れないで下さい。そのまま文章を続けてください。</p></div> <div><p>なにぬねの<br>こちらも同じです。好きなだけ続けてください。</p></div> </body></html> と入れます。これで段組になります。
お礼
やってみました。 で確かにこのような風にするのを知りたかったのです。 ただやはり仰られる通り、また初めから記述するしかないのでしょうか？一応他のホームページでみた覚えがあったのですが今は見つからないのでどんなソースであったか良く分からないのが痛いです。 でも今はこの方法でやらせていただきます。 有難うございました。 (cssはまだよく分かっていなかったのでtableとしていました。）
補足
簡単に希望のレイアウトをば。この記述内がサイトだとします。 homepage題名 メニュー１ メニュー３ なんとか いいい かんとか ううう メニュー２ メニュー４ どうとか えええ あああ それで左半分は既に書いた状態、右半分をどのようにすれば左半分のソースの続きから書けるかということ。（フォームは使いません。）
- msan1998
- ベストアンサー率68% (11/16)
意味がよく分からないのですがこういうことかな？ valign="top" をつけると、なにぬねのは上部（書き始めの位置）に表示されます。 例////////////// <table width="300"> <tr><td width="150"> あいうえお<br> かき<br> くけ<br> <br> こさしすせ<br> そた<br> ちつ<br> てと</td> <td width="150" valign="top"> なにぬねの </td></tr> </table>
お礼
例をやって見ました。 そうするとあいうえおの位置右になにぬねのが来ましたが、右に行く具合？が足りません。ページの一番右に表示させたいのです。 また、上下の位置があいうえおと同じ高さになりましたが私が表したいのはそうではないのです。 補足をさせていただきますのでもしよろしければご覧下さい。
補足
すいません。↑の補足では勝手に改行されてしまいました。 homepage題名 メニュー１ メニュー３ なんとか いいい かんとか ううう メニュー２ メニュー４ どうとか えええ あああ これで大丈夫なはずです。
- Suzi
- ベストアンサー率38% (130/334)
「なにぬねの」のテーブルを右に配置するのは、スタイルシートの float を使います。 <table style="float: right;"> <tr> <td>なにぬねの</td></tr> </table> ↑これの下部に、別なテキストなどを記したけど、上のテーブルとダブってしまう場合は、</table>の下の箇所に、float を解除する、style="clear:both;" を適所なタグに記述します。
お礼
お言葉どうり、右に配置することが出来ました。 なのですが、先に書いたあい～てとよりも下の位置になにぬねのが表示されてしまいました。それを上のほうにもって行きたいのです。 補足で詳しく説明するつもりなのでもしよろしければご覧になってください。
- OKbokuzyo
- ベストアンサー率43% (130/296)
<table> <tr> <td> <table border="1"> <tr><td>あいうえお</td></tr> <tr><td>かき</td></tr> <tr><td>くけ</td></tr> </table> </td> <td> <table border="1"> <tr><td>なにぬねの</td></tr> </table> </td> </tr> </table> 何を言っているのかよくわからんかったが、こんな感じでいいのか？ ちなみに今テキトーに書いただけだから動きのテストはしてない。
お礼
例を試させて頂きました～ でそうしてみたらやはり なにぬねの は上のほうに持っていけなかったです。 後に補足をするのでもしよろしければ見てくださいな。 言葉足らずで申し訳ないです。
- miracle3535
- ベストアンサー率20% (306/1469)
あああ いいい ううう えええ おおお と書いて３行目の２列には何も書かなければ良いのです。 発想の転換を行ってください。
お礼
すいません、三行目に書きたいわけではないです。 後にどこかで補足をするのでもし良かったらまた回答を御願いします。
お礼
サンプルなどがあったのですか！ その考えはなかったです。いくつか見てみてよい形のものを参考にさせていただくことにします。 cssについてはちゃんと覚えようと思います。 有難うございました。