ｽﾀｲﾙｼｰﾄと格闘｡[PC関係]
(2009-06-09 23:22:31) by くろひつじ
さて今回はｽｹｰﾄでも落語でもなく､ﾎｰﾑﾍﾟｰｼﾞ作成についてです｡
まったく知らない人には何言っているかわからない､僕と同じﾌﾟﾛじゃないけどちょっとかじっている人なら｢あぁそうそう〜そうなんだよ!｣と共感してくれるかもしれない､またﾌﾟﾛならきっと｢ありえね〜そんなもん基礎だろ基礎｣というかもしれないっすね〜
ｹﾆｰさんの画像提供によって週末あたりから久しぶりにﾎｰﾑﾍﾟｰｼﾞの工事を行ったわけですが
まぁなにしろだいぶ部分部分でわかってはきたものの､そこはﾌﾟﾛのようにはいきません｡
毎日ｿｰｽを打ち込んでいるわけでもなく､自分で昔組んだとこも忘れちゃうんですよね〜
一気にｶﾞｰｯと組んでいるときは案外できることでも､たまにやると基礎的な事が見えなくなっていて､しかも一人でやっているもんだから｢わからないﾙｰﾌﾟ｣に陥りやすい｡
｢なんでやねん!｣って感じ｡
今回はｽﾀｲﾙｼｰﾄでそんな感じでした｡
まずは｢hover｣
ﾘﾝｸの定義済みｸﾗｽというやつですね｡
たとえばｽﾀｲﾙｼｰﾄで A:hover { color: red; } と記述することでその指定したﾘﾝｸはﾏｳｽﾎﾟｲﾝﾀが上に来るとその文字が赤くなるというような｡
このﾘﾝｸの定義済みｸﾗｽをつかって､ｽﾀｲﾙｼｰﾄでﾏｳｽｵｰﾊﾞｰで画像が切り替わるのを実現しようとしていたわけですが(ﾍﾞﾈﾌｨｯﾄﾎｰﾑﾍﾟｰｼﾞの左側のｱｲｺﾝとかね)
さてここで一つ僕のなかで条件が
ｱｲｺﾝなどはｳｨｼﾞｪｯﾄﾊﾟｰﾂのようにﾃﾝﾌﾟﾚｰﾄ化して使いまわしたいので､なるべくならｿｰｽは一つにまとまっていて欲しい｡
と､ここでｽﾀｲﾙｼｰﾄには3ﾊﾟﾀｰﾝあって
まず一つは外部にまとめて記述し､<head>〜</head>でﾘﾝｸして呼び出す｡
2､<head>〜</head>に記述する｡
3､ﾀｸﾞ自体にｽﾀｲﾙ要素を埋め込む｡
と､1番と2番はhtmlとｽﾀｲﾙｼｰﾄと二つに分かれてしまうのでﾊﾟｰﾂとして一つにまとめるとなると3のﾀｸﾞの中に埋め込みたいわけですが｡
そこんところでちょっと悩んだんですよね〜
まあ結論としまして､｢無理｡｣ということに自分の中で判断しました｡
ﾘﾝｸの定義済みｸﾗｽをﾀｸﾞに埋め込むのはどうも無理みたいですね｡
僕も色々やってみましたが､やっているうちにめんどくさくなりました｡
これだけ時間かけるならもう､二度手間ですがCSSに書いてしまって動作させたほうがいいやってね｡
(以下参考ｻｲﾄ：理由は違えど他にも同じ事を考えている人がいるみたいなんで参考にさせていただきました
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1218933727
http://oshiete1.goo.ne.jp/qa2343081.html
http://oshiete.sponichi.co.jp/qa5017925.html)
link, visited, active,hover等を設定するには､ﾀｸﾞに直接は無理です｡
CSSに記述しましょう〜(何か方法を知っている方がたまたまこれを目にされたときは､是非ｺﾒﾝﾄにてその方法をご教授いただけると幸いです)
そして昨日はﾄｯﾌﾟﾊﾞﾅｰにあるﾛｺﾞに､ﾎｰﾑﾍﾟｰｼﾞのﾄｯﾌﾟつまりindexﾍﾟｰｼﾞへのﾘﾝｸを設置する､というところでちょっとてこずりました｡
まぁわかっているととても馬鹿らしいのですが､わからない､または気がつかない場合は馬鹿馬鹿しい事であってもﾊﾏります｡それがﾊﾟｿｺﾝってもんです｡
明日はその僕のﾊﾏった､｢divの重なりについて｣備忘録的に書こうと思います｡
ｺﾒﾝﾄ投稿
次の記事へ >
< 前の記事へ
TOPへ戻る
Powered by
MT4i 3.0.8