お世話になります。HTML初心者で教えていただきたいのですが、よろしくお願いします。
以下のタグで、「月別来館者数の推移」まで表示できたら、次の表は3cm程間を空けて右に表示させたいのですが、
タグをどのようにすればいいのでしょうか。
タグを直していただければ助かります。
よろしくお願いします。



 <tbody>
<tr>
<td width="200" valign="Top" class="normal">
<p><span class="textitle"><font size="2"><b>
来館者数</b></font></span><br>
<br>
<font size="2">平成17年○月分<br>
<br>
<font size="2">月別来館者数の推移</font></p>
</td>

</tbody>
</table>

<font size="2">平成  年  月  日現在</font></tr>
<table border="1" bordercolor="black" vspace="5" hspace="30" align="Left">
<tbody>
<tr>
<td align="Center" width="70"><font size="2">資料1</font></td>
<td align="Center" width="70"><font size="2">約   冊</font></td>
</tr>
<tr>
<td align="Center" width="70"><font size="2">資料2</font></td>
<td align="Center" width="70"><font size="2">約   題</font></td>
</tr>
<tr>

</tbody>
</table>

このQ&Aに関連する最新のQ&A

A 回答 (2件)

ちょっと雑になっちゃいましたが・・・



<table width="500">
<tbody>
<tr>
<td width="200" valign="Top" class="normal">
<p><span class="textitle"><font size="2"><b>
来館者数</b></font></span><br>
<br>
<font size="2">平成17年○月分<br>
<br>
<font size="2">月別来館者数の推移</font></p>
</font>
</td>

<td width="67" valign="Top" class="normal">
<font size="2">       </font>
</td>

<td width="200" valign="Top" class="normal">

<font size="2">平成  年  月  日現在</font>
<table border="1" bordercolor="black" vspace="5" hspace="30" align="Left">
<tbody>
<tr>
<td align="Center" width="70"><font size="2">資料1</font></td>
<td align="Center" width="70"><font size="2">約   冊</font></td>
</tr>
<tr>
<td align="Center" width="70"><font size="2">資料2</font></td>
<td align="Center" width="70"><font size="2">約   題</font></td>
</tr>
<tr>

</tbody>
</table>
<p> 
</td>

</tbody>
</table>

この回答への補足

返事がおそくなりましてすみません。回答ありがとうございました。綺麗に出来て感謝しております。

また質問となりますが、2列目の表のさらに右にまた数センチ開けて、文章なり表を表示させたいときは、どういうタグを打てばいいでしょうか。
1列目と2列目の間の同じタグでよいのでしょうか?
もし分かるようでしたら、教えていただきたいと思います。
よろしくお願いします。

補足日時:2005/04/15 18:47
    • good
    • 0

補足ですが



<font size="2">平成17年○月分<br>
<br>
<font size="2">月別来館者数の推移</font></p>

じゃなくて

<font size="2">平成17年○月分<br>
<br>
月別来館者数の推移</font></p>

が正しいです。<font>タグがひとつ余分でしたよ。

ちなみに、テーブルじゃなくて、スタイルシートを使う方法はどうですか?余白や文字サイズなど、細かい設定ができますよ。
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人はこんなQ&Aも見ています

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Q文字・画像をデザインする

最近。パワーポイントの資格を取得したのですが、その時に文字、画像のデザイン?アニメーションなどをし、プレゼンを実習としてしました。文字のレイアウトや画像に手を加える事の楽しさを実感し仕事として文字のデザインなどをしている業界、会社は何か知りたいのですが。
その際にこのソフトは使えるようにしておいた方がいいものなど、あとDTPとWebデザインの区別を知りたいです。
なにぶん基礎知識が不足しているのでお願いいたします。

Aベストアンサー

あなたが日頃見ている駅貼りのポスターやコンビニにある雑誌、通りで配られるチラシ等、それらをデザインしている職種と会社があります。職種としてはグラフィックデザイナー、作っている会社は広告代理店(電通や博報堂が有名)やデザイン専門事務所などです。

