在宅ワークのリアルをベテランとビギナーにインタビュー>>

<table>?</table>の中にHTMLを表示させる方法をご存知のかたが、
いらっしゃいましたら教えてください。

A 回答 (2件)

<table>


<iframe src="URL">

</iframe>
</table>

で可能です。
インラインフレームが使ってあります。
URLはそのHTMLのURLに置き換えてください。
インラインフレームの枠の消し方などはリンクを参考に。

参考URL:http://heo.jp/tag/page/iframe.html

この回答への補足

ありがとうございます。
スバリ求めていたタグです。

補足日時:2007/08/16 19:56
    • good
    • 0

質問の意図がうまくつかめないのですが、


tableタグをサイトの構成用に使いたいということでしょうか?
でしたら
<table>
<tr>
<td>
・・・・・・・・
・・・・・・・・
</td>
</tr>
</table>
のようにやればうまくいきます。

参考URL:http://www.tohoho-web.com/html/table.htm

この回答への補足

tableタグの中に別のHTMLページを表示させたいのですが、
そんなことは可能なのでしょうか。

補足日時:2007/08/16 19:41
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

Qhtml、テーブル内にテーブル。表示位置

htmlで<table>タグを使って テーブルを作成しました。(これをテーブル(1)とします。)
このテーブルのなかに表を作成したいため、テーブル内で<table>タグを使用し表を作成しました。(ここで作成したテーブル(表)をテーブル(2)とします。)
つまり、テーブル(1)の中にテーブル(2)(表)が存在する。といった状況です。

ところがテーブル(2)がテーブル(1)の真ん中に表示されてしまいます。
そこでテーブル(2)のタグに<table align="left" valign="top">というような要素を加えてみたのですが変化がありません。
どうしたらよいでしょうか?
教えてくださいよろしくお願い致します。

Aベストアンサー

> そこでテーブル(2)のタグに<table align="left" valign="top">というような要素を加えてみたのですが変化がありません。

テーブル(2)ではなくてテーブル(1)を次のようにすればテーブル(2)が左に寄ります。

<TABLE> ここはテーブル(1)
<TBODY>
<TR>
<TD align="left">
<TABLE> ここからテーブル(2)
<TBODY>
<TR>
<TD> 

QHTMLでテーブルを横に並べる方法

HTMLでホームページを作っています。
テーブルを横に二つ並べたいのですが、二つ目のテーブルはどうしても最初のテーブルの下の段になってしまいます。どうしたら横に並べることができますか?
教えていただければ幸いです。
よろしくお願いします。

Aベストアンサー

2列のテーブルを作ったらいかがでしょうか?
<table>
<tr>
<td>1つめのテーブルに入れる内容</td>
<td>2つめのテーブルに入れる内容</td>
</tr>
</table>

それぞれのテーブルをそのまま使いたいならば、
↑のテーブルのセルの中に、それぞれ入れれば2つ並びます。
<table>
<tr>
<td><table>←1つめのテーブル→</table></td>
<td><table>←2つめのテーブル→</table></td>
</tr>
</table>

Qformのinputなどの幅100%指定

formのinputやtextareaなどの幅を、100%の指定(テーブルの中などにぴったり収まるように)をしたいのですが、できないのでしょうか?

少しずつ様子を見ながら、ちくちくとsizeを指定していくしかないのでしょうか?

Aベストアンサー

 例えば、こんな感じでは如何ですか↓

<form method="POST" action="cgi-bin/xxx.cgi">
<table border=1 width=400>
<tr>
<td>
タイトル:
</td>
<td width=350>
<input type="text" name="title" style="width:100%">
</td>
</tr>
<tr>
<td colspan=2>
<textarea name="memo" style="width:100%" rows=4>
formのinputやtextareaなどの幅を、100%の指定(テーブルの中などにぴったり収まるように)をしたい
</textarea>
</td>
</table>
<input type="submit" value="送信">
<input type="reset" value="取消">
</form>

参考URL:http://www.tohoho-web.com/css/reference.htm#width

 例えば、こんな感じでは如何ですか↓

<form method="POST" action="cgi-bin/xxx.cgi">
<table border=1 width=400>
<tr>
<td>
タイトル:
</td>
<td width=350>
<input type="text" name="title" style="width:100%">
</td>
</tr>
<tr>
<td colspan=2>
<textarea name="memo" style="width:100%" rows=4>
formのinputやtextareaなどの幅を、100%の指定(テーブルの中などにぴったり収まるように)をしたい
</tex...続きを読む

Qdiv内に外部のurlを表示させたい

