HTML タグだと思うのですが、たとえば88×38 の画像を
ブラウザ画面上部に隙間をあかないように貼るにはどうしたらいいのでしょうか。
例えば以下のように、

<TABLE border="0" cellspacing="0" cellpadding="0" width="100%" bgcolor="#63cf63" background="gif/line.gif">

とかやると、いっけん、きっちり貼れているように
見えるのですが、リロードしたり、リンクからページを
たどったりすると、時々画面右側が丁度スクロールバー
ぶんくらいのスペースが空いてしまい、白く抜けて
しまいます。
非常に見苦しいので、なんとかしたいです。。。

このQ&Aに関連する最新のQ&A

A 回答 (3件)

こんにちは。


いくつか方法あると思いますが、一番簡単なのは、88*38の画像の高さを3000くらいにして、余白をとった画像にしちゃって、<BODY>タグに背景指定する方法かな、と思います。
高さは、縦スクロールが最大に出た場合のページの高さ以上、が目安です(大抵、3000もあれば、事足ります)。

あとは、スタイルシートを使用する、という方法です。
横にだけ繰り返す、縦にだけ繰り返す、など指定できます。

横にだけ繰り返したいのであれば、

<HTML>
<HEAD>
<TITLE>タイトル</TITLE>
<STYLE type="text/css">
<!--
BODY {
background: white url(画像URL);
background-repeat: repeat-x
}
-->
</STYLE>
</HEAD>
<BODY>
.....

というような感じで、スタイルシートを<HEAD>タグ内に記述します。
『repeat-x』とすると背景画像を横に1列だけ表示できます。縦なら、『repeat-y』に。

ただ、使い方や、ブラウザによってはスタイルシートの機能が使えなかったり、使えても、ユーザ側で使用しない、にチェックしてるとだめなので、微妙・・・・かな。

スタイルシートの詳しい解説については、以下を参照ください。

参考URL:http://www.zspc.com/stylesheets/
    • good
    • 0
この回答へのお礼

さっそくやってみたら、実にすっきりとできました。
1ヶ月くらい悩んでいた問題なので、感謝感激です。
20ポイントくらいしか差し上げられないのが
残念です。
回答誠にありがとうございました。

お礼日時:2002/04/11 13:11

<BODY bgcolor="#63cf63" background="gif/line.gif">


これじゃダメ?
    • good
    • 0
この回答へのお礼

回答ありがとうございます。
上記の方法はやってみたのですが、少なくとも私の環境下
ではだめだったのです。。。

お礼日時:2002/04/12 15:38

こんばんは。


テーブルはどうも若干隙間が出ちゃったりしますよね。
じゃ、フレームで切っちゃうのはどうですか?
これなら隙間は空かないと思います。
何かもっとまともな方法もありそうですが....
単に思いつきです。
    • good
    • 0
この回答へのお礼

回答ありがとうございます。
フレームの方法は最後の最後の手段で考えていました。
他に方法はないものかと探っていたのですが・・・・
やはり手はそうそう残されていないようです。
アドバイス感謝です。

お礼日時:2002/04/11 13:03

このQ&Aに関連する人気のQ&A

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

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

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

Q歯の本数が少なめですが矯正ってできるんでしょうか?

質問よろしいでしょうか?
題の通りなんですが・・・矯正って歯の本数が少なめでも可能なのでしょうか?
まだ18歳ですが虫歯やら事故やらで32本あるはずの歯が既に25本しかありません。しかも左右奥歯の2本は銀歯です…こんなんでも可能なのでしょうか!?
矯正の理由はとりわけ歯が変な方向に生えている、出っ歯気味に
なっている、噛み合わせが悪いというわけではないです。
ただ下の歯がすきっぱなのです。下の歯の本数が不足している事も原因かと思っています。上の歯は綺麗に生え揃っているのに…
友達に相談したところ気になるほどもないからしなくてもいいのでは?と言われましたが自分はかなりコンプレックスです。
笑うときも相手に顔が見えないように笑ったり下唇で覆い隠して不自然に笑ってしまったり…正直辛いです。
すきっ歯具合なんですが一番広いところではつまようじ一本が通ってしまうぐらいです。

こんな歯でもなんとかなるのでしょうか?
あと矯正ってやはりどんな場合でも半年以上はかかるものなのでしょうか?お詳しい方よろしくお願いします

Aベストアンサー