文字そのものを作っているのはこれらとはまた別に専門会社があり、モリサワ等が有名で、文字をデザインする人はタイプデザイナーと呼ばれます。タイポグラファは文字を「組む」専門の人で、文字そのもののデザインはしません。例えるならピアノ職人とピアニストの関係ですね。両方を一流にこなせる人は稀です。

DTP(Desk Top Publishing)はグラフィックデザインの完成形をコンピュータ上で作り上げる行為を指し、デザインそのものとはあまり関係ないものです。Webデザインはグラフィックデザインの要素に加えて、インターフェイスデザイン(人間が操作する部分のデザイン。銀行のATM等)の要素も絡んでくる複雑な分野です。

デザイン業務に使われるソフトはAdobe社やMacromedia社等の製品全般です。しかし上述したように、これらのソフトが使えるのと、デザインができるということはまったくの別物と考えて下さい。ソフトは使えるけどデザインはできない人、逆にデザインはできるけどソフトは使えない人、というのは実際におります。

あなたが日頃見ている駅貼りのポスターやコンビニにある雑誌、通りで配られるチラシ等、それらをデザインしている職種と会社があります。職種としてはグラフィックデザイナー、作っている会社は広告代理店(電通や博報堂が有名)やデザイン専門事務所などです。

文字そのものを作っているのはこれらとはまた別に専門会社があり、モリサワ等が有名で、文字をデザインする人はタイプデザイナーと呼ばれます。タイポグラファは文字を「組む」専門の人で、文字そのもののデザインはしません。例えるならピアノ職人...続きを読む

Qからに書き換えるか迷っています

普段はドリームウィーバー2004mxを使っております。
ブラウザはInternet Explorerの新しいほうだと思います。

私はWEB制作には素人で、ソフトに頼り四苦八苦していますので
HTMLもちょっとずつ覚えているという段階の、入り口の初心者であります。
そこで、教えてください。

先日驚いたのですが
行揃えの指定のタグがありますよね。
今までの制作部分では
<td align="XXXX">を使用してきましたが、
<td style="text-align: XXXX;">
のほうが、長い目でみて、良いということでした。
理由は<td align="XXXX">のままだと
  ・Operaブラウザで不具合
  ・またはXHTML1.1で廃止(?)
といったことがあるようです。
私は自分のInternet Explorerで観ていたので何も知りませんでした。
やはり将来的に、<td align="XXXX">は色んな不具合を起こしていく恐れがあるかも知れません。

以下は私が立てさせていただいた質問で、
経験者のおっしゃることですので信憑性はたいへん高いと思っています。
http://oshiete1.goo.ne.jp/qa5051214.html

で、本題はここからですが、長い目でみた場合に、
<td align="XXXX">を
<td style="text-align: XXXX;">の状態に書き換えるべきでしょうか。

すでに<td align="XXXX">で作ってある部分が結構あります。
ただWEBサイトは長く使いたいので、今のうちに手を打てるなら打っておこうと思います。
この書き換え案に迷っていますので、お詳しい方、アドバイスをください。
または今WEB制作中の専門家の方は、
<td align>と
<td style="text-align: XXXX;">
はどちらを使っていらっしゃることが多いのでしょうか。

もしかしたら<td valign="XXXX">も同様のことが言えるのかも知れません。
宜しくお願いいたします。

普段はドリームウィーバー2004mxを使っております。
ブラウザはInternet Explorerの新しいほうだと思います。

私はWEB制作には素人で、ソフトに頼り四苦八苦していますので
HTMLもちょっとずつ覚えているという段階の、入り口の初心者であります。
そこで、教えてください。

先日驚いたのですが
行揃えの指定のタグがありますよね。
今までの制作部分では
<td align="XXXX">を使用してきましたが、
<td style="text-align: XXXX;">
のほうが、長い目でみて、良いということでした。
理由は<td alig...続きを読む

Aベストアンサー

一応、XHTML1.1で廃止されていないという根拠です。