たびたびお世話になります。

divにスクロールを表示することで、iframeのようにブラウジングすることができますが、
このdiv内に外部のurlを表示させることは可能でしょうか?
検索してみたのですが、思うようなものが見つからず困っています。
それとも、不可能なのでしょうか?

もし可能なのであれば、その方法等簡単に記述していただければ幸いです。

Aベストアンサー

iframeの代用はobjectを使うのが定石のようです。

こんな感じでしょうか?
<body>
<div>
<object type="text/html" data="http://www.yahoo.co.jp/" width="600" height="300">
<p>object に対応していない場合はこれが表示される</p>
</object>
</div>
</body>

ただ、Objectタグには制限が多く使いづらい部分もあります。
※たとえば、枠の非表示などができない
CGIやPHP、JavaScriptを介す方法を考えた方が、場合によってはいいかもしれません。

とりあえず、一つの回答ということで…。

QVBA 実行時エラー1004 rangeメソッドは失敗しました。globalオブジェクトのエラー

始めまして、VBA初心者のものです。
ただいまエクセルでグラフを作成しています。作業自体は単純作業の繰り返しなのでVBAを用いてやりたいのですが、マクロを実行したときに実行時エラー’1004’rangeメソッドは失敗しました。’_global’オブジェクトとメッセージが出て、実行できません。 デバックをすると以下の5行目で黄色のバーが出ていました。自分なりに原因を考えたのですがrangeの関係するところに、Range("A8:A1587,e8:e1587")というような変数を用いないやり方でやると上手くいくので、変数に関する定義がまずいと思うのですが、それ以上の事は分かりません。どなたか、分かる方がおりましたら、よろしくお願いします。また、プログラムは以下のようになります。

Sub 繰り返し()
'繰り返し
Dim s As Integer
For s = 0 To 17
Range("cells(8,1):cells(1580,1),cells(8,s+2):cells(1580,s+2)").Select
Range("cells(8,s+2)").Activate
Charts.Add
ActiveChart.ChartType = xlXYScatter
ActiveChart.SetSourceData Source:=Sheets("20081216_210647").Range( _
"cells(8,1):cells(1580,1),cells(8,s+2):cells(1580,s+2)"), PlotBy:=xlColumns
ActiveChart.SeriesCollection(1).Name = "=""0810p2x"""
ActiveChart.Location Where:=xlLocationAsNewSheet, Name:="0810p2x"
With ActiveChart
.HasTitle = True
.ChartTitle.Characters.Text = "0810p2x"
.Axes(xlCategory, xlPrimary).HasTitle = True
.Axes(xlCategory, xlPrimary).AxisTitle.Characters.Text = "t"
.Axes(xlValue, xlPrimary).HasTitle = False
End With
Next
End Sub

始めまして、VBA初心者のものです。
ただいまエクセルでグラフを作成しています。作業自体は単純作業の繰り返しなのでVBAを用いてやりたいのですが、マクロを実行したときに実行時エラー’1004’rangeメソッドは失敗しました。’_global’オブジェクトとメッセージが出て、実行できません。 デバックをすると以下の5行目で黄色のバーが出ていました。自分なりに原因を考えたのですがrangeの関係するところに、Range("A8:A1587,e8:e1587")というような変数を用いないやり方でやると上手くいくので、変数に関する定義...続きを読む

Aベストアンサー

>ご指摘を受けたところを書き換えて回してみた結果、書き換えた箇所
>でエラーがでます。(実行時エラー’1004’’cells’メソッドは失敗
>しました。’global’オブジェクト)
>しかし、何が原因でエラーになるか自分では分かりません。

≪例1≫
Range(Cells(8, 1), Cells(1587, 2)).Select
上記の例では、RangeとかCellsの上位オブジェクトであるシート名が省略されています。
ActiveSheet.Range(ActiveSheet.Cells(8, 1), ActiveSheet.Cells(1587, 2)).Select
というわけです。
マクロ実行時に、Activeな(Excelで表示されている)シートが上位オブジェクトとして、自動的に認識されます。

≪例2≫
Sheets("Sheet2").Range(Cells(8, 1), Cells(1587, 2)).Select
上記の例では、Rangeのみシート名が記述されています。
Sheets("Sheet2").Range(ActiveSheet.Cells(8, 1), ActiveSheet.Cells(1587, 2)).Select
というわけです。
Activeなシートが、Sheet2の場合はエラーになりません。
しかし、ActiveなシートがSheet2以外の場合、エラーが発生します。
直前に、
Sheets("Sheet1").Select
などとしていれば、ActiveシートがSheet1になっていますから、エラーになります。

