No.6
- 回答日時:
混乱されるようなら、CSSは下手に使わない方がいいでしょう。
ブラウザによってCSSの解釈に誤差があるので、ブラウザによっては思い通りに表示されない場合もありますよ。
特に最大勢力を誇るWindows版IEはCSSに問題が多々あるので、それに合わせると他のブラウザだとレイアウトが大きくずれる事があります。
理解して使えば、ある程度は防げますが。
既に他の方々が述べられているように、CSSは背景や文字色等の装飾等のデザインをするものなので、全てをCSSで表現する必要はありません。
今まで<FONT>や<B>等で色等を指定していたのや、<table>を表じゃなくてレイアウト目的の升目として利用していたのを、CSSでやると考えて下さい。
尚、段組み等の高度なレイアウトに関しては先に述べたようにブラウザによってズレ等が生じるので、CSSを理解しきれない内は<table>を使った方が安全です。
極端にいれば、文字の装飾とマージン(間隔)設定のみをCSSでやる。
意味のある画像の表示は<img>タグで。単なる背景画像(飾り)ならCSSで。
<img>タグで表示しても、CSSで位置等の微調整は可能です。というかそれがCSSの役目です。CSSは画像を表示するのが役目ではありません。
例えば、CSSで
img {
margin: 5px 20px 5px 10px;
}
とかすれば、画像の周囲の空きを調整出来ます。
遅くなって申し訳御座いません
分かりやすい説明ありがとうございました!
CSSを使ってTABLEタグを消したい、というのもあったのですが
それは無理みたいですね。
ブラウザによって表示しきれない点を踏まえると
CSSの有効活用方法を間違っておりました。
どうもありがとうございました!
No.5
- 回答日時:
時々誤解する方がいらっしゃるんですよねー^^;
確かにHTMLにあった多くの機能がCSSへと移行されていますが、それは見栄えを定義する要素のみです。
HTMLの機能が全てCSSに移行されたわけではありません。なんでもCSSで代用するって言うのは便利そうに見えて不便なこと。
リンクやらなにやらCSSにしてしまうとCSSが使えない環境下では何も表示されなくなるのです。
かなり大雑把に言うとHTMLで行うべきは段落分け、改行、リンク、通常の画像埋め込みなど、CSSで行うべきは配色、背景画像、枠のスタイルなどです。
それから、CSSを記述するものは普通、タグなんていいません。
タグに匹敵する一般的かつ広く通用した名称(俗称)は特になかったはずです。
御回答有難う御座います。
なるほど。。。基本はHTMLでCSSは補足と考えればよいのですね^^;
私はCSSで行うものと考えておりました^^;;
ありがとうございました。
No.4
- 回答日時:
画像やテキストは画面を作る材料です、cssはそれらをどの様なデザインで表示するかを決める物なので、普通にHTMLで貼り付けるのがよいと思います。
No.3
- 回答日時:
何が何でも、画像とかはCSSで表示するようにしなければいけない訳じゃありませんよ。
普通にHTMLで、
<a href="○"><img src="○" alt="○"></a>
でいいのでは。
よく使われる手法だと、
<h1><a href="">見出し</a><h1>
として
h1 {
margin: 0px;
padding:0px;
text-indent: -1000em;
background: url("title.jpg") no-repeat;
}
h1 a{
display: block;
margin: 0px;
padding:0px;
width: 180px;
height: 25px;
text-decoration: none;
}
なるほど。。。
ん~ DIV要素などの中でも同じなのでしょうか?
div#index{
margin-top:5px;
background:url(../img/oribox.gif) no-repeat right bottom;
}
div a{
margin: 0px;
padding:0px;
}
HTMLでは
<div>
<a href=""></a>
</div>
と書けばよいのでしょうか?^^;;
こんがらがってきました。。。
No.2ベストアンサー
- 回答日時:
・backgroundに表示したい画像ファイル(../img/oribox.gif)のリンクならお書きになった書き方で適正だと思います。
ただしサーバでその場所にファイルが格納されていることが前提。・アンカー<a></a>をつけたいと言われるなら、実体のあるテキストを置くか透明な画像でも置かない限りbackgroundにアンカーは無理。
ややこしくてすみません。
先に表示した画像をクリックすると別のところへジャンプ!とさせたかったのです。
普通にHTMLで書いたほうが良いのですね。。。
ただその方法だと画像の細かな位置決めで困ってます。。。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS 下にスクロールしても、追従するボタンのコードを書いたのですが、ボタンの中の画像が半分しか表示されない 1 2022/04/16 21:31
- HTML・CSS スクロールすると追従する画像のコードを書いているのですが、追従する画像の大きさの調節が上手くいきませ 2 2022/04/18 12:52
- HTML・CSS 書籍を見つつサイト造りの練習をしているのですが、見た目が一致しません 2 2022/11/28 15:00
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- オープンソース cssで中央寄せ 1 2023/05/19 06:25
- HTML・CSS ヘッダーの画像にメインエリアがかぶってしまいます 1 2022/11/28 14:06
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- HTML・CSS CSSでサイトの背景に画像を組み込みたいのですが反映されません 2 2022/11/22 16:21
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS HTMLとCSSによるWebページ生成について。この絵で「ochawan」の文字を枠全体の上から10 4 2023/02/28 23:17
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
【Webサイト】画像が小さく表示...
-
<hr>の縦バージョンはありますか?
-
画像とその下にあるテキストの...
-
画像の上にテキスト配置で、拡...
-
大至急。webのシングルページを...
-
iframe内をクリックさせない方...
-
両端に背景画像を入れる
-
htmlかcssで背景の白い枠をなく...
-
gif画像でたまに背景がグレーに...
-
背景固定、文字がスクロールす...
-
HTMLです 店主のこだわりという...
-
HTMLのドロップダウンメニュー...
-
background-repeat CSS で切れ...
-
background-sizeの背景で最小値...
-
before疑似要素で画像を指定し...
-
WEB上でディレクトリ内の画像を...
-
フォトショップで背景を切り抜...
-
submitボタンの上に重ねた画像...
-
ページの上下に白い横線が入る
-
vogueサイトのようなスライドを...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
画像の上にテキスト配置で、拡...
-
<hr>の縦バージョンはありますか?
-
【至急お助け!】チェックボッ...
-
画像とその下にあるテキストの...
-
background-repeat CSS で切れ...
-
画像を複数横に並べ、かつそれ...
-
コーディング中、右側に謎の余...
-
同じ画像 複数回使用
-
background-sizeの背景で最小値...
-
htmlかcssで背景の白い枠をなく...
-
lightbox2で画像を天地左右中央...
-
HP作成 作成した画像を動画の上...
-
要素の幅をいろんな写真の幅に...
-
iframe内をクリックさせない方...
-
background-sizeでcontainする...
-
画像上に文字を表示するとiPhon...
-
IMGタグで画像の繰り返し使用は…
-
疑似要素で背景画像に指定したS...
-
スクロールすると追従する画像...
-
HTMLで使う「見出し」は英文で...
おすすめ情報