HP作製。titleが反映されない。
- HP作成において、titleが反映されない問題が発生しています。
- 8年前に作成されたHPを使用しており、最近SEO対策のために各ページにtitleを追加しましたが、正しく反映されていません。
- エクスプローラの表示では全てのページがトップページとなってしまい、またGoogleで検索することもできません。一方、右クリックでソースを表示した場合には正しく表示されます。問題の原因は何でしょうか。
- ベストアンサー
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
- zorozoro2100
- お礼率48% (152/311)
- その他(ソフトウェア)
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
15年前(1999年12月のHTML4.01)の勧告以来 「HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )」 とされ、私も10年以上フレームのページは作成していません。 ⇒フレーム 問題 HTML - Google 検索( https://www.google.co.jp/search?q=%E3%83%95%E3%83%AC%E3%83%BC%E3%83%A0+%E5%95%8F%E9%A1%8C+HTML ) ページタイトルは、framesetのあるページの物が表示されますし、ブックマークも出来ません。もちろんフレームに対応していないブラウザでは利用できませんし、検索エンジンにも不利です。 『・・・・フレーム・・・などの特殊な機能が使用されているためにサイトの一部がテキスト ブラウザで表示されない場合、検索エンジンのスパイダーがサイトをうまくクロールできない可能性があります。googleウェブマスター向けガイドライン( https://support.google.com/webmasters/answer/35769?hl=ja#2 )』 また、デザインにtableが使用されています。これももっと問題で・・ 『ページレイアウトの目的で表を用いる。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )』 『非視覚系メディアでのレンダリングに際して問題を起こすことがあるため、単に文書内容を整形する目的だけで表を用いるべきでない。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/tables.html#h-11.1 )』 と随所で強く否定されています。 他にも <br><center>・・・なんて通常は使いません。 <td><IMG src="image/tb05.gif" width="25" height="25" border="0"></td> 余白制御のために画像を用いる。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 ) 絶対使うべきじゃない!!「」 ★以上紹介したリンク先は必ず読んでください。 ★結論から言うと、前頁を根本的にゼロから作成しなおす必要があります。 幸いに、HTML4.01以降は「構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 )」が徹底されたため、「広汎なプラットフォームや多様なメディアでの文書提供コストを低下でき、文書の改訂も容易に」なっています。 あなたがあげられたソースでしたら、たった十数行のHTMLだけですんでしまうでしょう。(^^) <div class="medatu">Book</div>★classは文書構造を示すものここは<h1>Book</h1> <br>★使いません <center>★使うべきではない <table align="center" cellpadding="0" cellspacing="0">★tabl;eはデザインに使えない <tbody> <tr> <td><img src="image/tb01.gif" width="25" height="25" border="0">★borderは使わない</td> <td background="image/tb02.gif"></TD>★backgroundは使うべきでない <pre>★整形済み文書に使うもの？？ <td><IMG src="image/tb07.gif" width="25" height="25" border="0"> ↓ <body> <div class="header"> <h1>Book</h1> <p>説明</p> </div> <div class="section"> <h2>本文</h2> <p>記事など</p> </div> <div class="footer"> <h2>文書情報</h2> </div> </body> でおしまい。
その他の回答 (2)
- zacky93141
- ベストアンサー率17% (47/266)
あなたのホームページは、トップページのhtmlにフレームという構造を利用して、各ページをトップページに埋め込んでいます。 (トップページ) <frame name="left" src="left.html"> <frame name="top" src="top.html"> 上記の部分ですね。 このような構造のホームページでは、親ページとなる(トップページ)に埋め込んでいるために、子ページとなるleft.html、top.htmlのタイトルは反映されません。 >エクスプローラ(10)の「表示」→ソースではどのページも以下の(トップベージ)になってしまいます。 >一方,「右クリック」→ソースの表示では,自分が開いたページ(該当ページ)が反映されます。 前者の方法は親ページとなる(トップページ)のソースを参照しようとしています。 一方、後者の方法は子ページとなるtop.htmlの方を参照しようとしています。 後者の方法はどこでクリックしたかによってかわるため、例えば左側に存在するメニュー部分で後者の方法を試すと、left.htmlのソースを参照します。 >またグーグルで検索できません。(ただしこれはまだ1月前に修正したばかりのせいかも) 1ヶ月前に更新されたなら、検索できるはずです。 このページ自体に問題はありませんが、フレーム構造は少々古いページ構造で、そもそもSEO対策には向いていません。
- popn1016
- ベストアンサー率30% (49/161)
IE10のキャッシュをクリアしてみましょう。 http://www.yahoo-help.jp/app/answers/detail/p/533/a_id/43879 IEの場合はお気に入りボタンから追加を押せばページごとのタイトルが出てくるはずです。 と書き込んでいたのですが、ソースを見るとフレーム（frameset）を使っていらっしゃいますね。これはSEO上、かなり不利です。フレームを解除しないとSEO云々の話はできないくらいです。フレームがあると、タイトルを個別指定しても、検索エンジンのロボットは全体ページのタイトルしか認識できません。 「フレーム SEO 解除」などで検索してみて下さい。おそらく構成をゼロから作り変えた方が早いです。
お礼
さっそくお返事ありがとうございます。 SEOかなり不利といわれると、まずその問題から取り組むしかないですね。 ところで、これはHPを一から作ったことのない私が可能でしょうか。 可能なレベルにかかる時間と,そのあとHPを作る時間がきになりますが どうでしょうか。 土日に5時間やると仮定して,毎週それに取りかかるというわけにいかないので, 月20時間。 この程度(つまり一カ月間)で可能ならHPを一から作るつもですが。 本を見ながらＨＰ作製というなら20時間以上かかるというなら はじめから業者に相談するしかないと思いますが
関連するQ&A
- テーブルを作ったんですが…
はじめまして 画像テーブルを作ったのですが、スクロールバーがでません。 タグを載せておきますので暇でしたら解答してください。 <style TYPE="text/css"> <!--.auto {border:solid;height:450pt;width:500pt;overflow:auto;}--> </style> <TABLE align="left" width="500" cellpadding="0" cellspacing="0" border="0"> <TBODY> <TR> <TD width="420" height="27"><IMG src="01.gif" width="42" height="27" border="0"></TD> <TD background="02.gif"></TD> <TD width="0" height="0"><IMG src="03.gif" width="40" height="27" border="0"></TD> </TR> <TR align="left"> <TD background="04.gif"></TD> <TD width="100%" height="350" bgcolor="white"><pre>テスト<BR> </TD> <TD background="06.gif"></TD> </TR> <TR> <TD width="416" height="25"><IMG src="07.gif" width="42" height="46" border="0"></TD> <TD background="08.gif"></TD> <TD width="0" height="0"><IMG src="09.gif" width="40" height="46" border="0"></TD> </TR> </TBODY> </TABLE>
- ベストアンサー
- その他（インターネット・Webサービス）
- 分割した画像の結合表示について
とてもはまっています。よろしくお願いいたします。 以下の通りのページを作った際にInternet Explorer以外のブラウザ、FirefoxやOperaではそれぞれの画像に数ピクセルの隙間ができてしまいます。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <HTML> <HEAD> <META HTTP-EQUIV="Content-Language" CONTENT="ja"> <META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=Shift_JIS"> <TITLE>TEST</TITLE> </HEAD> <BODY> <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0" SUMMARY="TEST"> <TR> <TD><IMG SRC="image/top_1.gif" WIDTH="700" HEIGHT="50" ALT="1"></TD> </TR> <TR> <TD><IMG SRC="image/top_2.gif" WIDTH="700" HEIGHT="50" ALT="2"></TD> </TR> <TR> <TD><IMG SRC="image/top_3.gif" WIDTH="700" HEIGHT="50" ALT="3"></TD> </TR> </TABLE> </BODY> </HTML> 今までも同様のことをしていたのですが全て正常に表示されていました。 今回初めてDOCTYPEを指定して作っています。 DOCTYPEを指定しなければ正常に表示されますが指定している状態で隙間無く表示させるにはどうしたら良いでしょうか。
- ベストアンサー
- HTML
- 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にコピーをしなおしたほうがいいでしょうか。
- ベストアンサー
- ホームページ作成ソフト
- オブジェクトを指定してください、のエラーについて
HTML作業中、下記のようなエラーメッセージが表示されます。 エラー：オブジェクトを指定してください。 文字：3 コード：0 恐らく↓この辺りでエラーが起きているのだとは思うのですが… どなたか分かる方はいらっしゃいますでしょうか？それと、 ライン：200 ↑この数値は、ソースを表示させたときの行数でいいのでしょうか？ メモ帳で開くと「行へ移動」ができなかったもので… 他にエラー場所を知る方法があれば教えてください。 <table width="179" border="0" cellspacing="0" cellpadding="0"> <tr> <td colspan="2" align="right"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image46','','img/click2.gif',1)"><img src="img/click1.gif" alt="クリック！" name="Image46" width="64" height="49" border="0"></a></td> <td colspan="2" align="right"><img src="img/suga-3.gif"></td> </tr> </table> <table width="179" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="12" colspan="4"><img src="img/ue.gif" width="179" height="12"></td> </tr> <tr> <td width="14" height="124" background="img/hidari.gif"><img src="img/hidari.gif" width="14" height="7"></td> <td width="146" background="img/back.gif"><table width="145" height="110" border="0" cellpadding="0" cellspacing="0"> <tr> <td><img src="img/main1.gif" width="70" height="102" hspace="2"></td> <td valign="top" class="text12">画像</td> </tr> </table> <img src="img/botan.gif" width="146" height="17"></td> <td width="19" background="img/migi.gif"> </td> </tr> <tr> <td height="12" colspan="4"><img src="img/sita.gif"></td> </tr></table>
- 締切済み
- HTML
- スタイルシートに関しての質問です。margin0 padding0と指定し居るのに、変なスペースが入ってしまいます。。。
スタイルシートで、 *｛ padding:0; margin:0; ｝ img{ padding:0; margin:0; } と指定しているのですが、なぜか画像でへんなスペースが入ってしまいます。どうしてでしょうか？ ソースは下記の通りです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <head> <META http-equiv=Content-Type content="text/html; charset=Shift_JIS"> <META content="新築マンション,賃貸,敷金ゼロ,礼金ゼロ,ペット可,内覧可能,水商売可,風俗可,東京,都内,マンション,アパート,一戸建, name=keywords> <title>株式会社</title> <link href="css/mainstyle.css" rel="stylesheet" type="text/css"> </head> <body> <div id="wapper"> <div id="head"><img src="img/forward_rogo.gif" width="250" height="56" border="0" ></div> <div id="sidememu"> <table width="150" border="0" cellpadding="0" cellspacing="0" > <tr> <td><a href="#"><img src="img/menu1.gif" width="150" height="40" border="0"></a></td> </tr> <tr> <td><a href="#"><img src="img/menu13_h.gif" width="150" height="40" border="0"></a></td> </tr> <tr> <td><a href="#"><img src="img/menu5_h.gif" width="150" height="40" border="0"></a></td> </tr> <tr> <td><a href="#"><img src="img/menu4.gif" width="150" height="40" border="0"></a></td> </tr> <tr> <td><a href="#"><img src="img/menu11_h.gif" width="150" height="40" border="0"></a></td> </tr> <tr> <td><a href="#"><img src="img/menu10_h.gif" width="150" height="40" border="0"></a></td> <tr> <td><a href="#"><img src="img/menu3.gif" width="150" height="40" border="0"></a></td> <tr> <td><a href="#"><img src="img/menu9_h.gif" width="150" height="40" border="0"></a></td> <tr> <td><a href="#"><img src="img/menu6_h.gif" width="150" height="40" border="0"></a></td> <tr> <td><a href="#"><img src="img/menu8_h.gif" width="150" height="40" border="0"></a></td> </tr> </table> </div> <div id="main"> <div id="flash-a"> <img src="img/dammy.gif" width="650" height="150" border="0"> </div> <div id="main-1"> <img src="img/top_1.gif" width="650" height="40" border="0"> </div> </div> </div> </body> </html> cssは、 /* CSS Document */ *{ padding:0; margin:0; } img{ padding:0; margin:0; } body{ margin-left:auto; margin-right:auto; text-align:center; } #wapper{ width:820; } #head{ margin-top:20px; text-align:left; border-bottom:2px #000099 solid; } #sidememu{ margin-top:20px; background-color:#F00; float:left; } #main{ margin-left:10px; margin-top:20px; float:right; } です。すみません。教えてください！
- ベストアンサー
- その他([技術者向] コンピューター)
- javascriptを使い、サムネイル表示
サンプルＨＰ⇒http://cartown.jp/detail_dt.php?car_id=1990056 のような、サムネイル画像と拡大画像を表示させる記述方法を 教えてください。 下記のような回答文を確認したのですが、img要素を列挙する記述やonclickイベントを結びつける記述すらわかりません。こんな超初心者ですが、よろしくお願い致します。 ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓ <html> <head> <meta http-equiv="Content-Language" content="ja"> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Style-Type" content="text/css"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <title>サンプル</title> <script type="text/javascript"> function showImg(){ document.getElementById("image").src=this.src; } function setup(){ var thumbnails=document.getElementsByName("thumbnail");//name="thumbnail"とついているimg要素を列挙 for(var i=0;i<thumbnails.length;i++)thumbnails[i].onclick=showImg;//↑で列挙したものにonclickイベントを結びつける } window.onload=setup; </script> <style type="text/css"> .main td{ width:300px; height:300px; } </style> </head> <body> <table border class="main"> <tr> <td><img id="image" width="300" height="300"></td> <td> 文章 </td> </tr> </table> <!--ここから下の画像はサムネイル用ではなく、上に表示する予定の画像と同じもので width属性とheight属性を指定して大きさを変えています。(ここでは全部300x300の画像とします。)--> <table border> <tr> <td><img name="thumbnail" src="img1.png" width="48" height="48"></td> <td><img name="thumbnail" src="img2.png" width="48" height="48"></td> <td><img name="thumbnail" src="img3.png" width="48" height="48"></td> <td><img name="thumbnail" src="img4.png" width="48" height="48"></td> <td><img name="thumbnail" src="img5.png" width="48" height="48"></td> </tr> <tr> <td><img name="thumbnail" src="img6.png" width="48" height="48"></td> <td><img name="thumbnail" src="img7.png" width="48" height="48"></td> <td><img name="thumbnail" src="img8.png" width="48" height="48"></td> <td><img name="thumbnail" src="img9.png" width="48" height="48"></td> <td><img name="thumbnail" src="img10.png" width="48" height="48"></td> </tr> </table> サムネイルクリックで拡大します。 </body> </html>
- 締切済み
- JavaScript
- 上手く表示されない。
http://www.netmania.jp/ ネットマニアのPHPの説明を参考にPHPを作っているのですが、このページのテンプレート112を改造してつくったのですが、上手く動きません。アドバイスください。 ↓タグ <html><head> <title>タイトル</title> <META http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <META NAME="keywords" content="***"> <meta name="description" content="***"> <LINK rel="stylesheet" href="style_main.css" type="text/css"> </head> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0"> <?php require("joubu.txt"); ?> <table width="800" border="0" cellspacing="0" cellpadding="0" align="center" style="border-color:#cccccc; border-width:1px; border-style:solid;" height="345"> <tr valign="top"> <td width="160" style="BORDER-RIGHT: #CCCCCC 1px solid" bgcolor="#F0F0F0"> <?php require("menu.txt"); ?> </td> <td colspan="2"> <?php require("main.txt"); ?> </td> </tr> </table> <table width="800" border="0" cellspacing="0" cellpadding="0" align="center" style="BORDER-LEFT: #CCCCCC 1px solid; BORDER-RIGHT: #CCCCCC 1px solid "><tr> <td width="3"><IMG src="002.gif" width="3" height="22"></td> <TD width="797" background="002.gif" align="center"> <?php require("under.txt"); ?> </TD></tr></table> <?php require("copyright.txt"); ?> </body></html>
- ベストアンサー
- PHP
- WEB制作に関する質問です。コンテンツをスライドに
ボタンをクリックするとtableの部分を垂直方向にスライドさせて切り替えたいのですが なかなか、うまくいきません。 こんな感じかなと思って、つくったのですが、まったく作動しません。 何をどうすればいいか分かりません。 どなたか、教えて下さい。 javascriptは少し分かるぐらいです。 よろしくお願いします。 コードは↓ 下のクリック画像だけ指定してあります。 html <div id="main_left"> <h2>見出し</h2> <img src="image/cicletop.jpg" width="33" height="33" /><!-- 上のクリックボタン --> <div id="shuraider"> <table name="shuraid1" id="shuraid1"> <tr><td colspan="2">aaaaaa</td></tr> <tr><td><img src="image/buttons_06.gif" width="56" height="57" /></td><td>aaaaaaaaaaaaaaaaa</td></tr> <tr><td><img src="image/menu.gif" width="114" height="30" id="menu10" name="menu10" onmouseover="document.menu10.src='image/amenu.gif'" onmouseout="document.menu10.src='image/menu.gif'" onclick="document.menu10.src='image/amenu.gif'" /></td><td>aaaaaaaaaaaaaa</td></tr> </table> <table name="shuraid2" id="shuraid2"> <tr><td colspan="2">aaaaaa</td></tr> <tr><td><img src="image/buttons_06.gif" width="56" height="57" /></td><td>aaaaaaaaaaaaaaaaa</td></tr> <tr><td><img src="image/menu.gif" width="114" height="30" id="menu10" name="menu10" onmouseover="document.menu10.src='image/amenu.gif'" onmouseout="document.menu10.src='image/menu.gif'" onclick="document.menu10.src='image/amenu.gif'" /></td><td>aaaaaaaaaaaaaa</td></tr> </table> <table name="shuraid3" id="shuraid3"> <tr><td colspan="3">aaaaaa</td></tr> <tr><td><img src="image/buttons_06.gif" width="56" height="57" /></td><td>aaaaaaaaaaaaaaaaa</td></tr> <tr><td><img src="image/menu.gif" width="114" height="30" id="menu10" name="menu10" onmouseover="document.menu10.src='image/amenu.gif'" onmouseout="document.menu10.src='image/menu.gif'" onclick="document.menu10.src='image/amenu.gif'" /></td> <td>aaaaaaaaaaaaaa</td></tr> </table> <table name="shuraid4" id="shuraid4"> <tr><td colspan="2">aaaaaa</td></tr> <tr><td><img src="image/buttons_06.gif" width="56" height="57" /></td><td>aaaaaaaaaaaaaaaaa</tr> <tr><td><img src="image/menu.gif" width="114" height="30" id="menu10" name="menu10" onmouseover="document.menu10.src='image/amenu.gif'" onmouseout="document.menu10.src='image/menu.gif'" onclick="document.menu10.src='image/amenu.gif'" /></td> <td>aaaaaaaaaaaaaa</td></tr> </table> </div><!-- end shuraider --> <img src="image/ciclebottom.jpg" width="33" height="33" name="shuraid_botton" id="shuraid_botton" onclick="shuraido ()" /><!-- 下のクッリックボタンでここをクリックするとtableを切り替えたい --> </div><!-- end main_left --> ここからcss #main_left{ width: 339px; } #main_left h2{ font-size: 18px; font-weight: bold; color: #ffffff; width: 339px; line-height: 2em; letter-spacing: 1em; background-image: url(../image/h2.jpg); background-color: #0F9; margin: 0; } #shuraider{ width: 337px; height: 120px; overflow: hidden; } ここからjavascript var i=1; function shuraido(){ if(i==1){ document.src="shuraid2"; i=2; } else if(i==2){ document.src="shuraid3"; i=3; } else if(i==3){ document.src="shuraid4"; i=4; } else{ document.src="shuraid1"; i=1; } } </script>
- ベストアンサー
- JavaScript
- インラインフレーム内でのテーブル位置指定が上手くいきません
インラインフレームを使用したホームページ作成中なんですが 一箇所だけどうしても解決できないことがあったので質問させていただきます フリー素材サイトのメニューテーブルを左上フレームに使用しているんですが htmlとスタイルシートを上手く使いこなせてないせいで メニューテーブルの位置指定ができずにいます テーブルは縦につなげるタイプのものです 左上フレーム内のright bottomに指定したいのですが上手くいきません 大変見苦しい点が多いとは思いますが どなたか解決策、アドバイス等ありましたらよろしくお願いいたします 【index.html】 <html><head>～</head> <frameset cols="220,*" frameborder="no" border="0"> <frameset rows="90%,10%" frameborder="no" border="0"> <frame src="menu.html" name="menu" scrolling="no"> <frame src="sita.html" name="sita" scrolling="no"> </frameset> <frame src="top.html" name="main" scrolling="auto" > </frameset> <body>～</body> </frameset> </html> 【menu.html】 <html><head>～</head> <body> <table id="left" cellpadding="0" cellspacing="0"> <h2>サイト名</h2> <tr><td><img src=".gif" width="80" height="47"></td></tr> <tr><td><img src=".gif" width="80" height="4"></td><tr> <tr><td><a href="top.html" target="main"><img src=".gif" width="80" height="16" border="0"></a></td></tr> <tr><td><img src=".gif" width="80" height="4"></td></tr> <tr><td><a href="top.html" target="main"><img src=".gif" width="80" height="16" border="0"></a></td></tr> <tr><td><img src=".gif" width="80" height="4"></td></tr> <tr><td><a href="top.html" target="main"><img src=".gif" width="80" height="16" border="0"></a></td></tr> <tr><td><img src=".gif" width="80" height="4"></td></tr> <tr><td><a href="" target="main"><img src=".gif" width="80" height="16" border="0"></a></td></tr> <tr><td><img src=".gif" width="80" height="4"></td></tr> <tr><td><img src=".gif" width="80" height="16"></td></tr> </table> </body> </html> 【スタイルシート】 ～ #left{ width:180px; text-align:right; vertical-align:bottom; }
- ベストアンサー
- HTML
- スタイルシートについて
<HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> <TABLE border="1"> <TBODY> <TR> <TD><IMG src="i1.gif" width="64" height="64" border="0"></TD> <TD><IMG src="i2.gif" width="64" height="64" border="0"></TD> </TR> <TR> <TD><IMG src="m1.gif" width="32" height="32" border="0"></TD> <TD><IMG src="m2.gif" width="32" height="32" border="0"></TD> </TR> </TBODY> </TABLE> </BODY> </HTML> こういったTableを使った表がある場合、スタイルシートで示すことは出来ますか？もし出来るならそのソースを教えてください。 また、こういったTableのホームページを一括でスタイルシートに変換できるソフトが存在していたら教えてください。 それと、この行数がかなり大きくなると、Tableよりも軽く表示がされると聞いたのですが本当でしょうか？ ご返答、何卒、よろしくお願い致します。
- ベストアンサー
- HTML
お礼
ありがとうございます。 titleの話より, 「このページ自体に問題はありませんが、フレーム構造は少々古いページ構造で、そもそもSEO対策には向いていません。」 というとに尽きますね。 質問してよかったです。フレーム構造をどうするかですね。 1)の人にも話しましたが、 自分でやるか、人に頼むか、迷いますね。 お金の問題もそうですが、自分が少しでも知識があると,修正してゆけますよね。 自分でいじれるかどうかは大きいと思うのです。 ただどの程度、それができようになるのが大変なのか、が一番気になりますね。