wordでHPでつくっているのですが、アップロードも終わり、確認してみると背景、ライン(どちらも素材サイトからもらってきたもの)が表示されていませんでした。
タグを打ってつくっているわけではないので、本当に申し訳ないのですが、どうすればいいか教えてください。

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

A 回答 (1件)

こんにちは。


同じような質問をみつけましたので、それを一度、参考になさってみてください。

参考URL:http://oshiete1.goo.ne.jp/kotaeru.php3?q=190189
    • good
    • 0
この回答へのお礼

ありがとうございました。
参考にさせていただきました。
何とか背景を表示することができました。

お礼日時:2002/02/05 18:22

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

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

Qliリストタグの背景色に色がつきません。このタグのどこが間違っているのでしょうか。

外部CSSに

.ffdddd_color {
background: #ffdddd;
}

とし記述していて、

HTML部分に

<li class="ffdddd_color">テーマA</li>

と記述しているのですが、
色がつきません。

何がいけないのでしょうか?

ちなみにテーマAと書いてあるのは
テーマBCDとリストがあり、

テーマA
文章
テーマB
文章
テーマC
文章
テーマD
文章

という風になっています。
ですので、テーマと書いてある部分だけに背景色をつけたいです。

お詳しい方よろしくお願いいたします。

Aベストアンサー

> 現在のHTML部分は <ul class="box">

での、"box"のCSSはどんな風ですか?

Qbrタグ、pタグやtableタグが非推奨にならない理由

表記のタグは必ずしも純粋に文章の構造を記述するものとは言えない(装飾やレイアウトに属する範疇)ような気がします。

実際CSSで十分に代用できると思うのですが、これらのタグがW3Cで非推奨とされないのは何故でしょうか。

Aベストアンサー

> HTMLで最低限の外見制御
まだちょっと主従関係について混乱されているようです。

HTMLの要素がデザインに影響する機能を持っているのではなく、
それが何であるかを示すためにマークアップをすると
結果として(視覚化するブラウザでは)表示に影響が出るのです。

ページを表示する≒(X)HTML文章を伝達する、ために存在するブラウザが
段落だから行間を空けてやろうとか
表だから縦横に並べてやろうとか
それなりの視覚化を行っているだけです。


行間がどうなるとか外見の制御を念頭においてを考えるのではなく
本質的にそれが「何」であるかをマークアップするのが文章の論理構造を記述するという事です。

一般的に外見から考えたほうが理解しやすいので
縦横に並べたいと思えばそれは恐らくリストや表だし、
一行空けたいと思えばたぶん段落の切れ目ですが
理念は逆ですのでお間違えのなきように。

Qulタグやliタグの中でbrタグは使えない?

完成したサイトなのですが…。
Dreamweaverにて開いて一応チェックすると、
「タグbrはur内では使用できません」との表示がでて驚いています。

<li>~</li>だけで自動的になされる改行だと、詰まって見えるのです。
だから、

<ul style="padding-left: 00px;">
<li>~</li></br>
<li>~</li></br>
</ul>

のようにして処理しております。ただ、これってSEO的にマズい、ということなのでしょうか?
どうか、ご存知の方いましたら教えてください。

Aベストアンサー

SEO(検索エンジン最適化)には無関係ですが、文法的には誤りです。
→10.2 順不同リスト (UL)、序列リスト (OL)、及びリスト項目(LI)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/lists.html#edef-UL )

<!ELEMENT UL - - (LI)+ -- unordered list -->
ulには、「li要素のみを一個以上もつ。」と書かれています。


<!ELEMENT LI - O (%flow;)* -- list item -->
li要素には、%flowをゼロ個以上もつ、終了タグは省略できる。

読み方は、3.3.3 要素宣言 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/sgmltut.html#h-3.3.1 )を参照すること

したがって
<ul>
 <li>・・・<br>
 <li>・・・<br>