W3Cは、日本(日本語)の文科省みたいなところです。
http://www.w3.org/

XHTML1.1のtableのページ(英語ですがタグ名とタグ属性だけなのでわかると思います)
http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_simpletablemodule


> #このあたりは、制作者の考え方次第ですね。
同意します。

読みやすいかどうかは慣例を重視(基準に)しています。
たとえば予算や売り上げ表などの「(単位千円)」みたいな記述は右寄せしています。

align指定は、もし翻訳サイトを通じてアラビア語など右から左に書く言語で表示した場合、
左寄せ、右寄せが逆転し、非常の読みづらくなります。
(この現象はfloatも同様です)

W3C(など)はそういうのも考慮し、alignなしを推奨しているようですが、(W3Cはアメリカだったと思いますが、おそらく日本語の右寄せのような習慣がないと思いますので)
現実には、私はalignを使っての影響はほとんどないと思います。

Operaの古いバージョンで、この状態をシミュレーションできた気がしますが、
もし「不具合」がその事であれば、私は無視できる範囲だと思います。

一応、XHTML1.1で廃止されていないという根拠です。

W3Cは、日本(日本語)の文科省みたいなところです。
http://www.w3.org/

XHTML1.1のtableのページ(英語ですがタグ名とタグ属性だけなのでわかると思います)
http://www.w3.org/TR/xhtml-modularization/abstract_modules.html#s_simpletablemodule


> #このあたりは、制作者の考え方次第ですね。
同意します。

読みやすいかどうかは慣例を重視(基準に)しています。
たとえば予算や売り上げ表などの「(単位千円)」みたいな記述は右寄せ...続きを読む

Qロゴデザインの文字間について

WEBデザインを勉強しています。

今タイトルロゴ(アルファベット7文字程度)をデザインしているのですが、
文字間に微妙なバラつきがあるため
一文字一文字の文字間を調整しようと思うのですが、
法則やポイントなどはあるのでしょうか?
特に「I」の前後が難しいです。。。


使用ソフトはIllustratorCS5です。
よろしくお願いします。

Aベストアンサー

Iの前後が難しいというご相談ですが、おそらく、そのIの隣の文字の、その前後にも文字があるのではないですか?その文字の間隔に法則性が無いために、Iの前後の間隔が決められないのだと推測されます。

文字を等間隔に配置した場合、見た目の間隔にバラツキを感じるのは目の錯覚と、欧文のタイプフェイスのデザインによるものです。横書きを前提とした欧文の文字は高さは一定なのですが、文字ごとの横幅が違います。そのため、ロゴタイプをデザインする場合には、この錯覚と横幅を考慮に入れて文字を配置します。

具体的に説明していきましょう。まず、その文字をコピー&ペーストしてアウトラインを作成しましょう。アウトラインにした文字は1文字づつ自由に動かす事ができます。移動はキーボードで操作します。あらかじめ、環境設定の「キー入力」で、移動の大きさを適度な大きさにしておきましょう。

縦のラインで構成されているIやH同士が隣り合う場合と、IやHと曲線で構成されているOやCが隣り合う場合では、見た目の間隔と実際の間隔は違ってきます。これは既に経験されている事でしょう。

これらの異なったラインの文字の配置を見た目の上での間隔を同じにするためには、まず基準となる間隔を設定することが先決となります。基準となるのは、IやHなど縦のラインが隣り合う文字の間隔です。

これを基準として、IとOのように縦のラインと曲線が隣り合う組み合わせの間隔、IとYのように縦ラインと斜線が隣り合う間隔、OとCなどのように曲線同士が隣り合う間隔、YやWのように斜線同士が隣り合う間隔、CやZなどの懐のある文字の間隔を決定していきます。

例えば、縦ライン同士の間隔を1とした場合、縦と曲線の組み合わせを0.8、曲線同士の組み合わせを0.7、というように独自の法則を決定してください。この時の法則が、あなたのそのデザインの個性になります。そのデザインを活かすも殺すも、その法則次第となります。

