[新着] Webテンプレートを仮オープンしました
<iframe (略)>‖</iframe>
<p>上にテキスト</p> <p>左にテキスト <iframe src="http://www.google.co.jp/"><a href="http://www.google.co.jp/">google</a></iframe> 右にテキスト</p> <p>下にテキスト</p>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja" dir="ltr"> <head> <style type="text/css"> </style> </head> <body> <table border="1"> <tr> <td width="900" valign="top"> <p>上にテキスト</p> <p>左にテキスト <iframe src="main.html" name="main" width="600" height="100%" frameborder="0" scrolling="yes"></iframe> 右にテキスト</p> <p>下にテキスト</p> </td> </tr> </table> </body> </html>
<table border="1"> <tr> <td width="600" valign="top"> <p>上にテキスト</p> <p>左にテキスト <iframe src="main.html" name="main" width="400" height="100%" frameborder="0" scrolling="yes" border="1"></iframe> 右にテキスト</p> <p>下にテキスト</p> </td> <td><p>tableの右セルにテキスト</p> </td> </tr> </table>
<table border="1"> <tr> <td width="900" valign="top"> <p>上にテキスト</p> <p>左にテキスト <iframe src="main.html" name="main" width="600" height="100%" frameborder="0" scrolling="yes"border="1"></iframe> 右にテキスト</p> <p>下にテキスト</p> </td> </tr> </table>
<!--点線用？外枠table--> <table width="700" height="100%" border="1" cellspacing="0" cellpadding="0"> <tr> <td class="blank"> </td> <td class="line"></td> <td height="150" colspan="2" align="center"> <!-- メニュー用セル --> <a href="main.html" target="main"><img src="cb1.gif" onMouseOver="this.src='cb1_1.gif'" onMouseOut="this.src='cb1.gif'" border="0"></a> 〜 </td></tr> <tr> <td class="line2" colspan="4"></td></tr> <tr> <td class="blank"> </td> <td class="line"></td> <td width="600" valign="top" style="background-color:#ffee88;"> <!-- インラインフレーム用セル --> <p>上にテキスト</p> <p>左にテキスト <iframe src="main.html" name="main" width="600" height="100%" frameborder="1" scrolling="yes"border="1">ここにiframeがあります。</iframe> 右にテキスト</p> <p>下にテキスト</p> </td></tr> </table>
<td width="500" valign="top" align="center" style="background-color:#ffee88;"> <!-- インラインフレーム用セル --> <p>上にテキスト</p> <p>左にテキスト <iframe src="main.html" name="main" width="200" height="70%" frameborder="1" scrolling="yes" border="1">ここにiframeがあります。</iframe> 右にテキスト</p> <p>下にテキスト</p> </td> <td width="100"><p>フレーム用セルの隣に複数行の文字を入れるセルを増やす場合。</p> </td>
┌──────────────────────┐ | | | ﾒﾆｭ ﾒﾆｭ2 ﾒﾆｭ3 ﾒﾆｭ4 | | | | | | | | ┌───────────────┐ | | | | | | | | | | | 内容 |ここに| | | |文字を| | | |入れた| | | |いです| └──────────────────────┘
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<style type="text/css">
#container{
border-width: 1px;
border-style: solid;
border-color: black;
width: 90%;
}
#wrapper{
position: relative;
}
#main{
width: 79%;
margin: 0px auto;
}
#main iframe{
width: 100%;
border-width: 1px;
border-style: solid;
border-color: black;
}
#comment{
position: absolute;
width: 10%;
margin: 0px;
top: 0px;
left: auto;
right: 0px;
bottom: auto;
}
ul.menu{
margin: 1em 0em 3em 0em;
padding: 0px;
text-align: center;
}
ul.menu li{
display: inline;
list-style-type: none;
margin: 0em 1em;
}
</style>
</head>
<body>
<div id="container">
<ul class="menu">
<li><a href="" target="main">メニュー1</a></li>
<li><a href="" target="main">メニュー2</a></li>
<li><a href="" target="main">メニュー3</a></li>
<li><a href="" target="main">メニュー4</a></li>
</ul>
<div id="wrapper">
<p id="main"><iframe src="http://www.google.co.jp/"
name="main" frameborder="0"></iframe></p>
<p id="comment">ここに文字を入れたいのです。</p>
</div>
</div>
</body>
</html>