</ul>
とは書けます。(HTMLの場合)
その場合、ブラウザは
<ul>
 <li>・・・<br></li>
 <li>・・・<br></li>
</ul>
と解釈します。(XHTMLはこう書かないとならない)

★もっと、はるかに大事なこと
「<li>~</li>だけで自動的になされる改行だと、詰まって見えるので」<br>を入れるは、HTML的には最大の間違いです。こちらのほうがはるかに重要!!
 構造とプレゼンテーションは区別すること。デザインのためにHTMLを書いてはなりません。
 2.3.2 アクセス性 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/intro/intro.html#h-2.3.2 )

スタイルシートで、
ul li{margin-bottom:1em;}
だけでよい。

SEO(検索エンジン最適化)には無関係ですが、文法的には誤りです。
→10.2 順不同リスト (UL)、序列リスト (OL)、及びリスト項目(LI)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/lists.html#edef-UL )

<!ELEMENT UL - - (LI)+ -- unordered list -->
ulには、「li要素のみを一個以上もつ。」と書かれています。


<!ELEMENT LI - O (%flow;)* -- list item -->
li要素には、%flowをゼロ個以上もつ、終了タグは省略できる。

読み方は、3.3.3 要素宣言 ( http://www.asahi-net.or.jp...続きを読む

Q使えるタグ、使えないタグ、使わないほうがいいタグ…等

タイトルの通り、使えるタグ、使えないタグ、使わないほうがいいタグ…等の違いを頭の中で整理することができません。
具体的に何で混乱しているかというと、

1、DOCTYPEスイッチで標準準拠にした場合は、color:fff;などの記述が無視されるだけで、htmlタグの使える使えないには関係がない…?
2、非推薦のタグは、使用することはできるが将来廃止になる可能性があるから、前方互換を考え使わないほうが良い…?
3、廃止タグは、使用することが出来ない。(記述しても無視される)…?
4、廃止タグを使った場合も、まだそのタグが廃止されていないころのブラウザを使えば問題なく使用可能…?(使用したいわけではなく、可・不可の問題で)
5、また、html5が話題になってきていますが、html5で廃止されたタグも現行のブラウザでは後方互換のため使用することが可能…?
6、html5では使えないが、ブラウザはhtml5にもhtml4.01等にも対応しているので使用ができる。という解釈で合っていますでしょうか?
7、<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http://www.w3.org/TR/html4/strict.dtd">などとしても、html5のタグが反応するのはどうしてなのでしょうか?

間違えている項目等、指摘していただければ幸いです。どうかよろしくお願いします。

タイトルの通り、使えるタグ、使えないタグ、使わないほうがいいタグ…等の違いを頭の中で整理することができません。
具体的に何で混乱しているかというと、

1、DOCTYPEスイッチで標準準拠にした場合は、color:fff;などの記述が無視されるだけで、htmlタグの使える使えないには関係がない…?
2、非推薦のタグは、使用することはできるが将来廃止になる可能性があるから、前方互換を考え使わないほうが良い…?
3、廃止タグは、使用することが出来ない。(記述しても無視される)…?
4、廃止タグを使った...続きを読む

Aベストアンサー

仕様書を読めば、すべて書いてあることですよ。
 とりあえず、HTML 4.01仕様書 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html )からだけ

