ホームページを作る時、イメージを左右の中央に揃えるには<CENTER>~</CENTER>を用いますが、上下の中央にイメージを揃える方法ってありますか?

IE6.0を使っています。

A 回答 (2件)

テーブルを使えばできます。


テーブルの幅と高さを100%に設定し、
左右も上下も中央に配置されるよう設定してください。
その際、テーブルのボーダーを表示されないようにすると、
テーブルを使ってることがわかりません。

ホームページ作成をどんなソフトでされてるかわかりませんので、
お使いのソフトの操作に従って試してください。
    • good
    • 0
この回答へのお礼

ホームページビルダー6を使っています。

なるほどテーブルの幅と高さを100%で設定すれば良いのですね。
うまく出来ました。
早速ご回答くださいまして有り難うございました。

お礼日時:2001/12/21 11:40

上下は無理ではないですか?


レイアウト枠を使って、ページがズレても位置が変わらないようには出来ます。
私は、そうしてます。
    • good
    • 0

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

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

Q
で・・

この間に入っているタグはすべてセンタリングされるということですが、画像や文書など表示されているページ全部が、”左より”になってしまいます。

どうしてでしょう?

Aベストアンサー

テーブルタグを使っているとタグの中でセンタリングを省くと
左寄りが標準ですから左によってしまいます。

Q
と同じ意味のタグ

ヤフオクの出品でタグを勉強しています。(Chrome使用)

普段は<center></center>で中央に寄せているのですが、
調べていたら【<caption></caption>】【<div style="margin:auto;text-align:center"></div>】というのを見つけました。

これらは<center>と同じく、中央に寄せるタグで良いのですか?

ちなみに<center>を使うと、プラウザによっては正しく表示されないことがあるみたいですが、
現在はどれを使った方が良いのでしょうか?

よろしくお願いします。

Aベストアンサー

><div align="center"></div>の略ではないとのことで
>No.2の方と意見が分かれ…
>結局どちらが正しいの??って感じです。
<center></center>が><div align="center"></div>の略な訳もなく、無視されていいでしょう。
くどいようですが、<caption></caption>は<table></table>を使ったテーブル(表)にタイトルをつけるためのタグであり、特に何も指定しない限りテーブルの上部の中央に表示されるように決められているものです。
つまり元のテーブルが中央に寄せられていなければ左に寄ったテーブルの中央に表示されます。
<table></table>全体を<center></center>で中央に寄せていれば<caption></caption>で表示したタイトルもテーブルの中央にくるので結果としてページ全体の中央に寄せられるということだけです。
そもそも<caption></caption>をテーブル(表)のタイトル以外の目的で使うのは正しくないです。
Yahooオークションではスタイルシートが使えないというのは知りませんでしたが、一般的なHTML文書作成上では、<div style="margin:auto;text-align:center"></div>がいいでしょう。

><div align="center"></div>の略ではないとのことで
>No.2の方と意見が分かれ…
>結局どちらが正しいの??って感じです。
<center></center>が><div align="center"></div>の略な訳もなく、無視されていいでしょう。
くどいようですが、<caption></caption>は<table></table>を使ったテーブル(表)にタイトルをつけるためのタグであり、特に何も指定しない限りテーブルの上部の中央に表示されるように決められているものです。
つまり元のテーブルが中央に寄せられていなければ左に寄ったテーブルの中央に表示され...続きを読む

Q

どちらを使うべき?

文字列を中央に寄せたい場合は、
<p align="center"> <center> どちらを使うべきでしょうか?
最近では、<p align="center">の方が多い気がするのですが、
何か良いことでもあるのでしょうか?

Aベストアンサー

どちらも使うべきではありません。見た目・レイアウトは、HTML ではなく、CSS などのスタイルシート言語で指定します。

なお、<center> は <div align="center"> の省略形です。つまり、<center> は単なる div 要素と同じように扱われるのに対し、<p align="center"> は一つの段落要素として扱われるということです。

Q同じを用いていますが、セルの中身の行揃えが代わってしまいます。

どちらも<table align="center">を用いています。

ですが、タグ1は特にセルの位置を指定せずとも、セルの中身が自動的に左詰めになりますが
タグ2のセルの中身は、中央ぞろえになってしまいます。

タグ1のように、<table align="center">を用い、セルを左詰め指定(<align="left">)をせずとも
なぜセルの中身が左詰めになるのか分かりません。。。


-------------タグ1-------------
<table width="600" border="0" align="center" cellpadding="0" cellspacing="5">
<tr>
<td width="10"><img src="img/concept_title.gif" width="10" height="30"></td>
<td><img src="img/concept_title01.gif" alt="テキスト" width="127" height="16"></td>
</tr>
<tr>
<td width="10"></td>
<td class="t01">テキスト</td>
</tr>
</table>
------------------------------



-------------タグ2-------------
<table width="640" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="3" rowspan="2" valign="top"><img src="image/grade_line.gif" width="3" height="177" /></td>
<td width="8" valign="bottom"><img src="image/grade_line30.gif" width="20" height="2" /></td>
<td width="368"><img src="image/kisyo/01t.gif" width="368" height="32" /></td>
<td align="left" valign="bottom"><img src="image/grade_line_right.gif" width="42" height="2" /></td>
</tr>

<tr>
<td></td>

<td height="145" align="left">テキスト
<td rowspan="2"><img src="image/kisyo/01_ph.jpg" alt="井戸" width="200" height="139" /></td>
</tr>
<tr>
<td valign="top"><img src="image/grade_line_bottom02.gif" /></td>
<td></td>
<td></td>
</tr>
</table>
------------------------------


初心者的な質問・タグで恐れ入りますが、ご助力頂けますと幸いです。
宜しくお願い致します。

どちらも<table align="center">を用いています。

ですが、タグ1は特にセルの位置を指定せずとも、セルの中身が自動的に左詰めになりますが
タグ2のセルの中身は、中央ぞろえになってしまいます。

タグ1のように、<table align="center">を用い、セルを左詰め指定(<align="left">)をせずとも
なぜセルの中身が左詰めになるのか分かりません。。。


-------------タグ1-------------
<table width="600" border="0" align="center" cellpadding="0" cellspacing="5">
<tr>...続きを読む

Aベストアンサー

両方のタグを私が試してみた結果では両方とも左揃えになるようです。
「align」は、<table>タグ内に直に記述しても意味無く、デフォルトの「左揃え」になってしまうのです。
「align」は<td>タグ内に記述するのが正しいと思います。

Q【CSS】リンクでイメージの時だけアウトラインを消したい

htmlで<a></a>の中に<img />があるときだけアウトラインを消したいです。<a></a>中がテキストの時はアウトラインをつけたいです。

以下の様な記述で実現は出来たのですが、styleの記述をhead部に移行したいです。どうし記述したら良いでしょうか?

<html>
<head>
<style>
<!--
img {
border: none;
}
-->
</style>
</head>
<body>
<a style="outline: none" href="javascript:void(0);"><img src="http://www.goo.ne.jp/gooicon.ico" alt="" /></a><br> <!--アウトラインを消したい-->
<a href="javascript:void(0);">test</a> <!--アウトラインを消したくない-->
</body>
</html>

Aベストアンサー

ならば・・・

img { border-width: 0px; }
a:link{ text-decoration:none; }

を別ファイルで外部にしてclassやidで該当箇所に適応させれば良いのでは?


人気Q&Aランキング

おすすめ情報