間隔の関係は、概ね、直線同士>直線と曲線>直線と斜線>曲線同士≧斜線同士>斜線と曲線、のようになります。この関係は、それぞれのタイプフェスによっても変わりますから、それぞれのタイプフェイスのデザインに合わせる事が不可欠です。これらの間隔を決定せずに、終始感覚だけで配置していると、いつまで経っても文字同士のバランスがとれず、ガタガタした感じから逃れられなくなります。

さらに、YとY、YとWなどのように、隣り合う文字の懐が大きく影響する場合もあります。このような場合には、敢えて字間を大きくとったデザインにして懐の影響を小さくしたり、文字同士の一部を重ねたりして処理します。このような処理は、デザインの方向性に大きく作用しますから、何度も試行することが必要になります。

とりあえず、以上の手順で配置してみてください。隣り合う縦のライン同士の部分が無い場合には、そのIと隣の文字との間隔を基準にしてください。そして、そこから他の部分の間隔を決めていってください。決定した間隔の文字同士は順次グループ化していって、後々までズレが発生しないようにしましょう。

最後に、全ての文字を配置し終えたら、全体のバランスを見ましょう。意図したイメージになっていますか?意図と違って詰まっていると感じたり、スカスカしていると感じたら、再度基準の間隔を調整して、それにつれて他の文字の間隔も調整しましょう。

ある程度煮詰まってきた時に、どうしても違和感を感じる部分が出てくる事もありますが、そのような場合には、思い切って大胆に基準の間隔を変えてみたり、ある程度時間を置いてから再度試みることも効果的です。同じ動作を繰り返していると、どうしても感覚は麻痺してくるものですから。

そして、最後の最後に文字同士のグループ化を解除し、見た目だけでそれぞれの間隔を微調整します。少しづつ、少しづつ、根気のいる作業です。ここで手を抜くと良いロゴデザインはできません。

ロゴデザインは長期間に渡って人目に晒されるものです。見た人が少しでも違和感を感じると、その少しの違和感が時間の経過とともに大きな蓄積となっていきます。その蓄積された違和感は、そのロゴタイプを持つ企業やブランドのイメージに直結しますから、とても大きな問題なのです。ですから、精緻化はあせらず時間をかけて、納得のいくまで確実に行ってください。

追伸:以上はあくまでも既存のタイプフェイスを利用した場合のデザイン手法です。あなたが文字からデザインなさっている場合には、その文字の仕上がり具合が大きく影響します。良いデザインが出来上がる事を祈っています。

Iの前後が難しいというご相談ですが、おそらく、そのIの隣の文字の、その前後にも文字があるのではないですか?その文字の間隔に法則性が無いために、Iの前後の間隔が決められないのだと推測されます。

文字を等間隔に配置した場合、見た目の間隔にバラツキを感じるのは目の錯覚と、欧文のタイプフェイスのデザインによるものです。横書きを前提とした欧文の文字は高さは一定なのですが、文字ごとの横幅が違います。そのため、ロゴタイプをデザインする場合には、この錯覚と横幅を考慮に入れて文字を配置しま...続きを読む

Q▲▲テーブルと一緒には使えない?

こんばんは☆僕は今テーブルを利用してカラーコード一覧を作成しています。そこで日本語の文字を入力したのですが…<FONT size="2">Color Code一覧</FONT>と「テーブルの外に」入力すると【Color Codeˆ&ecirc;—— 】←のように表示されます…。直接【Color Code一覧】入力すると問題はありません。なぜでしょうか?わかる方教えてください☆
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</FONT size="2">Color Code一覧</FONT>
<TABLE Border Cellspacing="1"Width="20%" align="center">
<TR>
<TD><FONT size="3" face="MS UI Gothic"><DIV align="center">Collar Code・RGB</DIV></FONT></TD>
</TR>
</TABLE>
<BR>
<TABLE Border Cellspacing="1" Width="75%" align="center">
<TR>
<TD colspan="6"><FONT size="3" face="MS UI Gothic"><DIV align="center">#000000 - #00ffff</DIV></FONT></TD>
</TR>
<TR>
<TD BgColor="#000000"><FONT size="3" face="MS UI Gothic"><DIV align="center">#000000</DIV></FONT></TD>
<TD BgColor="#000033"><FONT size="3" face="MS UI Gothic"><DIV align="center">#000033</DIV></FONT></TD>
<TD BgColor="#000066"><FONT size="3" face="MS UI Gothic"><DIV align="center">#000066</DIV></FONT></TD>
~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~
</TR>
</TABLE>
</BODY>
</HTML>