可能ですよ。
歯は結局4本ぐらいはぬかないといけない人がおおいみたいです。
現代の人は、アゴのわりには歯が大きくって、歯並びがアゴとあってないのでガタガタになるケースがほとんどです。

下の歯のすきっぱは、矯正で隙間をなくすことが可能です。
その前に親知らずが少しでも見える状態でしたら、
その親知らず2本を移植して25本のところ27本に出来るというわけです。これは歯医者でやります。

あなたのような歯並びなら短期間で終わる可能性が大きいですね。
上のはを少し動かす、下の歯の隙間を埋める。ガタガタではなさそうなので、18歳という年齢なら半年~8ヶ月以内で終わるかもしれません。

これが20代後半なら2倍以上期間がかかりますね。

社会人になる前に矯正するのは手ですよ。

Qtableのcellpadding="0" cellspacing="0"をCSSで

tableのcellpadding="0" cellspacing="0"をCSSで設定する方法を検索したところ、
border-collapse:collapse;
border-spacing:0;
というアドバイスが記載されていました。
実際に使ってみたのですが、
どうしてもセル余白とセル間隔が発生してしまいます。
どうしたらよいですか。

Aベストアンサー

border-spacingはborder-collapseの値がseparateのときしか有効にならないそうです。
http://www.htmq.com/style/border-spacing.shtml

サンプルが
http://www.htmq.com/style/border-collapse.shtml
にあるので参考にしてください。

# それにしてもこんなプロパティがあるとは知らなかった…

参考URL:http://www.htmq.com/style/border-spacing.shtml

Q小学生のお子さんをお持ちの方、お子さんの永久歯の虫歯の本数を教えてくだ

小学生のお子さんをお持ちの方、お子さんの永久歯の虫歯の本数を教えてください!!

文部科学省の学校保健統計調査によると、12歳の永久歯の一人当たり平均虫歯本数が1.4本とありました。
私の娘はエナメル質形成不全という疾患があるため、甘い物はなるべく与えず、お茶と牛乳以外は飲ませず、仕上げ磨きもしっかりしていたのに、7歳にして6歳臼歯が生えてきた時には全てが既に虫歯になっており、全て治療済みです。とてもショックを受け、同時に親として7歳にして4本も虫歯にさせてしまい、とても責任を感じております。

昔に比べ、虫歯に対する予防意識が高まってきているとは言え、この数値本当なのでしょうか?
小学3年生にして永久歯が4本も虫歯になっている子なんてほとんどいないという事でしょうか?

Aベストアンサー

はじめまして!

三人の男の子のママです。(中学 小学4 4歳)

 昔からみたら歯医者さんでフッ素加工を幼児のうちからしたり乳歯をなるべく虫歯にしないように親も気をつけるようになったりと・・予防意識は増えたでしょうね・・

 でも歯の質ってあると思うんですよ・・
私も同じように子供を育てて気をつけてますが・・
 中学の息子は虫歯0 でも次男の歯質は虫歯が出来やすいらしく・・現在3本・・
同じ物を食べて 同じように歯磨き指導しても 歯質に負けました・・orz

 予防はあくまで予防・・・
インフルエンザの予防接種したらインフルエンザかからないですか?
 かかりますよね?でも軽くで済みます。
でも予防していなかったら重くなります・・
予防していなければきっと次男はもっと虫歯があったと思います。
 そう考えてはどうですか?
予防していたから、これで済んだんだって・・
 どうしても歯質だって個人差がありますよ・・

歯も磨かない 予防もしない・・でも虫歯0って子が長男の友達にいますw
 これも個人差ですよね・・羨ましい・・・
こればかりは変えてあげる訳にはいかないですからね・・

 考え方を変えてみては?
予防していたからこれで済んだんだわってね・・

はじめまして!

三人の男の子のママです。(中学 小学4 4歳)

 昔からみたら歯医者さんでフッ素加工を幼児のうちからしたり乳歯をなるべく虫歯にしないように親も気をつけるようになったりと・・予防意識は増えたでしょうね・・

 でも歯の質ってあると思うんですよ・・
私も同じように子供を育てて気をつけてますが・・
 中学の息子は虫歯0 でも次男の歯質は虫歯が出来やすいらしく・・現在3本・・
同じ物を食べて 同じように歯磨き指導しても 歯質に負けました・・orz

 予防はあくまで予防・・...続きを読む

Qtableとcellspacingとcellpadding

