- 締切済み
CSSのURI化の方法を教えて下さい
HTMLでたった1ページのファイルに使用するスタイルシートのファイル数が 7つか8個になるため データURIスキームを用いて、CSS構文をそのまま 単一のウェブページのコードの内側にデータとして埋めこむことが できるのではないかと想像しています。 画像だけではなく、通常のスタイルシートの構文そのものを HTMLファイルのコードとして、埋め込むための 方法をお教え下さい。 よろしくお願いします。
- mqm
- お礼率42% (581/1355)
- その他(プログラミング・開発)
- 回答数1
- ありがとう数0
- みんなの回答 (1)
- 専門家の回答
みんなの回答
- ballville
- ベストアンサー率47% (233/487)
質問の意図が今ひとつ分からないのですが、普通にhtmlの<style>タグ内に7つだか8つだかのCSSファイル内容を書き込むのではだめなのでしょうか。
関連するQ&A
- data スキーム URI を利用について
画像を表示する際にdataスキームURIというのを使ってみました。 HTMLはこのようにIMGタグで表示します。 <img src="data:image/png;base64,iVBORw0...(略)" alt="" /> 画像は表示されたのですが、画像の背景に色がついているので、透過または指定の背景色を指定したいのですが、CSSでやってみても変化がありません。 imgタグに直接CSSで background-color:transparent !important; としても、classで指定してみても変化がありません。 他のCSSはちゃんと効いているのでCSSファイルの読み込みミスなどはありません。 FireBugで調べると background-color:transparent !important; は表示されているのですが効いていません。しかし取り消し線は引かれてなくdata スキーム URIの部分にカーソルを合わせると画像が表示されますがその時点で背景に色がついています。 data スキーム URIを使うのが初めてなので、CSSで指定すること自体が間違っているのでしょうか? それとも画像を登録する際に画像が足りない部分を背景色で補うようなっているのでしょうか? 専門家の方よろしくお願いします。
- 締切済み
- CSS
- ベーシック認証 CSSリンク
Basic認証でアクセス制限をかけたディレクトリにあるファイルから、Basic認証でアクセス制限がかかっていないディレクトリにあるCSS(スタイルシート)にリンクさせることはできるのでしょうか? やはり、Basic認証でアクセス制限をかけたディレクトリにあるファイルから、Basic認証でアクセス制限がかかっていないディレクトリにあるファイルにリンクを張るのは、無理ですかね? 例: ディレクトリ構造: [Web](ホームページデータ格納用ディレクトリ) [Web]フォルダーには、以下のファイルとフォルダが格納されています。 index.html [css](cssフォルダの中身:example.css) [basic](basicフォルダの中身:.htaccess 、.htpasswd 、.data1.html ) 上記のディレクトリで、data1.htmlの<head></head>タグ内に下記HTMLコードを記述すれば、data1.htmlからexample.cssにリンクさせることは、できるのでしょうか? HTMLコード: <link href="../css/example.css" rel="stylesheet" type="text/css"> よろしくお願いします。
- ベストアンサー
- HTML
- スタイルシートcssで、テーブルの colspanに該当するもの?
スタイルシートcssで、テーブルの colspanに該当する ものはあるのでしょうか? とほほhttp://tohoho.wakusei.ne.jp/css/index.htm を見ているのですが、スタイルシートの構文が異様に少ないと感じますが、これがすべてでしょうか? あと、現在のHTMLの最新系は何でしょうか? XHTMLなど聞いたことがありますが、私はまだ スタイルシートで悩んでいます。
- ベストアンサー
- HTML
- 外部CSSが一部適応されません
<LINK href="../style.css" rel="stylesheet" type="text/css"> というコードをHTMLファイルのヘッダ部分に記述しているんですが 同じディレクトリ内にあるAフォルダの各ページには反映されて Bフォルダの各ページには反映されません ホームページビルダー8で作成しています もちろんどちらのフォルダ内にある各ページごとに上記外部CSSの 呼び出しコードは記入してあります 問題がありそうな箇所をアドバイスいただけるとうれしいです よろしくお願いします
- ベストアンサー
- その他(プログラミング・開発)
- WEBページのCSSファイル参照方法
WEB上で表示されるHTMLコードは、自分で作成したものでなくとも参照可能ですよね? CSSファイルも参照することって可能なのでしょうか。
- ベストアンサー
- HTML
- 表をCSSで指定する方法
表をCSSで指定する方法 表をスタイルシートで指定することはできますか? 下の記述を何百ページものhtmlにおこなった場合、widthを640に変更したい場合など、手作業で変更しなければならず煩雑です。 <TABLE cellSpacing=0 cellPadding=10 width=600 border=0> スタイルシートなどを使うことはできませんか? 背景は、selene_plさんに教えていただいたようにスタイルシートを使いました。おかげさまで、色の変更は複数ページにわたり、一気にできるようになりました。 →BODY{ background-color : #cecfff; } というcolor.cssファイルをつくりました。 →htmlページの <head>~</head>の中に、 <link rel="stylesheet" type="text/css" href="color.css"> を埋め込みました。 表についてもこのようなことはできませんか?長年の懸案です。
- ベストアンサー
- その他(プログラミング・開発)
- CSSの?固定表示
ttp://www.fromdfj.net/ このサイトをInternet ExplorerでJavaScriptオンの状態で見ると、スタイルシートの切り替えが出来るようになっています。そこでスタイルシートを「grayscale」にすると、スクロールしてもメニューや著作権の位置が変わらないようになっています。これってどうやっているんでしょうか? 最初はJavaScriptかと思いましたが、HTMLファイルとCSSファイルをダウンロードしてJavaScriptオフの状態で確認してみても状態は変わりません。CSSのposition:fixedかとも思いましたが、IEでは対応していませんし。スタイルシートの中身もよく見たのですが、分かりません。 どなたか分かる方、教えて下さい。宜しくお願いします。
- ベストアンサー
- HTML
- CSSでHP作成したい。メニューコンテンツはどのように作ったらいいですか?
CSSでHP作成したい。メニューコンテンツはどのように作ったらいいですか? こんにちは。 今まで、ホームページビルダーを使って、HTMLでウェブページを作ってきました。 左カラムをメニュー部分として、インラインフレームで作成していました。 この度、SEO対策から、 CSSを使ったテンプレートに代えて作り変えようと思っています。 でも、いまいちよくわからないのですが、 スタイルシートで左カラム(メニュー)を書くとなると、 全てのページを作った後にリンクを貼って、 そのメニュー部分をすべてのページにまた複製しないとならないですよね?? 私のウェブサイトは、100ページ弱あるので、 なかなか考えただけで大変そうです。。。 スタイルシートで、2カラム形式左メニューのページを作成したことのある方、 もし良かったら方法を教えて下さい。 ※ちなみに、ブログは自己カスタマイズが大変なので利用しない方向です。 FC2で持っていますが、やっぱりHTMLの方が使いやすいので・・・
- ベストアンサー
- SEO
- CSSファイルの上手な使い方を教えて下さい。
現在、Webサイトを作成しており20ページくらいになりますが、色や形を変えることが多々あり、そのたびにCSSファイルのコードを修正するのが面倒です。 私はhtmlファイル20枚につき、CSSファイル20枚となっており、すべてのCSSファイルにヘッダーやフッターサイドバーのデザインを施すコードが記述されております。 この方法は非効率でしょうか? 良く考えてみたのですが、全てのページでヘッダーとフッター、サイドバーのデザインが同じなら、ヘッダー、フッター、サイドバーだけのCSSファイルを1つ作成し、メインコンテンツはページの分だけCSSファイルを作成するべきなのでしょうか? この場合、htmlファイル1枚につき、2枚のCSSを読みこませれば良いのでしょうか?
- ベストアンサー
- CSS
- HTML & CSS について質問です。
HTML & CSS について質問です。 外部ファイルのスタイルシートに TABLE.test{ border-collapse:collapse; border-color:#000000; border-style: solid; } HTMLファイルに <TABLE ID="test"> <TR> <TD></TD><TD></TD> </TR> </TABLE> とした場合に外側の線は結合され黒色で表示されるのですが、 内側の線は灰色で表示されてしまいます。 全ての線を細線で表示したいと考えています。 アドバイスよろしくお願いたします。m(_ _)m
- ベストアンサー
- その他([技術者向] コンピューター)