こんばんは☆僕は今テーブルを利用してカラーコード一覧を作成しています。そこで日本語の文字を入力したのですが…<FONT size="2">Color Code一覧</FONT>と「テーブルの外に」入力すると【Color Codeˆ&ecirc;—— 】←のように表示されます…。直接【Color Code一覧】入力すると問題はありません。なぜでしょうか?わかる方教えてください☆
<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY>
</FONT size="2">Color Code一覧</FONT>
<TABLE Border Cellspacing="1"Width="20%" align="center">
<TR>
<TD><FONT...続きを読む

Aベストアンサー

http://homepage3.nifty.com/f-page/hp/html/meta01.html
メタタグでcharsetを設定したらどうでしょうか
文字化けしてると思います。

Qふすま替えをして習字で文字を書く場合のデザイン

ふすま替えをしようと思います
習字の上手な母に記念に文字を書いてもらおうと考えました。
そこでデザインなのですが
太い文字は狭い部屋なので(6畳和室)
細筆で書いたかな文字の文章が良いかとは考えておりますが
どんなふすまに書いてもらったらよいでしょうか?
無地か何かオススメのふすまがあれば
また
かな文字でなくてもいいのですが
狭い部屋に合った
文字、ふすま、ふすまのデザインがあれば
教えてください。

Aベストアンサー

書いてもらうなら、無地の襖に直接書いてもらう方法と
書いた紙を襖に張ってもらう方法とあります。

よほど自信のある人を除いて後者の方が無難だと思います。
太字の漢字だと禅寺みたいになって重いと思われるなら
好きな現代詩などを自由に近代詩文のようにカナ漢字交じりで
書いてもらってはどうでしょうか?

自分は大きな紙に好きな言葉を書いて襖に張ったりしましたが
もっときちんと襖やさんにお願いすればしっかりしたものができると思います。

Q と、

<td></td> と、<td><BR></td>

ホームページビルダーで作ったホムペを、KompoZerというHTMLエディタで開くと、
テーブルのなにも入っていないセルに<BR>タグが勝手に挿入されてしまいます。
<td></td> と、<td><br></td> は、
ブラウザ上ではどちらでもちゃんと表示されるのですが、
HTML文法的にはどちらが正しいのでしょうか?
また、どちらも正しい場合、<br>がある・ないで、違いがあるのでしょうか?

※ホームページビルダー、KompoZerの善し悪しは無視してください。

Aベストアンサー

文法的にはどちらも正しいです。
ブラウザの種類やHTMLのモードによって、tdが空だと、見え方が違うケースがあります。
tableでborderを指定したときに、へこんで見えるかどうか。空でないとかならずへこんで見えます。

Q静岡県の静岡ナンバーの文字のデザインが知りたいのですが。デザインをしな

静岡県の静岡ナンバーの文字のデザインが知りたいのですが。デザインをしなければならないので正確な写真が見たいのでよろしくおねがいいたします。

Aベストアンサー

http://www.google.com/images?num=50&lr=lang_ja&q=%E9%9D%99%E5%B2%A1%E3%83%8A%E3%83%B3%E3%83%90%E3%83%BC&um=1&ie=UTF-8&source=og&sa=N&hl=en&tab=wi

Q■ でテキストボックスとセルの間にわずかな隙間があいてしまう・・

