画像上にリンクとインラインフレームを同時作成

質問

大きな画像一枚でHPを作成したい場合、画像上にリンクを貼るのと、画像にインラインフレームを同時に作成するのは可能でしょうか？

添付した画像をご覧いただければわかってもらえると思いますが、
個々のLiveやら、Discographyやらにリンクを貼るだけなら私でも可能なんですが、それプラスNewsと書いてあるところの下段の空白にインラインフレーム等で、お知らせをスクロールできるように表示したいのです。
これらを同時にHTMLで作成するのは可能でしょうか？
その空白内にスクロールできてHTMLも使えるようなボックスでしたらインラインフレームでなくてもよいです。
可能でしたらお手数ですがやり方をご教授ください…お願いします！

回答No.2

ORUKA1951

いくつか方法があります。
配置)
　tableで画像を配置する。
　imagemapを使う。
　スタイルシートで行う。
メッセージ)
　textareaをつかう
　iframeをつかう
　スタイルシートをつかう

　良くない方法から並べてあります。

　ウェブ標準なら、一番下の方法です。すなわたち、HTMLを文書構造にしたがってきちんとマークアップして、スタイルシートでプレゼンテーションをします。

マークアップは、単純に
<div class="nav">
　<div class="article">
　　<h2>メッセージ</h2>
　　<p>・・・・</p>
　　<p>・・・・</p>
　</div>
　<ul>
　　<li><a href="">Live</a></li>
　　<li><a href=""></a></li>
　　<li><a href=""></a></li>
　</ol>
</div>
・・これで、検索エンジンを含めて、すべてのユーザーエージェントに最適なマークアップができました。
・文書構造にしたがってマークアップする
・文書の内容に関係しない画像は背景とする。
・iframeなど、非推奨要素は使わない

div.nav{
display:block;width:400px;height:300px;position:relative;
background:url() green no-repeat;
}
div.nav article{
}
div.nav ul,div.nav ul li,div.nav ul li a{display:block;}
div.nav ul{list-style:none;}
div.nav ul li{width:;height:;float:left;}
div.nav ul li a{width:100%;height:100%;}

とか・・・
携帯電話や狭いディスプレイ、印刷用には必要なら別途スタイルシートを用意しましょう。