動的に生成されたHTMLに以下が記述されています。
<table class="type" border="0" cellspacing="2" cellpadding="1">
これを外部CSSを使って、cellspacing、cellpaddingをともに「0」としたいのですが、
記述方法がわかりません。
よい方法をご存じのかたはおられないでしょうか。

Aベストアンサー

> 外部CSSを使って、cellspacing、cellpaddingをともに「0」としたいのですが、

CSSが適用された時の見た目が上記の場合と同様になればよい、という事ですね?

table.type {
border-collapse: collapse;
}
table.type th,
table.type td {
padding: 0;
}

としておけばHTML側でcellspacing属性やcellpadding属性に0以外の値が入っていてもCSSのスタイルの方が優先されると思いますが、いかがですか?
#IEは未検証です。

Qみなさんは、上下で対照に歯の本数は揃っているものなのでしょうか?

歯が上下16本ずつなんですが、一本が親知らずだと言われました。

上の左奥が「親知らず」で、抜歯をする予定です。

しかし、ずっと奥歯だと思っていたし、これ1本が親知らずだと
本数も上下で合わなくなるのでは?と思ってしまいました。

それとも上下両端の歯4本が親知らずで、私の本当の歯は
合計28本なんでしょうか?

片方の親知らずだけを抜くと、バランスが悪くなってしまうと
思うのですが、上の右奥も抜かなければなりませんか?

よろしくお願いします!

Aベストアンサー

こんばんは。歯科衛生士をしている者です。
歯の本数は、上下左右全部親知らず(合計4本)まで生えていて合計で32本です。

親知らずは個人差があって、全部生える人もあれば、1本の生えない人もいます。1本だけとか、2本だけ生えるという人もいてホントにさまざまです。
親知らずの生える時期も様々です。
元々親知らずがない人もいます。

>歯が上下16本ずつなんですが
>上下両端の歯4本が親知らずで、私の本当の歯は
合計28本なんでしょうか?


質問者様は親知らずまで全て生えそろっているようですね。
「本当の歯」というのがちょっとわからないのですが、親知らずが4本生えて見えるようなので、
端の歯は親知らずで、それを除けば28本ですね。
親知らずは、虫歯になりやすいし、変な方向に生えたりすると磨きにくく
歯茎が腫れたりしやすいので抜歯することがあります。

>片方の親知らずだけを抜くと、バランスが悪くなってしまうと
思うのですが、上の右奥も抜かなければなりませんか?


抜歯予定だそうですが原因は虫歯でしょうか?
先生によって治療方針や考え方異なるので一概には言えませんが
特に異常がなく、自分が気にならなければ抜歯はしなくても良いようです。
抜歯した後バランスは特に気にしなくても大丈夫だと思います。
先ほども書いたように、1本だけとか2本だけとか親知らずが生えてない
人もいますので心配ないかと思います。
ですので、上の右奥は抜かなくても大丈夫だと思います。

参考になれば幸いです。
担当の先生とよく相談してくださいね。

こんばんは。歯科衛生士をしている者です。
歯の本数は、上下左右全部親知らず(合計4本)まで生えていて合計で32本です。

親知らずは個人差があって、全部生える人もあれば、1本の生えない人もいます。1本だけとか、2本だけ生えるという人もいてホントにさまざまです。
親知らずの生える時期も様々です。
元々親知らずがない人もいます。

>歯が上下16本ずつなんですが
>上下両端の歯4本が親知らずで、私の本当の歯は
合計28本なんでしょうか?


質問者様は親知らずまで全て生えそろってい...続きを読む

Qborderとcellspacingの違い

<table border=0 bordercolor="#ff0000">
<tr>
<td>aaa</td>
<td>bbb</td>
</tr>
</table>

<table border=1 bordercolor="#ff0000">
<tr>
<td>aaa</td>
<td>bbb</td>
</tr>
</table>

<table cellspacing=0 bordercolor="#ff0000">
<tr>
<td>aaa</td>
<td>bbb</td>
</tr>
</table>

<table cellspacing=1 bordercolor="#ff0000">
<tr>
<td>aaa</td>
<td>bbb</td>
</tr>
</table>

<table border=1 cellspacing=1 bordercolor="#ff0000">
<tr>
<td>aaa</td>
<td>bbb</td>
</tr>
</table>

<table border=1 cellspacing=0 bordercolor="#ff0000">
<tr>
<td>aaa</td>
<td>bbb</td>
</tr>
</table>

いろいろサンプルを作ってみたのですが、
結局borderとcellspacingは、どう違うのでしょうか?

