WEB相談室

Webページ作成に関しての何でも掲示板です。

タイトル:スタイルシートについての質問

Goldion[MAIL][URL][WriteDate : Tue Jul 4 17:43:35 2000]

こんにちわ。
Goldionといいます。

どのようにしてできるのか分かりませんが、
ソースを見た時にスタイルシートっぽい記述がされていたのですが、
どうやらクラスファイルとして別にファイルが作られているらしく
作り方が分からないので質問させてほしいんですが、
http://www2.nikkei.co.jp/channelJ/:日経のニュース
の右側のフレームの様にタイルを敷き詰めたように
表示させるにはどのようにすればいいのでしょうか?

画像を使ってやるのが手っ取り早いのは分かるんですが、
容量と速さを追求したいためできるだけ使用したくないのです。

もしお分かりであれば教えていただけませんか?
お願いします。



ちゃいちゃんパパ[MAIL][URL][WriteDate :Tue Jul 4 18:15:06 2000]

たとえば、主要ニュース場合。
------------HTML--------------------------
<DIV CLASS="news" STYLE="top:196; left:5"
onclick="parent.window.location.href='http://www.nikkei.co.jp/'">主要ニュース</DIV>
------------CSS----------------------------
.news, .trend, .url, .tenki, .toku, .adsubs, .today { 
position:absolute;
width:92;
height:19;
padding:4;
visibility: visible;
font-family: MS ゴシック;
text-align:center;
font-size: 12;
background-color:#404040; 
color:#CCCCCC;
border:thin;
border-style:groove;
border-top-color:#666666;
border-left-color:#666666;
border-bottom-color:#000000;
border-right-color:#000000;
cursor: hand
}
---------------------------------------------------------

です。

HTMLソースは
view-source:http://www2.nikkei.co.jp/channelJ/ad/navi.html

CSSはソースは
view-source:http://www2.nikkei.co.jp/channelJ/css/ad
です。



Goldion[MAIL][URL][WriteDate :Wed Jul 5 13:25:52 2000]

ありがとうございます。

ソース自体は見たんですが、
'ad'っていうのがファイル名だとは分かりませんでした。
ディレクトリの名前だと思ってました。

この件でもう一つ質問なんですが、
このページだとマウスがボタン?の上に乗った時
色が変わってへこみますよね?

これどのようにするんですか?
JavascriptのonMouseを使うんでしょうか?
ソースを見ると使ってないようなのですが。

申し訳ないですがもう一つ教えてください。

ちゃいちゃんパパ[MAIL][URL][WriteDate :Wed Jul 5 13:43:50 2000]


>色が変わってへこみますよね? 
たぶん、このことですね!?

A:hover{  
           text-decoration: overline;
           color: #008800;
}



Goldion[MAIL][URL][WriteDate :Wed Jul 5 14:46:31 2000]

度々すいません。
そうです。

そして、"A:hover〜"の"A"の部分を別のタグに書き換えると
そのタグを使った部分の効果として使えるのだと思っていたのですが、
違うんでしょうか?



ちゃいちゃんパパ[MAIL][URL][WriteDate :Wed Jul 5 15:13:20 2000]

hoverは、アンカーの疑似クラスをよばれ、Aタグのみ有効です。

Goldion[MAIL][URL][WriteDate :Wed Jul 5 15:44:29 2000]

何度もお返事ありがとうございます。

Aタグのみですか。
他のタグにもこういったものはあるんですか?
実際、この質問の元になったページだと
Aタグを使ったリンクではなく、
Javascriptの"onClick"を使ったロケーションで
だったので。


ちゃいパパ[MAIL][URL][WriteDate :Wed Jul 5 17:04:45 2000]

これは、VBScript固有の機能を使用しています。

JavaScriptでは、タグ属性内にイベントハンドラが必要ですが、
VBScriptはべつになくてもイベントハンドラの関数名にイベント名を付加するとイベント処理ができます。
詳しくは、VBScriptを勉強してみてください。

以下はそのVBScriptです。
view-source:http://www2.nikkei.co.jp/channelJ/scripts/ad.vbs

ちなみに、私は VBScript は詳しくありません...。

Goldion[MAIL][URL][WriteDate :Wed Jul 5 17:50:18 2000]

何度もすみませんでした。
ありがとうございます。

そうですか、純粋にスタイルシートだけでは出来ないのですね。
このページなんですがNetscapeで見に行くと
とても見られるようなページではありませんでした。

VBScriptを使うとなるとIEしか見られないものになってしまいますね。
もう少し考えてみます。

ありがとうございました。
回答(必須): 状態:

お名前(必須):

e-mail:

URL:

Back