<TABLE>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD>
<INPUT TYPE="TEXT">
</TD>
</TR>
<!-- ここまで -->
</TALBLE>

こう書くときに、テキストボックスの下にわずかな隙間が
できるのを防ぎたいのですが、何か方法はありませんでしょうか?

Aベストアンサー

隙間をつくってしまう原因はいくつかあります。

(1) <TABLE>タグ
BORDER=0またはNOBORDERにする。
CELLSPACING=0
CELLPADDING=0

(2) <INPUT TYPE="TEXT">前後の改行
<TD><INPUT TYPE="TEXT"></TD>

(3)<FORM>や</FORM>タグの記述場所
恐らくこれが原因でしょう。
上記には記述されていませんが、
<TABLE>
<TR>
<TD>
<FORM ~>
</TD>
</TR>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD>
<INPUT TYPE="TEXT">
</TD>
</TR>
<!-- ここまで -->
<TR>
<TD>
</FORM>
</TD>
</TR>
</TABLE>
としていませんか?
HTMLとしては好ましくないと思いますが、<FORM>や</FORM>の前後にある<TR><TD>~</TD></TR>を取り除き、以下の様にします。
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0>
<FORM ~>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD><INPUT TYPE="TEXT"></TD>
</TR>
<!-- ここまで -->
</FORM>
</TABLE>

尚、表の罫線を残すのであればBORDERを変更したりしてください。

隙間をつくってしまう原因はいくつかあります。

(1) <TABLE>タグ
BORDER=0またはNOBORDERにする。
CELLSPACING=0
CELLPADDING=0

(2) <INPUT TYPE="TEXT">前後の改行
<TD><INPUT TYPE="TEXT"></TD>

(3)<FORM>や</FORM>タグの記述場所
恐らくこれが原因でしょう。
上記には記述されていませんが、
<TABLE>
<TR>
<TD>
<FORM ~>
</TD>
</TR>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD>
<INPUT TYPE="TEXT">
</TD>
</TR>
<!-- ここまで -->
<TR>
<TD>
</FORM>
</TD>
</TR>...続きを読む


このQ&Aを見た人がよく見るQ&A

人気Q&Aランキング

~~ を表示することはできますか?

テーブルタグ
<table>
<tr>
<td>

をそのまま文字として表示することはできますでしょうか?

<を全角の<にすればいいのでしょうが、なにぶん、テーブルタグの量が膨大なため、手でいちいち直してたら数ヶ月、数年かかってしまいます。

タグをそのまま画面に表示させる良い方法はないでしょうか?

詳しい方いらっしゃいましたら教えていただけないでしょうか?

よろしくお願いします!

Aベストアンサー

タグの無効化というタグです

<xmp>タグ</xmp> タグを無効化にして文字として表示されます
良かったら使ってみて下さい

Q文字だけでPOPを作る事が難しいです。上手くデザインするコツを教えて下さい。。

写真等の素材がなくほぼ文字だけでPOPを作ろうとしています。文字のバランス、背景やワンポイントのデザインに悩んでいます。私の場合パチンコ店のPOPを任されているのですが、パソコンが得意だからという理由だけなんです。(センスはゼロに近い・・・)A3横の用紙にただ「明日、大安」「明日、GOGO、大安」ほぼこれだけの文字で上手くレイアウトしデザインしなければいけないんです。お店に貼るのだからいい加減には出来ないし。。。。うちのお店はシンプル&クールで、他のお店とは一線を画している感じです。何かいいサイトやアイディアがあったら教えていただけませんか?よろしくお願いします。ちなみにイラストレーターではなくコーレルドローというソフトを使ってつくっています。素材が少ないと難しいですね~。くどいようですがテーマは「シンプル&クール」です。

Aベストアンサー

田中一光をご存じですか?
うまく作るコツ、などではないのですが、文字だけでデザインと聞いて思い起こしたのがこの人です。
なかなかちょうどいいサイトが見つからなかったのですが、田中一光の作品は参考になると思います。

Q