HPビルダーのマニュアル本で勉強しています
- HPビルダーのマニュアル本を使って勉強中です。伝言版の作成方法を学んでいます。
- 伝言版の作成方法は、X掲示板を一番上に配置し、左にX伝言を書くアイコン、右に伝言を見るアイコンを配置するという手順です。
- HTMLソースコードを提示していますが、このコードに何か問題があるのでしょうか？CDからUSBにコピーしなおす必要があるでしょうか？
- ベストアンサー
HPビルダーのマニュアル本で勉強しています。
HPビルダーのマニュアル本で勉強しています。 伝言版の作成ですが、一番上にX掲示板、その下左にX伝言を書く、右に伝言を見るというアイコンがでてきます。 HTMLソースは下記です。 <!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN> <HTML> <HEAD> <TITLE>伝言版ヘッダー</TITLE> <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 11.0.2.1 for Windows"> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> </HEAD> <BODY bgcolor="#ffffff"> <TABLE width="100%" cellspacing="0"> <TBODY> <TR> <TD colspan="2" align="center"><IMG src="../image/titlebbs.gif" width="206" height="72" border="0" alt="掲示板"></TD> </TR> <TR> <TD align="right"><A href="../../ホームページビルダー/応用編/ホームページ・ビルダー11応用/完成版/bukken/message.html#input" target="message"><IMG src="../image/btn2.gif" alt="伝言を書く" height="37" width="144" border="0"></A></TD> <TD align="left"><A href="../../ホームページビルダー/応用編/ホームページ・ビルダー11応用/完成版/bukken/message.html" target="message"><IMG src="../image/btn1.gif" alt="伝言を見る" height="37" width="144" border="0"></A></TD> </TR> </TBODY> </TABLE> </BODY> </HTML> ・この場合どこが間違っているかわかりますでしょうか。 ・こうなってしまった場合、最初からCDへUSBにコピーをしなおしたほうがいいでしょうか。
- nada
- お礼率57% (1387/2414)
- ホームページ作成ソフト
- 回答数3
- ありがとう数5
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
- ベストアンサー
<table></table>がテーブル宣言です その中にセルを作ろうとしています <TR></TR>が一つのマスと考えてください。 その間に<TD></TD>となっています。 それがセル単位の宣言で <TR> <TD></TD><TD></TD> </TR> <TR> <TD></TD> </TR> だった場合、テーブルが上下２つに分割され、上のセルが２分割されているイメージです Aligin=Ccenterなのでセルの真中に図形が入る imgsrc=が図形を呼んでいます <Ahref="../../ホームページビルダー/応用編/ホームページ・ビルダー11応用/完成版/bukken/message.html#input"target="message"><<IMGsrc="../image/btn2.gif"alt="伝言を書く"height="37"width="144"border="0"></A>これがリンクですが、相対リンクではなく絶対リンクになっているため、同じフォルダにmessage.htmというファイルがいるなら相対リンクする必要があります ×マークが付いているようなので、図形が出ていないと思いましたが？ imageというフォルダの中にbtn２.gifがいるのなら、メインのhtmファイルから見てどこに存在するかであって、IMGsr="image/btn２.gif"でいいはずです。 さらにahrefもmessage.htmlが同じ階層にいるならmessage.htmlの前に../../ホームページビルダー/応用編/ホームページ・ビルダー11応用/完成版/bukken/は要りませんどこまでの階層を持っていくかで変わってきます。 どこがおかしいというより、パソコンの階層の考え方の問題なので、どの階層にimgを入れるのか、どの階層にリンクされるファイルを入れるのかで、この２つの変更が必要です。
その他の回答 (2)
imageのフォルダを一緒に持っていってないのではないですか？ 内容をよく読んでいませんでした。 内容よく見てから回答すればよかったですねすみません
<TR> <TDalign="right"><Ahref="../../ホームページビルダー/応用編/ホームページ・ビルダー11応用/完成版/bukken/message.html#input"target="message"><IMGsrc="../image/btn2.gif"alt="伝言を書く"height="37"width="144"border="0"></A></TD> </TR> <TR> <TDalign="left"><Ahref="../../ホームページビルダー/応用編/ホームページ・ビルダー11応用/完成版/bukken/message.html"target="message"><IMGsrc="../image/btn1.gif"alt="伝言を見る"height="37"width="144"border="0"></A></TD> </TR> ※ <TR></TR>の宣言が抜けています。 <TD></TD>はセルを割るだけなので改行するなら<TR></TR>宣言が要ります。
お礼
どうもありがとうございます。 ＞ <TR></TR>の宣言が抜けています。 ＞ <TD></TD>はセルを割るだけなので改行するなら<TR></TR>宣言が要ります。 上記はどういうことでしょうか。 imageのファイルとは CDからUSBに再度コピーをし直します。
関連するQ&A
- DreamWeaverで作るテーブル
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>無題ドキュメント</title> </head> <body> <table width="800" height="394" border="1" align="center"> <tr> <td> <p>1</p> <table width="200" border="1" align="left"> <tr> <td height="118">2</td> </tr> </table> <table width="600" border="1"> <tr> <td height="121">3</td> </tr> </table> <p> </p></td> </tr> </table> </body> </html> このようにテーブルを作った場合、3のセルの右のラインが1のセルの右ラインに隠れるというか見えなくなります。 そこで3のセルにalign="left"を設定するとIEではラインが見えるのですが、Netscapeでは2と3が縦に並んでしまいます。 なんとか3の右ラインを見えるようにしてNetscapeでも縦に並ばないようにするにはどうすればいいでしょう。 よろしくお願いいたします。
- ベストアンサー
- その他（インターネット・Webサービス）
- テーブルだらけのページをスッキリさせたい
いま、ホームページビルダーで趣味のサイトを作っているところなのですが、 HTMLのことでわからない事があるので教えてください。 現在、大きなテーブルの中にさらに小さなテーブルをいれています。 そのためタグがとてもごちゃごちゃしています。 小さなテーブルはサイト更新の度に追加していく予定なので、 見た目よりデータが重いページになってしまうと思います。 これをなんとかスッキリさせたいのですが 良い方法はあるでしょうか？ スタイルシートを使えばいいのでしょうか？ どのように使用すれば無駄の無い形になるか 具体的なアドバイスをいただけると助かります。 参考までに作りかけのタグを載せました。 悪い部分等があったら、ぜひお願いします。 よろしくお願いします。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META http-equiv="Content-Style-Type" content="text/css"> <TITLE>サイト名「タイトル未定」</TITLE> </HEAD> <BODY> <CENTER> <TABLE border="0" cellpadding="0" cellspacing="0" width="840"> <TBODY> <TR> <TD colspan="2" align="center" height="40">サイト名 タイトル</TD> </TR> <TR> <TD colspan="2" align="center">サイトの説明と注意事項</TD> </TR> <TR> <TD colspan="2" height="15"> <HR> </TD> </TR> <TR> <TD align="center"> <TABLE border="1" cellpadding="2" cellspacing="1" bordercolor="#000000"> <TBODY> <TR> <TD rowspan="3" width="100" height="100" align="center" bgcolor="#009900">花の写真</TD> <TD width="80"><FONT size="-1">花の名前</FONT></TD> <TD width="150"><FONT size="-1">チューリップ</FONT></TD> </TR> <TR> <TD width="80"><FONT size="-1">分類</FONT></TD> <TD width="150"><FONT size="-1">あああああ</FONT></TD> </TR> <TR> <TD width="80"><FONT size="-1">撮影日</FONT></TD> <TD width="150"><FONT size="-1">2008年4月1日</FONT></TD> </TR> <TR> <TD colspan="3" height="80"><FONT size="-1">花の特徴など<BR> あああああああああああああああああああ<BR> いいいいいいいいいいいいいいいいいいいいいいいい<BR> うううううううううううううううううううううううう。</FONT></TD> </TR> </TBODY> </TABLE> <BR> </TD> <TD align="center"> <TABLE border="1" cellpadding="2" cellspacing="1" bordercolor="#000000"> <TBODY> <TR> <TD rowspan="3" width="100" height="100" align="center" bgcolor="#999900">花の写真</TD> <TD width="80"><FONT size="-1">花の名前</FONT></TD> <TD width="150"><FONT size="-1">さくら</FONT></TD> </TR> <TR> <TD width="80"><FONT size="-1">分類</FONT></TD> <TD width="150"><FONT size="-1">あああああ</FONT></TD> </TR> <TR> <TD width="80"><FONT size="-1">撮影日</FONT></TD> <TD width="150"><FONT size="-1">2008年4月2日</FONT></TD> </TR> <TR> <TD colspan="3" height="80"><FONT size="-1">花の特徴など<BR> あああああああああああああああああああ<BR> いいいいいいいいいいいいいいいいいいいいいいいい<BR> うううううううううううううううううううううううう。</FONT></TD> </TR> </TBODY> </TABLE> <BR> </TD> </TR> <TR> <TD align="center"></TD> <TD align="center"></TD> </TR> <TR> <TD colspan="2"> <HR> </TD> </TR> </TBODY> </TABLE> </CENTER> </BODY> </HTML>
- ベストアンサー
- ホームページ作成ソフト
- ビルダー9 表の枠（罫線？空白？）を完全になくすには？
会社のHPを作っています。 下記のタグを見て頂くとわかると思うのですが、 一番大きい画像と、その右の画像の間に細い線が入ってしまっています。 （ファイル名は消してあります） 最初は上下にも入っていたのですが、それはどうにか消すことができました。 （どうやったか覚えてないですけど） この線をないものとすることはできますか？ 周りに詳しい人がいなくて、ほんっっとうに困ってます！助けてください(T_T) <TABLE width="785" cellspacing="0" cellpadding="0"> <TBODY> <TR align="left" bgcolor="#ffffff"> <TD colspan="4" rowspan="3" width="691" height="73"><IMG src="" width="691" height="76" border="0"></TD> <TD colspan="2" width="77"><IMG src="" width="94" height="19" border="0" hspace="0" vspace="0"></TD> </TR> <TR> <TD colspan="2" width="77"><IMG src="" width="94" height="20" border="0" hspace="0" vspace="0"></TD> </TR> <TR> <TD colspan="2" width="77"><IMG src="" width="94" height="37" border="0" hspace="0" vspace="0"></TD> </TR> <TR> <TD colspan="6" height="18"><IMG src="" width="84" height="21" border="0"><IMG src="" width="130" height="21" border="0"><IMG src="" width="156" height="21" border="0"><IMG src="" width="126" height="21" border="0"><IMG src="" width="114" height="21" border="0"><IMG src="" width="175" height="21" border="0"></TD> </TR> </TBODY> </TABLE>
- ベストアンサー
- ホームページ作成ソフト
- ホームページビルダー8 中央配置
ホームページビルダー8でホームページを作成し公開したところ、左寄りになってしまいました。 本サイトでかなり調べて「どこでも配置モード」ではできないことを知り「標準モード」で作成し直し、レイアウト枠を含んだページすべてを1行1列の表で囲んでセンタリングを試みてもできませんでした。 レイアウト枠があるとセンタリングできないのでしょうか？ ちなみにソースは以下のようになっています。 </DIV> <TABLE border="0" width="100%" cellpadding="0" cellspacing="0"> <COL span="1" align="center"> <TBODY> <TR align="center"> <TD height="1041" align="center"></TD> </TR> </TBODY> </TABLE> </BODY> </HTML> 初心者ですのでわかりやすくお願いします。
- 締切済み
- ホームページ作成ソフト
- テーブルの大きさを揃えたい
各ページの大きさ＝高さが揃わないのですが原因がわかりません。 １．文字の高さが指定した高さより大きい？(普通の文字の高さは決まっているのでしょうか。） ２．入れ子にしているテーブルで２行の所が指定した高さより大きい？ ３．CSSスタイルの背景の高さが関係している？ ４．全体の大きさがずれている？ 参考にHTML(高さのみ）抜き出しますので教えていただけませんか。 【ページ１】 <table width="700" height="55" border="0"> <tr> <td><img.gif height="40"> welcome homepage(見た目は2行）</td> <td> </td> <td align="right" valign="bottom"> <img.gif" height="20" ></td></tr></table> <table height="15"></table> <table height="430"> <tr><td height="375"><flash.swf height="360"></td></tr> <tr><td height="25"></td></tr> <tr><td height="15"></td></tr></table> 【ページ２】 <table width="700" height="55" border="0"> <tr> <td height="40"> <img.gif height="40"></td> <td height="40"> </td> <td height="40"></td></tr> <tr><meta http-equiv="Content-Style-Type" content="text/css"> <td height="15"> welcome homepage </td> <td height="15"></td> <td align="right" height="15">|HOME|MAP|MAIL|</td></tr></table> <table height="15"></table> <table height="430"> <tr><td> <table height="10"> <tr><td height="15"></td></tr> <tr><td><IFRAME height="380"></IFRAME></td></tr> </table></td></tr> <tr><td height="15"></td></tr></table>
- 締切済み
- HTML
- ホームページビルダーで右端のセルが狭くなります。
ホームページビルダーで右端のセルが狭くなります。 現在ホームページビルダーの教科書を見ながら勉強しているのですが、教科書が用意しているファイルをビルダーで開くと右端のセルだけが狭くなります。 ちなみにブラウザ（IE）で開くと問題ありません。 これは何が原因でしょうか？編集しにくいので教えてください。 ちなみにソースは以下の感じです。（BODY以下） 念のため画像も添付します。 <BODY text=#000000 vLink=#808080 aLink=#ff8040 link=#ff3535 bgColor=#333333> <CENTER> <TABLE cellPadding=3 width=650 bgColor=#ffffff> <COLGROUP> <COL> <COL width=220> <TBODY> <TR> <TD vAlign=top rowSpan=11><IMG height="400" alt="代替テキスト１" src="xxx.gif" width="120" border="0"></TD> <TD colSpan=2><IMG height="150" alt="代替テキスト２" src="xxx.jpg" width="520" border="0"></TD></TR> <TR> <TD colSpan=2> <UL> <LI></LI> </UL> </TD></TR> <TR> <TD colSpan=2><IMG alt="代替テキスト" src="iｘｘｘ.gif" border="0"></TD></TR> <TR> <TD><IMG height="180" alt="代替テキスト" src="ｘｘｘｘ.jpg" width="140" border="0"></TD> <TD vAlign=top><FONT size=-1>長いテキスト文<BR><BR>このページの先頭へ</FONT></TD></TR> <TR> <TD colSpan=2></TD></TR> <TR> <TD></TD> <TD vAlign=top></TD></TR> <TR> <TD colSpan=2></TD></TR> <TR> <TD></TD> <TD vAlign=top></TD></TR> <TR> <TD colSpan=2></TD></TR> <TR> <TD></TD> <TD vAlign=top></TD></TR> <TR> <TD align="center" colSpan=2></TD></TR></TBODY></TABLE></CENTER></BODY></HTML> ちなみにCOLGROUPとCOLの使い方もよくわかりません。 よろしくお願い致します。
- ベストアンサー
- ホームページ作成ソフト
- フレームの分割について
このようなレイアウトでフレーム分割したいのですが、どのようなソースにしたら良いのでしょうか？また、様々な環境できちんと表示されるでしょうか？ A・C・E・Fには画像を挿入。DはメインのHTMLを表示。BはメニューのHTMLを表示。 <TABLE COL="4" ROW="3" WIDTH="770" BORDER="1" CELLSPACING="0" CELLPADDING="0"> <TR ALIGN="CENTER"> <TD COLSPAN="3" WIDTH="586" HEIGHT="106">A</TD> <TD ROWSPAN="3" WIDTH="184">B</TD> </TR> <TR ALIGN="CENTER"> <TD WIDTH="40" HEIGHT="350">C</TD> <TD WIDTH="506" HEIGHT="350">D</TD> <TD WIDTH="40" HEIGHT="350">E</TD> </TR> <TR ALIGN="CENTER"> <TD COLSPAN="3" WIDTH="586" HEIGHT="106">F</TD> </TR> </TABLE>
- ベストアンサー
- その他([技術者向] コンピューター)
- 初めてＨＰを作成してるんですが
素材の置いてあるサイトから、テーブルをダウンロードしました。 けどどうやって使えばいいのかわかりません。 コレ↓でやっても、画像がでません。 何が足りないのか教えていただけませんか？？ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE>テーブル設置例</TITLE> </HEAD> <BODY bgcolor="#FFFFCC"> <CENTER> <TABLE cellpadding="0" cellspacing="0"> <TBODY> <TR> <TD colspan="5" background="画像のＵＲＬ" height="27" bgcolor="#FFFFFF"></TD> </TR> <TR> <TD bgcolor="#FFFFFF"></TD> <TD rowspan="2" valign="bottom" bgcolor="#FFFFFF"><IMG src="画像のＵＲＬ" width="100" height="171" border="0"></TD> <TD width="280" height="250" bgcolor="#FFFFFF" align="center"><FONT size="-1">文章BR> 文章<BR> <BR> 文章</FONT></TD> <TD rowspan="2" valign="bottom" bgcolor="#FFFFFF"><IMG src="画像のＵＲＬ" width="100" height="171" border="0"></TD> <TD bgcolor="#FFFFFF"></TD> </TR> <TR> <TD valign="bottom"><IMG src="画像のＵＲＬ" width="20" height="23" border="0"></TD> <TD background="画像のＵＲＬ" height="23"></TD> <TD valign="bottom"><IMG src="画像のＵＲＬ" width="20" height="23" border="0"></TD> </TR> </TBODY> </TABLE> </CENTER> </BODY> </HTML> windows９８・ＩＥ６，０でメモ帳を使って作成しています。 超初心者のくせにかなり無謀なんでしょうかー さっぱりわかりません。。。 何か補足することがありましたら、お知らせください ご回答どうぞよろしくお願いいたします・・！
- ベストアンサー
- その他（インターネット接続・通信）
- HP作製。titleが反映されない。
titleを書いたのに反映されない。 8年前に知人がつくってくれたHPをほぼそのまま使っています。 最近,各ページにtitleがあった方がSEO上いい,という話しを聞きました。 そこで私もそうしたのですがうまくいきません。 うまくゆかないという意味は エクスプローラ(10)の「表示」→ソースではどのページも以下の(トップベージ)になってしまいます。 またグーグルで検索できません。(ただしこれはまだ1月前に修正したばかりのせいかも) 一方,「右クリック」→ソースの表示では,自分が開いたページ(該当ページ)が反映されます。 どこに問題があるのでしょうか。 (トップページ) <html> <head> <title>(略)</title> <meta name="author" content="(略)"> <meta name="description" content="(略)"> <meta name="keywords" content="(略)"> <meta http-equiv="content-type" content="text/html;charset=x-sjis"> </head> <frameset cols="150,*" border="0"> <frame name="left" src="left.html"> <frame name="top" src="top.html"> </frameset> </html> (該当ページ) <html> <head> <link rel="stylesheet" type="text/css" href="style.css"> <title>(略。ただしトップページとは違うタイトル</title> <meta name="description" content="(略)"> </head> <body> <div class="medatu">Book</div> <br> <center> <table align="center" cellpadding="0" cellspacing="0"> <tbody> <tr> <td><img src="image/tb01.gif" width="25" height="25" border="0"></td> <td background="image/tb02.gif"></TD> <td><img src="image/tb03.gif" width="25" height="25" border="0"></td> </tr> <tr> <td background="image/tb08.gif"></td> <td bgcolor="#ffffff"> <pre> (略) </pre> </td> <td background="image/tb04.gif"></td> </tr> <tr> <td><IMG src="image/tb07.gif" width="25" height="25" border="0"></td> <td background="image/tb06.gif"></td> <td><IMG src="image/tb05.gif" width="25" height="25" border="0"></td> </tr> </tbody> </table> </center
- ベストアンサー
- その他(ソフトウェア)
- テーブルが一行下がる・・・
HTMLを作成していて、横一列に並べたいのに何故か一行下がってしまいます。 具体的には、 <TABLE width="50" border=1 align=left> <TBODY> <TR><TD noWrap align=middle>項目A</TD> <TR><TD noWrap align=middle Height=80><BR></TD></TR> </TBODY> </TABLE> <TABLE width="20" border=1 align=middle> <TBODY> <TR><TD noWrap align=middle>タイトル</TD></TR> </TBODY> </TABLE> <TABLE width="50" border=1 align=right> <TBODY> <TR><TD noWrap align=middle>項目B</TD></TR> <TR><TD noWrap align=middle Height=80><BR></TD></TR> </TBODY> というソースで、「項目A」→「タイトル」→「項目B」と横一線に並べたいのですが、何故か「項目B」が一行下がって表示されます・・・ HTMLを作るのは初めてで、色々と調べたのですがよく分かりませんでした・・・。 どなたか助けてください！！ よろしくお願い致しますm(_ _)m
- ベストアンサー
- HTML
お礼
どうもありがとうございます。正直いって初心者なのでまだよくわかりません。HTMLとCSSの勉強をし始めました。今後も質問をしますのでその節はよろしくお願いします。