<table border=0 bordercolor="#ff0000">
<tr>
<td>aaa</td>
<td>bbb</td>
</tr>
</table>

<table border=1 bordercolor="#ff0000">
<tr>
<td>aaa</td>
<td>bbb</td>
</tr>
</table>

<table cellspacing=0 bordercolor="#ff0000">
<tr>
<td>aaa</td>
<td>bbb</td>
</tr>
</table>

<table cellspacing=1 bordercolor="#ff0000">
<tr>
<td>aaa</td>
<td>bbb</td>
</tr>
</table>

<table border=1 cellspacing=1 bordercolor="#ff0000">
<tr>
<td>aaa</td>
<td>bbb</td>
</tr>
</table>

<table border=1 cellspa...続きを読む

Aベストアンサー

今はbordercolor,cellspacingは使うこと無いですよ。
bordercolorという属性は存在しません。
cellspacing、 cellpadding は今は使われなくなりましたが、それぞれの関係は長くなるので
11.3.3 コマのマージン( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/tables.html#h-11.3.3 )
を読んでください。

★現在は、プレゼンテーションはスタイルシートで指定するのが基本です。
『スタイルシートはこれらの問題を解決すると同時に、HTMLにおける制限されたプレゼンテーション機構に取ってかわる。スタイルシートでは、行間の設定やインデントの設定、テキスト色や背景色、フォントのサイズとスタイル、その他様々なプロパティの設定が簡単にできる。( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/present/styles.html#h-14.1 )』
 下記に簡単なサンプル上げておきます。
 ご覧のように、細かい設定や複雑な設定がスタイルシートで自在にできます。

★Another HTML Lint - Gateway( http://www.htmllint.net/html-lint/htmllint.html# )
 のDATA入力で確認済みのHTML4.01strictです。
★タブは_に置換してあるので戻す。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja">
<head>
_<meta http-equiv="content-type" content="text/html; charset=Shift_JIS">
_<title>サンプル</title>
_<meta name="author" content="ORUKA1951">
_<meta http-equiv="Content-Style-Type" content="text/css">
_<link rev="made" href="mailto:oruka1951@hoge.com" title="send a mail" >
_<link rel="START" href="../index.html">
_<style type="text/css">
<!--
html,body{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{margin:0;line-height:1.6em;}
p{text-indent:1em;}
div.header,div.section,div.footer{width:90%;min-width:630px;max-width:900px;margin:0 auto;padding:5px;}

/* table関連 */
th,td{padding:0.5em 1em;}
table+table{margin:10px;}
table[summary="test1"]{border-collapse:collapse;}

table[summary="test2"]{border: red dotted 5px;}
table[summary="test2"] th{border: solid 2px blue;}
table[summary="test2"] td{border: solid 2px green;}

table[summary="test3"]{
border:outset 5px gray;
border-collapse: separate;
border-spacing: 15px 5px;
}
table[summary="test3"] th,
table[summary="test3"] td{
border:inset gray 5px;
}

table[summary="test4"]{
border-top:dashed 5px aqua;
border-right:double 10px gray;
border-bottom:groove 5px red;
border-left:ridge 5px lime;
border-collapse: separate;
border-spacing: 5px;
box-shadow:10px 10px 10px 10px rgba(0,0,0,0.4);
}
table[summary="test4"] th,
table[summary="test4"] td{
border:inset gray 5px;
}
table[summary="test4"] td+td{border-color:maroon;}
table[summary="test4"] td+td+td{border-color:orange;}
table[summary="test4"] td+td+td+td{border-color:teal;}

-->
_</style>
</head>
<body>
_<div class="header">
__<h1>タイトル</h1>
__<p>このページでは・・・・</p>
_</div>
_<div class="section">
__<h2>見出し</h2>
__<table border="1" summary="test1">
___<tbody>
____<tr>
_____<th abbr="a">abc</th><th abbr="e">efg</th><th abbr="h">hij</th>
____</tr>
____<tr>
_____<td>abc</td><td>efg</td><td>hij</td>
____</tr>
___</tbody>
__</table>
__<table border="1" summary="test2">
___<tbody>
____<tr>
_____<th abbr="a">abc</th><th abbr="e">efg</th><th abbr="h">hij</th>
____</tr>
____<tr>
_____<td>abc</td><td>efg</td><td>hij</td>
____</tr>
___</tbody>
__</table>
__<table border="1" summary="test3">
___<tbody>
____<tr>
_____<th abbr="a">abc</th><th abbr="e">efg</th><th abbr="h">hij</th>
____</tr>
____<tr>
_____<td>abc</td><td>efg</td><td>hij</td>
____</tr>
___</tbody>
__</table>
__<table border="1" summary="test4">
___<tbody>
____<tr>
_____<th abbr="a">abc</th><th abbr="e">efg</th><th abbr="h">hij</th><th abbr="k">klm</th>
____</tr>
____<tr>
_____<td>abc</td><td>efg</td><td>hij</td><td>klm</td>
____</tr>
___</tbody>
__</table>
_</div>
_<div class="footer">
__<h2>文書情報</h2>
__<dl class="documentHistry">
___<dt id="FIRST-PUBLISHED">First Published</dt>
___<dd>2013-03-03</dd>
__</dl>
_</div>
</body>
</html>

今はbordercolor,cellspacingは使うこと無いですよ。
bordercolorという属性は存在しません。
cellspacing、 cellpadding は今は使われなくなりましたが、それぞれの関係は長くなるので
11.3.3 コマのマージン( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/tables.html#h-11.3.3 )
を読んでください。

★現在は、プレゼンテーションはスタイルシートで指定するのが基本です。
『スタイルシートはこれらの問題を解決すると同時に、HTMLにおける制限されたプレゼンテーション機構に取ってかわる。...続きを読む

Q12歳の永久歯の一人当たり平均虫歯本数が1.4本って本当でしょうか?

12歳の永久歯の一人当たり平均虫歯本数が1.4本って本当でしょうか?

文部科学省の学校保健統計調査によると、12歳の永久歯の一人当たり平均虫歯本数が1.4本とありました。
私の娘はエナメル質形成不全という疾患がありますが、7歳にして6歳臼歯が生えてきた時には全てが既に虫歯になっており、全て治療済みです。この数値を見て、とてもショックを受け、同時に親として7歳にして4本も虫歯にさせてしまったという責任を感じました。
12歳と言えば、6年生で、虫歯が1本しかないというのには意外でした。自慢ではないですが、私は6年生だと、既に銀歯が数本あったはずですから・・・。周りもそんなもんだと思っていました。

昔に比べ、虫歯に対する予防意識が高まってきているとは言え、この数値本当なのでしょうか?

Aベストアンサー

具体的な本数は存じませんが、先天的な病気の場合を除き、今や子供の虫歯は親がだらしない、不規則な生活を送っている子ということの代名詞のようです。
事実虫歯菌を親から移す機会を無くせば、虫歯のリスクは限りなくゼロに近くなりますし、口腔衛生への取り組みも昔に比べ段違いです。味噌っ歯の子供を探すのが大変であることを見ると、よくわかると思います。

Q←これをCSSでやりたい

製作しているサイトに小さい画像が沢山あります。
今までは<img src="00.gif" border="0">と普通に書いていたんですが、
なにせ画像の数が多いのでいちいち記述すると見直す際に見にくくて邪魔なんです。

この部分のborder="0"をCSSで記述し 、一括で各イメージのボーダーを0pxにする方法って何かありますか?

もちろんborder="5"と記述したらボーダーが5pxになります。

以上宜しく教えて下さい。

Aベストアンサー

img {border: none; }

Q歯の本数について教えてください

30代男性です。

・右の犬歯の3本後ろの歯を子供のころ虫歯で抜いたので一本ない状態です
・その一般前の歯が磨り減り重度の知覚過敏でだめになり神経を抜いていろいろ処置をして
 高さが3分の1ほど残った状態です。


こういた状態なのですが実家近くの歯医者は歯は無くてもかまわないこの歯を抜いて二本無くても
歯が二本続けて無い人なんて世の中たくさんいるから心配ないといわれました。
歯がないと健康な歯が倒れてくると聞いたので質問するとそういうこともあるが
みんな倒れるわけじゃないよといわれました。


現在仕事の都合で実家を離れ一人暮らしなのですが近くの歯科医に見てもらうと歯がないと
健康な歯が無い方に倒れてくるから今の歯を残すべきといいます。


歯がないと本当に健康な歯も倒れてしまうんでしょうか?
回答よろしくお願いします。

Aベストアンサー

以前、人から聞いた話ですが、奥の方の歯を抜いたら、
歯が倒れてきている。ようなことを言っていました。

わたしは抜いた歯のところはブリッジにしました。


人気Q&Aランキング

おすすめ情報