【引用】____________ここから
しかし、様々なHTMLバージョンの実装間での実験及び相互運用性を促進するため、次の動作を推奨する。
●認識できない要素があった場合、ユーザエージェントは、内容のレンダリングを試みねばならない。
●認識できない属性があった場合、ユーザエージェントは、当該属性定義全体(すなわち、属性とその値)を無視しなければならない。
●認識できない属性値があった場合、ユーザエージェントは、デフォルトの属性値を用いねばならない。
●宣言されていない実体があった場合、この実体を文字データとして扱わねばならない。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Performance, Implementation, and Design Notes (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/appendix/notes.html#h-B.1 )]より

【引用】____________ここから
注意。 1999年12月24日版のHTML 4.01において、HTML作業グループは次の方針を確約する。
●HTML 4 DTDに将来発生する変更は、現在の規定によるDTDに適合する文書を不適正化するものではない。 HTML作業グループは、バグを修正する権利を予約する。
●現在の規定に適合するソフトウエアは、将来の HTML 4 DTD にある認識不能な機能を無視してよい。

 これはつまり、文書型宣言において、著者は最新版のHTML 4を指し示すシステム識別子を安全に用い得るということを意味する。 著者はまた、特定DTDで検証することが求められる際には特定日付版のHTML 4 DTDを示すシステム識別子を用いてもよい。 W3Cは、特定日付版について、原形式のまま原アドレスで無期限に得られるよう、あらゆる努力を払う。
 ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[The global structure of an HTML document (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.2 )]より

 などあちこちに、

★すなわち
 Document Typeは、あくまで、そのHTMLがどのルールによってかかれているかを宣言するもので、その宣言とそれによって許される要素名・属性などについては、将来的に表示が保証されるという意味です。

 DOCTYPEを書け!書かなければならないのは、この保証を担保するためです。
 DOCTYPEが書かれていて、それに適合するように書きなさいとは、そういう意味です。
 一方でブラウザには、適合していなくても、可能な限り表示を努力することが求められていますが、義務ではない。
 
と考えれば、すべての質問に対する答えはお分かりですよね。・・・そのように、仕様書に書いてある。

仕様書を読めば、すべて書いてあることですよ。
 とりあえず、HTML 4.01仕様書 ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/cover.html )からだけ

【引用】____________ここから
しかし、様々なHTMLバージョンの実装間での実験及び相互運用性を促進するため、次の動作を推奨する。
●認識できない要素があった場合、ユーザエージェントは、内容のレンダリングを試みねばならない。
●認識できない属性があった場合、ユーザエージェントは、当該属性定義全体(すなわち、属性とその値...続きを読む

Q背景を透過するタグについて

こんばんわ。タイトル通り【背景を透過するタグについて】質問があります。よろしくお願いいたします。

<style type="text/css">
<!--
.box1{/*テキストスペース*/


width : 157px;
background-color : #ffffff;
filter : chroma(color=#ffffff);
}
</style>

と、スタイルシートで色々と指定しております。
このテキストスペースの背後に画像があるので、背景を透かせたく、【chroma】を使って指定した色(白)を透かせましたが、
これだとまったく透明になってしまうので…できれば

<table style="filter:Alpha(opacity=20)">

のように、透過の度合いを指定できるようになりませんでしょうか?
↑テーブルでの透過の仕方しか分からず、上のテキストスペースで同じようなことをしたいのですが…。可能でしょうか?

お手数ですが、宜しければ教えていただけるととても助かります。
お願いいたします。

こんばんわ。タイトル通り【背景を透過するタグについて】質問があります。よろしくお願いいたします。

<style type="text/css">
<!--
.box1{/*テキストスペース*/


width : 157px;
background-color : #ffffff;
filter : chroma(color=#ffffff);
}
</style>

と、スタイルシートで色々と指定しております。
このテキストスペースの背後に画像があるので、背景を透かせたく、【chroma】を使って指定した色(白)を透かせましたが、
これだとまったく透明になってしまうので…できれば

<table...続きを読む

Aベストアンサー

たぶん背景色のみ透かせたい(半透明にしたい)のでしょうが、なんか無理の様です。
#1,#2の方の提示されている方法で、
対象を透かす事が出来ますが、もしそこに文字等他の情報があっても一緒に透けます。
もしそれでよろしければ質問で提示されていますTABLEでの透過の仕方がそのまま他にも使えます。
<div style="filter:Alpha(opacity=20); background-color : #ffffff;
">

それから、背景色だけで文字は透かしたくない場合は、
別の処で文字を記述し、位置指定で重ねるという方法があります。

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


このカテゴリの人気Q&Aランキング

おすすめ情報