• ベストアンサー

<style>を使わずにスタイルシートを用いたい

http://css.eweb-design.com/1104_gl.html 上記サンプルのようなスタイルシートを使いたいのですが，楽天RMSを使っているため<a style～>などしか使えません． <head>内にタグを追加することが出来ないのですが，<a style～>などでこのサンプルのようなスタイルシートを書くことは出来るでしょうか？ http://okwave.jp/qa/q2170402.html この質問とは少し違うようなので質問させていただきました． よろしくお願いいたします．

  • HTML
  • 回答数2
  • ありがとう数3

質問者が選んだベストアンサー

  • ベストアンサー
  • yyr446
  • ベストアンサー率65% (870/1330)
回答No.2

A.lnk:visited 以外の擬似クラスは、イベント属性（onxxx="") にjavascriptを使ってstyle属性の変更で対処出来ます。 （※javascript無効の環境では×ですが） 例えば 　A.lnk:hover { 　　text-decoration: none; /* 文字装飾 */ 　　color: #ffffff; /* 文字の色 */ 　　background-color: #ff0000; /* 背景色 */ 　} は、 ---- <a onmouseover="a_mouse_in(this);" onmouseout="a_mouse_out(this);">xxx</a> ---- <script type="text/javadcript"> function a_mouse_in(elm){ 　elm.style.color = '#ffffff'; 　elm.style.backgroundColor = '#ff0000'; 　elm.style.textDecoration ='none;' } function a_mouse_out(node){ 　elm.style.color = 元の文字の色; 　elm.style.backgroundColor = 元の背景色; 　elm.style.textDecoration = 元の文字装飾; } </script>

apple_cube
質問者

お礼

ご回答ありがとうございます． 楽天goldを使用しない方針なので，javascriptは使えないのですがそのような書き換えが出来ることを知りとても勉強になりました！！

その他の回答 (1)

回答No.1

レイアウト等はできますが、その書き方だと:hover擬似クラスに指定するような挙動は実現できません。

apple_cube
質問者

お礼

やはり出来ないのですね．ありがとうございました．

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • HTMLとスタイルシートのタグの違い

    Webサイトを作りを始めたばかりの初心者です。 私は、スタイルシートを使うにはheadの部分に次のタグを埋め込むことを知りました。 <link rel="stylesheet" href="style.css" type="text/css"> また、「style.css」というファイルを「index.html」とは別に用意することも知りました。 そして私はWebサイト作りのために、まずはhtmlだけを記述し、その後にスタイルシートを使ってデザインをしようと思うようになりました。 そこで、htmlとスタイルシートのタグの違いを把握するために、次のスタイルシートの一覧表を確認しました。 http://www5.airnet.ne.jp/tomy/knowhow/stylepty.htm この一覧表では、COLORやFONTなども含まれておりますが、このタグは「style.css」のファイルを用いなくても「index.html」のファイル内だけで使用することでWebサイト内にある文章などの色やサイズを変えられるはずです。 そのため、HTMLとスタイルシートのタグの違いがわからなくなり、htmlだけを記述するということが難しくなってしまいました。 デザインを考えずに、まずはhtmlだけで全体を記述する場合、デザインの境界線は何なのでしょうか？ 改行を指定する<br>もデザインに含まれるのでしょうか？ 質問が漠然としているかもしれませんが、何でも良いのでいろんな人からのアドバイスを頂きたいです。

    • ベストアンサー
    • CSS
  • スタイルシートのタグの入る部分

    タグの本を読んでいたのですが、スタイルシートが推奨されるそうです。 私も使いたいんですが質問があります。 （背景） <STYLE type="text/css"> <!-- BODY { background-image : url(""); background-attachment: fixed; background-position: 100% 100%; } --> </STYLE> 一応HTMLの＜body>タグの中に書いているのですが TEXTの場合 <STYLE　TYPE="text/css"> #left {text-align:left;} </style> <body> <p ID="left">字</P> </BODY> 　スタイルシートの<STYLE　TYPE～＞から</BODY> をそのままHTMLの<BODY>タグの中に貼り付けて良いんでしょうか？ 個人的には＜body＞タグの中にまた<body>タグ!? もしかすると<STYLE>タグは<HEAD>タグの間に ソースの<BODY>タグの中身だけHTMLの<BODY>に貼り付けるのでしょうか？ 　もう一つ、先の背景と文字のスタイルシートを同時に使う場合 <STYLE>の中に背景と文字を一緒に書いていいのでしょうか？ 自分としては<STYLE>タグが分かれているとバグらないか不安なんです。 まとめると (1)　<HTML> 　　<HEAD></HEAD> 　　<body> 　　　　　<STYLE>ソース（中に<BODY>タグがまだ入っている）</STYLE> 　　</BODY> 　　</html> で良いのか？ (2)HTML> 　　<HEAD>　　<style>～</style>の部分　　</HEAD> 　　<body> 　　　　　<STYLE>ソース<BODY>タグで囲まれた部分 　　</BODY> 　　</html> (3)二つのソースがあった場合 　　<style>　ソースA　と　ソースB　</STYLE> 　　<BODY>　　ソースA　ソースＢのbody部分　　</body> まとめて良いのでしょうか？ ｐｓ　まとめても、分けても　WEB上にアップして見ても 　　　普通に表示できました、でもどれかが無茶な（無理の、無駄のある） 　　　文法だと思うんです。 解りづらい説明かと思いますが、アドバイス頂けませんか？

    • ベストアンサー
    • CSS
  • スタイルシート

    こんばんは。HPを独学で作っている超初心者です。 スタイルシートが反映してくれないのです。下記の記述で 何が違うのでしょうか？？？ ---01.css--- <sytle type="text/css"> a:link{text-decoration:none;} <style> ---index.html（抜粋）--- <head> <link rel="stylesheet" href="01.css" type="text/css"> </head> どうしても　index.html　のリンク部分に下線が出てきます。 どうして消せないのかが分かりません！！！ どなたか教えてください！よろしくお願いいたします！

  • DreamWeaverMXでスタイルシートを使わない方法

    DreamWeaverMXを使用しています。 文字に色をつけたり大きさを変えたりするときに、自動的にスタイルシートでタグが入力されてしまいます。 例えば赤文字にしたときに <font color="red">赤い文字</font> こうしたいのに <head> <style type="text/css"> <!-- .style1 {color: #FF0000} --> </style> </head> <body> <span class="style1">赤い文字</span> </body> こういうタグが入ってしまいます。 これをHTMLだけのタグがはいるようにしたいのですが、そういう設定方法はないでしょうか？ ご存知の方がいましたらよろしくお願いします。

  • スタイルシートとは？

    質問内容ですが、HPで画面（デスクトップ？）に出てくるページの容量はどういう風に、考えたらいいのでしょうか？ というのは、タグのテキストファイル＋画像＝全体の容量なのか、タグのファイルは容量に入りますか？ということです。 あと、タイトルにもなっているスタイルシートを使えば、 デザインを変えないで、容量を減らせたり出来ますか？ （スタイルシートは、別ファイルをタグに組み込むと、表示されるみたいなことができると聞いたので） というのが、質問です。分かる方、ぜひ教えてください。よろしくお願いしますｍ（＿ ＿）ｍ

  • スタイルシートのサンプル

    スタイルシート（.cssファイル）のサンプルが沢山あるＷＥＢサイトはないでしょうか？海外のサイトでも良いのですが。 私は、<H1>, <H2>, ... ,<LI>, <UL> などを普通に使って文の構造を作っています。標準のHTMLだといまいち見栄えが良くないので、スタイルシートで一気に見栄えを変えようと思っています。 文法を理解することはできるのですが、自分で一からデザインするのは骨が折れます。というわけで、なにかいいサンプルが沢山あるところがないかな、と思ったわけです。 以上、よろしくおねがいします。

    • ベストアンサー
    • HTML
  • ブラウザがスタイルシートを読み込みません

    ホームページを作っていたのですが、ブラウザInternetExplore7ベータ（最新版）で、外部cssファイルを読み込みません。しかしhtmlタグの中に、外部スタイルシートの内容をコピーして貼り付け、スタイルオブジェクトで組み込むと読み込まれます。 ちなみに、そのときはzentai.cssという外部ファイルを作ってhead部分に以下のように記述しました。 <link ref="stylesheet" type="text.css" href="zentai.css"> 誰か読み込まない理由を教えてください、お願いいたします。

  • IE10のスタイルシート

    スタイルシートについて質問があります。 自分のサイト内でスタイルシートを使っているのですが、Win Vista+IE9では意図した通りに表示されるのですが、Win7+IE10ではスタイルシートの一部が反映されません。 CSSファイル内のすべてが反映されないのではなく、BODYタグの属性やTABLEタグの属性が適用されていません。 Win Vista+IE9では意図通りに反映されていることからCSSファイルの書き方が悪いとも思えないのですが、Win7+IE10で意図通り表示できない理由はどのようなことが考えられるでしょうか？

  • <Style>～</Style>

    <Style>～</Style>を使いたいのですが、 使い方として以下の注意書きを見ました。 </head>タグの直前に<Style>キーワード</ Style> をコピー&ペーストしてください。 CSSは詳細なレイアウトであって文字は入れられるかどうか知りたいのですが。 多分入れられないと思うのですが。 例えば「あけましておめでとう。」の文字を <head> <style type="text/css"> <!-- div{color:#f00} -->あけましておめでとう。 </style> </head> とかできるかどうかと思ったので。 上記の意味として <head>～<Style>単語</ Style></head>で使い方はあっているのでしょうか。

  • CGIの外部スタイルシート

    お世話になっております。 CGIをIFRAMEの中にいれたところ、外部スタイルシートが反映されなくなってしまいました。 色々と書き換えて試してみましたが、反応がありません。 どのような記述を入れれば、反応するようになるのでしょうか。 index（ここにIFRAMEがあります。） 　｜ cgi-binの中にcgiとフォルダー（style.cssが入ってます。) CGIのスタイルシートの指定は下記のようになってます。 print "<title>$title</title><link rel=\"stylesheet\" type=\"text/css\" href=\"$base/style.css\"></head>\n"; スタイルシートは a { text-decoration:none; } a:hover {color:#ff0000} body,table { font-size: 10pt; } 漠然とした質問の方法ですみません。 宜しくお願いします。

    • 締切済み
    • CGI

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する