Sheets("Sheet2").Range(Sheets("Sheet2").Cells(8, 1), Sheets("Sheet2").Cells(1587, 2)).Select
と書いておけば安心です。
Withステートメントを使えばスッキリ纏めることができます。
With Sheets("Sheet2")
  .Range(.Cells(8, 1), .Cells(1587, 2)).Select
End With

# Sheets("Sheet2")の上位オブジェクトが省略されていることにも気がついてください。

>そこで自分で基礎を勉強したいのですが推薦できる参考書などがござ
>いましたら、教えていただけませんか?
私自身は、入門書程度の雑誌を1冊買っただけです。どれが良いとかはよく分かりません。
「マクロの記録」を活用して、参考コードを取得し、汎用性のあるコードに編集しています。
新しい単語があれば、文字カーソルを単語の上に置き、F1キーを押してVBAのヘルプを必ず見るようにしています。
躓いた時は、Web検索して欲しい情報を得たり、あるいは、こうした掲示板で先輩方のお力をお借りしています。

Excel(エクセル)VBA入門:目次
http://oshiete1.goo.ne.jp/kotaeru_reply.php3?q=4651404
エクセル入門・初級編
http://www.kenzo30.com/excel_kiso.htm

>ご指摘を受けたところを書き換えて回してみた結果、書き換えた箇所
>でエラーがでます。(実行時エラー’1004’’cells’メソッドは失敗
>しました。’global’オブジェクト)
>しかし、何が原因でエラーになるか自分では分かりません。

≪例1≫
Range(Cells(8, 1), Cells(1587, 2)).Select
上記の例では、RangeとかCellsの上位オブジェクトであるシート名が省略されています。
ActiveSheet.Range(ActiveSheet.Cells(8, 1), ActiveSheet.Cells(1587, 2)).Select
というわけです。
マクロ実行時に、Activeな...続きを読む

Qdivの中に外部のHTMLを埋め込む

divの中に外部のHTMLを埋め込む(読み込む)ことはできますか?推奨されていますか?
その際には何というタグで読み込むのでしょうか?

IE8/9を対象にしています。

jqueryで作った独自のコンテンツ(html)を読み込みたいです。
なぜメインのHTMLに直接j独自コンテンツのソースを張ろうと思わなかったのは
こちら側で作ったコンテンツを第三者に配布した場合、
jqueryで作ったページが利用しているCSSのidセレクタ名などがメイン(読込み先html)が利用しているCSSのidとかぶってしまう可能性があると思ったからです。
メインページが読み込むCSSはメインページが利用するCSSただ1つとしておきたいのです。

何かいい方法はありますか?

Aベストアンサー

他のHTMLを読み込む方法は、一般的にはiframeですが、HTML4.01では、DOCTYPEが、framesetしか使えません。しかし、frameset自体が非推奨です。
『HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )』

 objectを使用することが出来ます。objectは、何でも入れられます。ただし、frameほど複雑なことは出来ません。

 それ以前に、『こちら側で作ったコンテンツを第三者に配布した場合、
jqueryで作ったページが利用しているCSSのidセレクタ名などがメイン(読込み先html)が利用しているCSSのidとかぶってしまう可能性があると思ったからです。』の意味がわかりません。

 少なくともidは、リンク先でも、javascriptのtargetでもないのに使うことは避けましょう。class名はいくら重複してもスタイルシートで区別できるはずです。--ちゃんとしたHTMLならですが・・

<div class="section">
 <h2>見出し</h2>
 <p>記事のまとめ</p>
 <div class="section">
  <h2>項見出し</h2>
  <p>簡単な記事</p>
  <div class="section">
   <h2>サブ項目</h2>
  </div>
  <div class="section">
   <h2>サブ項目</h2>
  </div>
 </div>
</div>
<div class="section">
 <h2>見出し</h2>
 <p>記事のまとめ</p>
 <div class="section">
  <h2>項見出し</h2>
  <p>簡単な記事</p>
  <div class="section">
   <h2>サブ項目</h2>
  </div>
  <div class="section">
   <h2>サブ項目</h2>
  </div>
 </div>
</div>
というHTMLがあったとして、スタイルシートを次のように書くことで、すべての<h2>の色が変わりますよね。
(注)上記HTMLのソース中のタブは全角スペースに置換してあるので、タブないし半角スペースに戻してください。

