- ベストアンサー
ホームページの全てのページにロゴを付けたい
無料レンタルサーバーなどで自動的に広告が付くのと 同じようなことがやりたいと思っています。 全てのページに下記の様なロゴを手作業で書き込まずに一括で指定する方法をご教授して頂けないでしょうか？ <a href="http://www.goo.ne.jp/"><img height="37" alt="goo" src="images/goo.gif" width="71" border="0"></a>
- meikenpochi
- お礼率73% (68/92)
- その他（プログラミング・開発）
- 回答数2
- ありがとう数2
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
無料レンタルサーバでやってる広告埋め込みは、Webサーバがデータを転送する際に、HTMLのコンテンツだったら広告用のタグを混ぜ込んだ上でブラウザへ転送するやり方を取っています。（すべてそうではないでしょうが） 普通の使える環境の中で、そのようなことは大抵できないので、現実的な解はこんな感じではないでしょうか。 １．ANo.1の方が言うようにコンテンツをCGI化する。 ２．CGIでなくても、ある種のフィルタプログラムを作り、HTMLに特定のマクロ文字列を埋め込んでおいて、フィルタプログラムに一括置換させたものを、サーバにアップする。 ３．結果として見栄えが同じになるような表示をするJavaScriptの関数を別ファイルで作って、全HTMLから読み込んで実行する。 ４．手でちまちまやる。 ３．と４．は、最初の作業量はだいたいいっしょですが、変更したいときに1回で済むか最初と同じ作業量をこなすかが違います。 １は、さらにいくつかやり方によって道が分かれますが、いずれにしても開発が面倒で、しかも意味も無くサーバに負荷をかけることになります。 質問者さんにプログラムの知識がどの程度あるのかわかりませんが、お薦めは２です。フィルタプログラム自体をサーバで動かす必要が無い（もちろんサーバで動かしてもいい）し、出来上がったHTMLはただのHTMLなので、どんなサーバにも置く事ができます。ブラウザがJavaScriptを無効にしていても問題ありません。 処理内容は、ある意味非常に単純な文字列置き換えなので、どんな言語を使っても実装可能です。 が、いずれにしてもHTMLの世界だけでは救えない要件であることは間違いないです。
その他の回答 (1)
- Bonjin
- ベストアンサー率43% (418/971)
FRAMEを使って常にロゴのページだけ表示させておくのはダメなのでしょうか？ だめならばCGI等を使って自動的に埋め込むぐらいしかないと思いますが・・・
お礼
Bonjinさん、回答ありがとうございます。 perlを使って埋め込む方法でやろうと思います。
関連するQ&A
- リストを一行にせずに横並びにする方法
リストタグを一行にすると横並びにはなりますが、ソースが見ずらいです…。 コメントを使わないで横並びにする方法はありますか？ ■html <ul><!-- --><li><a href="#"><img src="images01.gif" alt="" width="130" height="47" /></a></li><!-- --><li><a href="#"><img src="images02.gif" alt="" width="130" height="47" /></a></li><!-- --></ul> ■css li { display: inline; } ↓のように<!---->をとっても表示を一行にする方法があれば教えてください。 <li><a href="#"><img src="images01.gif" alt="" width="130" height="47" /></a></li> <li><a href="#"><img src="images02.gif" alt="" width="130" height="47" /></a></li>
- 締切済み
- HTML
- htmlファイルによって正常にロールオーバーするページとしないページがあるのですが、どこが間違っているのでしょう？
お世話になります。 すべてのページに共通のボタンを設置してロールオーバーさせたいのですが、なぜかhtmlファイルによってきちんとロールオーバーするページとしないページがあります。初心者なので知らない内にソースをいじってしまったのかもしれませんが、このソースのどこが間違っているか教えていただけないでしょうか？初心者なものでホントに分からないです。ホントに困っています、どうかよろしくお願いします。ちなみにDreamweaverMXを使用しています。 ■正常に働くhtml <body onLoad="MM_preloadImages('images/home02.jpg','images/news02.jpg','images/company02.jpg')"> 中略 <a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','images/home02.jpg',1)"><img src="images/home01.jpg" alt="home" name="Image1" width="134" height="53" border="0"></a> <a href="news.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','images/news02.jpg',1)"><img src="images/news01.jpg" alt="新着情報" name="Image2" width="134" height="53" border="0"></a> <a href="company.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','images/company02.jpg',1)"><img src="images/company01.jpg" alt="会社概要" name="Image3" width="133" height="53" border="0"></a> ■正常に働かないhtml <body onLoad="MM_preloadImages('images/home02.jpg','images/news02.jpg','images/company02.jpg')"> 中略 <a href="index.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image1','','images/home02.jpg',1)"><img src="images/home01.jpg" alt="home" name="Image1" width="134" height="53" border="0"></a> <a href="news.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image2','','images/news02.jpg',1)"><img src="images/news01.jpg" alt="新着情報" name="Image2" width="134" height="53" border="0"></a> <a href="company.html" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('Image3','','images/company02.jpg',1)"><img src="images/company01.jpg" alt="会社概要" name="Image3" width="133" height="53" border="0"></a>
- ベストアンサー
- HTML
- 1つの画像オンマウスで3つの画像を切り替えたい！
現在、下記のような感じで一つの画像オンマウスでその画像を含む3つの画像が切り替わるようにしています。 ---------------------------------- <a href="#" onMouseOver="11111.src='a.gif';22222.src='b.gif';33333.src='c.gif'" onMouseOut="11111.src='a_01.gif';22222.src='b_01.gif';33333.src='c_03.gif'"><img src="aaaaaa.gif" alt="" width="94" height="32" border="0" name="11111" /></a> <img src="b_01.gif" alt="" width="572" height="50" name="22222" /> <img src="c_01.gif" alt="" width="96" height="32" border="0" name="33333" /> ---------------------------------- IE6だと、きちんと表示されるのですが、 Firefoxだと表示がおかしくなります。 改善方法はありませんでしょうか？ 助けてください！
- ベストアンサー
- JavaScript
- ウインドウを狭めてもレイアウトが崩れない方法
ウインドウを狭めてもレイアウトが崩れない方法を教えて下さい。 内容は、一番上にタイトルとしての画像を表示させて、その下に画像を３列で何列ものせる。 ウインドウを大きく広げたときは、それらの画像を中央に表示させてレイアウトを崩さないようにする。 下のような感じでは、ウインドウを狭めると画像が勝手に移動してしまいます。 全てを固定にしたいです。 お手本を教えて頂きたいです。よろしくお願いいたします。 添付画像が理想です。 ウインドウを狭めても画像が固定されている瞬間をイメージ化したものです。 <img src="" border="0" width="300" height="60" /> <br> <br> <br> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <br> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a> <a href="" target="_blank"><img src="" alt="" border="0" width="250" height="166" /></a>
- ベストアンサー
- HTML
- バナーの配置
私のサイトでバナーをこの図１のように並べたいのですがうまくいきません □□□□□□□ □□□□□□□ □□□□□□□ □□広告２ □□ □□広告１ □□ □□□□□□□ □□□□□□□ □□□□□□□ □□□□□□□ □□□□□□□ □□広告 ３□□ □□□□□□□ □□□□□□□ 図１ このようにプログラムを挿入するとこのような図２になります 失敗プログラム <!-- 広告１ --> <a href="http://px.a8.net/svt/ejp?a8mat=1TZBSV+BET46Q+AIM+77ZKH" target="_blank"> <img border="0" width="350" height="240" alt="" src="http://www28.a8.net/svt/bgt?aid=110823295690&wid=001&eno=01&mid=s00000001363001213000&mc=1"></a> <img border="0" width="1" height="1" src="http://www14.a8.net/0.gif?a8mat=1TZBSV+BET46Q+AIM+77ZKH" alt=""> <!-- 広告１ --> <!-- 広告２ --> <a href="http://px.a8.net/svt/ejp?a8mat=1TZBSW+5RSAWI+1LI0+2NBPO1" target="_blank"> <img border="0" width="468" height="60" alt="" src="http://www25.a8.net/svt/bgt?aid=110823296349&wid=001&eno=01&mid=s00000007452016011000&mc=1"></a> <img border="0" width="1" height="1" src="http://www13.a8.net/0.gif?a8mat=1TZBSW+5RSAWI+1LI0+2NBPO1" alt=""> <!-- 広告２ --> <!-- 広告３ --> <a href="http://px.a8.net/svt/ejp?a8mat=1TZB0O+5URGXE+NA2+64Z8X" target="_blank"> <img border="0" width="468" height="60" alt="" src="http://www22.a8.net/svt/bgt?aid=110822280354&wid=001&eno=01&mid=s00000003017001031000&mc=1"></a> <img border="0" width="1" height="1" src="http://www18.a8.net/0.gif?a8mat=1TZB0O+5URGXE+NA2+64Z8X" alt=""> <!-- 広告３ --> □□□□□□□ □□□□□□□ □□広告１ □□ □□□□□□□ □□□□□□□ □□□□□□□ □□□□□□□ □□広告２ □□ □□□□□□□ □□□□□□□ □□□□□□□ □□広告３ □□ □□□□□□□ 図２ 一様失敗の写真も添付しときます
- 締切済み
- ブログ
- このテーブルタグの中の色を白にするには
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE></TITLE> <STYLE type="text/css"> <!-- .border{ font-size : 1pt; } --> </STYLE> </HEAD> <BODY> <TABLE border="0" cellpadding="0" cellspacing="0"> <TBODY> <TR> <TD colspan="2" rowspan="2"><IMG src="images/001_base_1.gif" width="20" height="20" border="0"></TD> <TD height="2" bgcolor="#000000"><SPAN class="border">o</SPAN></TD> <TD colspan="2" rowspan="2"><IMG src="images/001_base_2.gif" width="20" height="20" border="0"></TD> </TR> <TR> <TD height="18"></TD> </TR> <TR> <TD width="2" bgcolor="#000000"><BR> </TD> <TD width="18"></TD> <TD>ここに内容を書きます（画像<A href="images/001_base_1.gif">１</A>・<A href="images/001_base_2.gif">２</A>・<A href="images/001_base_3.gif">３</A>・<A href="images/001_base_4.gif">４</A>）</TD> <TD width="18"></TD> <TD width="2" bgcolor="#000000"><BR> </TD> </TR> <TR> <TD colspan="2" rowspan="2"><IMG src="images/001_base_4.gif" width="20" height="20" border="0"></TD> <TD height="18"></TD> <TD rowspan="2" colspan="2"><IMG src="images/001_base_3.gif" width="20" height="20" border="0"></TD> </TR> <TR> <TD height="2" bgcolor="#000000"><SPAN class="border">o</SPAN></TD> </TR> </TBODY> </TABLE> </BODY> </HTML> 現在はテーブルの内側の色が透明色（背景の色）になっています。 これを透明でなく白にする方法をおしえてください！
- 締切済み
- HTML
- 作動しないCSSのプルダウン(1)
windowsバージョン７で確認すると、CSSのプルダウンが起動しません。 下記URLのナビゲーション部分、「BOARDS」という部分と「ＳＴＯＲＥ」 という部分です。CSSに詳しいお方、ご教授いただけないでしょうか？ http://staceysurfboardsjapan.com/sstt.html 【ＨＴＭＬ部分】 <ul id="pulldown-menu"> <li><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image9','','images/boards.gif',1)"><img src="images/boards2.gif" name="Image9" width="149" height="26" border="0" id="Image9" /></a> <ul> <li><a href="/stacey/boards/twist.html"><img src="images/m_twist.gif" width="149" height="30" /></a></li> <li><a href="/stacey/boards/guild.html"><img src="images/m_guild.gif" width="149" height="30" /></a></li> <li><a href="/stacey/boards/s3.html"><img src="images/m_s3.gif" width="149" height="30" /></a></li> <li><a href="/stacey/boards/s4.html"><img src="images/m_s4.gif" width="149" height="30" /></a></li> <li><a href="/stacey/boards/s6.html"><img src="images/m_s6.gif" width="149" height="30" /></a></li> <li><a href="/stacey/boards/cd2.html"><img src="images/m_cd2.gif" width="149" height="30" /></a></li> <li><a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image31','','images/m_jmodel.gif',1)"><img src="images/m_gn.gif" name="Image31" width="149" height="30" border="0" id="Image31" /></a></li> </ul> </li> </ul> 載せきれないので次の投稿でＣＳＳも記載します。
- 締切済み
- その他（インターネット・Webサービス）
- ページ上部にスペースが空いてしまう・・・
今ショッピングモールに出店するために素人ながらページを作っているんですが、ヘッダーの部分の上にスペースがどうしても空いてしまっていていて、修復できません・・・・。モールの方に聞いてみたところ「閉じるタグが抜けている・・」等の答えが返ってきたのですが、それ以上は教えてくれませんでした。。いろいろ調べてみたのですが、どうしても分かりません。。どうかよろしくお願いいたします。 ↓まだ作成途中なので変な箇所があるかもしれません・・。 <table class="head" bouder> <tr> <td class="head"> <img src="gazou" width=600 height=130 alt=""> <tr> <tr align="right"valign="middle"><br> <tr> <td width="713" height="35"> <table width="0" border="0" cellpadding="0"> <tr><td width="32%"><img src="gazou" width="200" height="8"></td> <td width="0%"><a href="～.html"><img src="gazou" width="108" height="25"border="0"></td> <td width="16%"><a href="～html"><img src="gazou" width="107" height="27"border="0"></td> <td width="16%"><a href="～html"><img src="/lib/shidagoromo/puraa" width="108" height="27"border="0"></td> <td width="16%"><a href="～.html"><img src="gazou" width="107" height="27" border="0"></td> <td width="20%"><img src="gazou" width="107" height="28"border="0"></td> </tr> </table> </td> </tr> よろしくお願いします。
- ベストアンサー
- HTML
- IEとFirefoxでリンクの「hover」の状態が異なります。
IEとFirefoxでリンクの「hover」の状態が異なります。 メニューに画像を使っているのですが、IEとFirefoxでは「hover」時のbackground-colorのかかり方が異なります。 IEだと画像全体にかかるのですが、Firefoxでは画像の下の方だけにしか色がつきません。 画像をテキストに変更すると、テキスト全体にきちんとかかります。 画像に問題があるのでしょうか？ どうすれば解決するのか教えてください。 以下にメニューのソースを載せておきます。 （HTML） <table width="100%" height="40" cellspacing="0"> <tr> <td width="100" ><a href="page1.html"><img src="menu1.gif" border="0" alt=""></a></td> <td width="100" ><a href="page2.html"><img src="menu2.gif" border="0" alt=""></a></td> <td width="100" ><a href="page3.html"><img src="menu3.gif" border="0" alt=""></a></td> <td width="100" ><a href="page4.html"><img src="menu4.gif" border="0" alt=""></a></td> <td width="100" ><a href="page5.html"><img src="menu5.gif" border="0" alt=""></a></td> <td width="100" ><a href="page6.html"><img src="menu6.gif" border="0" alt=""></a></td> <td width="100" ><a href="page7.html"><img src="menu7.gif" border="0" alt=""></a></td> </tr> </table> （CSS） a:hover { background-color: #000000;} どうぞよろしくお願いします。
- ベストアンサー
- HTML
- CSSで画像を横並びに
CSSで画像を3枚横並びにしたいのですが、 IEで見ると右肩下がりになってしまいます。 詳しくないので、教えていただけると幸いです。 ◆html <ul> <li><img src="images/xx.gif" alt="" width="118" height="189" border="0" class="fleft mgr42 mgl30 mgt10"></a></li> <li><img src="images/xx.gif" alt="" width="118" height="189" border="0" class="fleft mgr42 mgt10"></a></li> <li><img src="images/xx.gif" alt="" width="118" height="189" border="0" class="fleft mgt10"></a></li> </ul> ◆css .fleft { float:left } .mgr42{ margin-right:42px } .mgl30{ margin-left:30px } .mgt10{ margin-top:10px }
- ベストアンサー
- CSS
お礼
you-mさん、回答ありがとうございます。 perlを使って埋め込む方法でやろうと思います。