div.section h2{color:red;}
div.section div.section h2{color:blue;}
div.section div.section div.section h2{color:aqua;}
div.section div.section div.section + div.section h2{color:black;}
div.section div.section div.section + div.section + div.section h2{color:maroon;}
div.section + div.section h2{color:fuchsia;}
div.section + div.section div.section h2{color:gray;}
div.section + div.section div.section div.section h2{color:green;}
div.section + div.section div.section div.section + div.section h2{color:lime;}
div.section + div.section div.section div.section + div.section + div.section h2{color:yellow;}

IDは決してデザインのために記述すべきではありません。(スタイルシートの説明のために使うことはありますが、通常のHTMLではリンクのターゲットやjavascriptのターゲットのように、文書中の一意の要素を特定するためだけに使用します。
 class名は、ページ内に何度登場しても良いですが、その目的はIDと同様に
『文書に構造を付加するための一般機構を提供する。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』ためのものです。たとえば、それが本文記事でしたらsectionとか・・。
 もし、そのようにきちんと書かれていたら、そのidやclass名を使って====!!!文書構造を利用して!!!!====スタイルシートでプレゼンテーションを指定していきます。
 しかも多く利用されるスタイルシートは【カスケーディング】スタイルシートですから、カスケーディングの仕組みを利用すると、簡単にデザインしたい要素が決まるはずです。
HTMLが、
.section 編
  .section 章
    .section 項
と言う形でしたら
二つ目以降の編の div.section + div.section
項               div.section
の二つ目以降の項の             +div.section
のみだし                        h2
の色は、yellow

と、実に簡単に設定できますね。後からスタイルシートを見るだけでHTMLなんて見なくても意味がわかるし、修正・メンテナンスも簡単です。

★たとえば、簡単に<div>で囲むだけでも、その内部のデザインを他の区別して指定できますよ。
 idをむやみに使わなければダブル事はありません。
 class名は、どんなにダブろうがスタイルシートのセレクタさえきちんと書けば問題ありません。
   そもそも、idもclassもそのため--スタイルシートのものではありません。あくまで、文書構造を補完するために付けられたidやclass名を利用するだけです。
 この段階を乗り越えないと、本当の意味でのHTMLとスタイルシートの利用は出来ません。

他のHTMLを読み込む方法は、一般的にはiframeですが、HTML4.01では、DOCTYPEが、framesetしか使えません。しかし、frameset自体が非推奨です。
『HTML文書を作る場合には、この仕様における、他のDTDセットではなく strict DTD に適合する文書を作るよう推奨する。 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/conform.html#h-4.1 )』

 objectを使用することが出来ます。objectは、何でも入れられます。ただし、frameほど複雑なことは出来ません。

 それ以前に、『こちら側で作ったコンテンツを第...続きを読む

Q中に
が使えるアコーディオンを教えて下さい。

htmlで料金メニューを作成しております。

大項目として7つぐらいの項目があり、それぞれに複数の「料金メニュー」「価格」「説明」等があります。
大項目にアコーディオンを使い、選択した時だけ料金メニューのtableを表示したいのですが、なかなか良い方法が見つかりません。

良くあるアコーディオンは、リスト(<li>)であったり、テキスト(<p>)の場合なら問題ないのですが、テーブルとなるとうまくうごくものが見つかりません。

どうかアドバイスや、参考になるページを教えて下さい。
よろしくお願いいたします。

Aベストアンサー

示されたサイトはjavascriptを使用しています。
 私は通常はjavascriptはブロックしていますので、広がらなかったけど、サイトのjavascriptを許可して初めて動作した。---今は私のようにデフォルトではjavascriptを禁止しているユーザーも多いので、この方法は良くありません。
 また、
>大項目にアコーディオンを使い、選択した時だけ料金メニューのtableを表示したいのですが、
>良くあるアコーディオンは、リスト(<li>)であったり、テキスト(<p>)の場合なら問題ないのですが、
 これも、誤解されています。
 普段は、display:none、ないしheight:0pxで、その要素が指定されると、display:block | table なりにすればよいことです。また、ゆっくり開きたいならtransitionを使えばよい・・
 もちろん、リストだろうがtableだろうが関係ないですし、リストとしてマークアップされているものをtableとして表示するのも、tableとしてマークアップされているものをリストとして表示するのも、スタイルシートを使えば簡単にできる。
 また、tableなどのソースがわからないと、作れないわけでもありまません。構造とプレゼンテーションの分離( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.4.1 )は、20年前のHTML4.01の勧告以来、ウェブの基本ですからね。プレゼンテーション(表現)は、文書構造とは別の問題ですからね。(^^)

★あなたの間違いは、「良くあるアコーディオンは、・・・テーブルとなるとうまくうごくものが見つかりません。」と、完成品を探してそれを使おうとするからです。
 数学の勉強と同じで、問題集から同じような問題を解いて解き方を流用しようとするから伸びない。数学なんて、基礎からキチンと理解していけば、あれほど簡単でちょろい科目はないでしょ。小学生だって数検2級とか1級がとれる。

要は、
・その要素を条件によって「隠したり表示する」あるいは「小さくしたり大きくしたり」すばよい
 使えるプロパティは、displayか、transition、
 要素の指定は、動的な疑似クラスを使えばよい。

ごく簡単なサンプル
★タブは_に置換してある
★alignやwidth属性はHTMLの属性ではなく、スタイルシートで指定しましょう。

<!doctype html>
<html>
<head>
_<meta charset="utf-8">
_<title>サンプル</title>
_<meta name="description" content="">
_<meta name="author" content="ORUKA">
<style media="screen">
<!--
section table{width:800px;border-collapse:collapse;}
section table caption{
text-align:left;
}
section table caption a{
text-decoration:none;
font-weight:bold;
font-size:1.2em;
}

section table tbody{
transition-property: line-height color;
transition-duration:2s;
transition-timing-function:ease-in-out;
color:rgb(255,255,255);
line-height:0;
}
section table tbody:target{
display:table-row-group;
color:rgb(0,0,0);
line-height:1.6em;
}
section table tbody:target th,
section table tbody:target td{
border:1px solid black;
}
-->
</style>
</head>
<body>
_<header>
__<h1 id="title">Your title</h1>
__<nav>
___<ul>
____<li><a href="#">Some</a></li>
____<li><a href="#">navigation</a></li>
____<li><a href="#">links</a></li>
___</ul>
__</nav>
_</header>
_<section>
__<h2>価格一覧</h2>
__<table>
___<caption><a href="#filing">ファイリング1</a></caption>
___<tbody id="filing">
____<tr>
_____<th>ファイリング</th>
_____<td class="number">10本</td>
_____<td class="price">700円</td>
_____<td class="comment">爪の長さや形を整えます。</td>
_____<td class="time">15分</td>
____</tr>
____<tr>
_____<th>ファイリング</th>
_____<td class="number">10本</td>
_____<td class="price">700円</td>
_____<td class="comment">爪の長さや形を整えます。</td>
_____<td class="time">15分</td>
____</tr>
____<tr>
_____<th>ファイリング</th>
_____<td class="number">10本</td>
_____<td class="price">700円</td>
_____<td class="comment">爪の長さや形を整えます。</td>
_____<td class="time">15分</td>
____</tr>
____<tr>
_____<th>ファイリング</th>
_____<td class="number">10本</td>
_____<td class="price">700円</td>
_____<td class="comment">爪の長さや形を整えます。</td>
_____<td class="time">15分</td>
____</tr>
___</tbody>
__</table>
__<table>
___<caption><a href="#filing2">ファイリング2</a></caption>
___<tbody id="filing2">
____<tr>
_____<th>ファイリング</th>
_____<td class="number">10本</td>
_____<td class="price">700円</td>
_____<td class="comment">爪の長さや形を整えます。</td>
_____<td class="time">15分</td>
____</tr>
____<tr>
_____<th>ファイリング</th>
_____<td class="number">10本</td>
_____<td class="price">700円</td>
_____<td class="comment">爪の長さや形を整えます。</td>
_____<td class="time">15分</td>
____</tr>
____<tr>
_____<th>ファイリング</th>
_____<td class="number">10本</td>
_____<td class="price">700円</td>
_____<td class="comment">爪の長さや形を整えます。</td>
_____<td class="time">15分</td>
____</tr>
___</tbody>
__</table>
__<aside>
___<h3>Something aside</h3>
__</aside>
_</section>
_<footer>
__<h3>A nice footer</h3>
_</footer>
</body>
</html>

示されたサイトはjavascriptを使用しています。
 私は通常はjavascriptはブロックしていますので、広がらなかったけど、サイトのjavascriptを許可して初めて動作した。---今は私のようにデフォルトではjavascriptを禁止しているユーザーも多いので、この方法は良くありません。
 また、
>大項目にアコーディオンを使い、選択した時だけ料金メニューのtableを表示したいのですが、
>良くあるアコーディオンは、リスト(<li>)であったり、テキスト(<p>)の場合なら問題ないのですが、
 これも、誤解されてい...続きを読む


人気Q&Aランキング