ハナモゲラボ / 試行錯誤の実験人生

日々、PCや各種デバイス、楽器等に翻弄されながら電脳の森をさまよう男の日常と様々な実験をさらりと記しております。

Category Archives: CSS

CSSでフレームセットを~去りゆくIE6、僕はお前を見捨てない

「フレームセットでいいんでよろしくお願いします。」 ほうほう、フレームセット。 なんと懐かしい響きだろうか。 Web黎明期にはそれこそ便利でみんな使ってたし、自分もいくつか作った。 しかしXHTMLで非推奨になり、検索にも非常に不利な事もあって ここ最近はこいつを使った覚えはない。 (他社から引き継いだサイトは未だに現役のもあるけど・・・) んじゃあ久しぶりにフレームセットを・・・と思ったけども。 yuga.jsを使って現在ページをハイライトしたりとかできねえし モダンブラウザではposition:fixedに対応してるので、同じ事が簡単にできる昨今 もはや去りゆく運命にあるMicrosoft Internet Explorer 6に義理を通さずとも 別にいいんじゃねえのか、と頭をよぎりまし……(続きを読む)

リンク先が拡張子や外部サイトの時にそれぞれアイコンを表示

Webを見ていてリンクをクリックするといきなり立ち上がるAdobe Reader。 「PDFならそう書いとけや!」とほんのり殺意がわく瞬間ですね。 非力なサブマシンならOS毎巻き込んで石地蔵状態になる可能性もあり なかなかこいつは無視できない事例。 自分が制作する場合にはこういう事はかなり気をつけてますが 昔はそれこそテキストリンクの横にimgタグで ひとつひとつ画像を貼りつけていたもんです。 しかし、このご時世、もっと簡単な方法ないんかいと世間に問えば それがあるんですよ奥さんっ! CSS3なら以下の書き方が可能です。 参考サイト:コリス様 外部リンクでアイコンを変更する場合 a[href^=”http://”]{ background:transparent url(../images/……(続きを読む)

Google Chromeの自動入力欄の色を変更する。

もうすっかりとおなじみのブラウザになってしまったGoogle Chrome。 「チョロメ」とか言われてたのはもうかなり昔・・・か? 最近ではプラグイン形式での追加機能もできる様になり どんどん便利になっていってるみたいですねえ。 個人的にはTweetdeckの専用ツールと化してしまっていて 身体が覚えてしまっているFirefoxから移行せずですが。 (だって、おっさんだから新しいもの覚えるのツライ・・・) とまあ、Web制作を生業の一部としているからには もちろんこのブラウザでの確認も仕事の一環ではあるんですが 背景が黒系のサイトを作成していて少々困った事が。 Google Chromeにはユーザー名やパスワードなどの入力欄に 前回入力した物を記憶させて表示する「自動入力」機能がついてます。……(続きを読む)

リストを縦に並べると隙間が空く場合の対処方法

商品画像とかを並べる際に、liタグの中に入れて縦に並べたりしますが その際に画像と画像の間に隙間が空いてしまいます。 こんな感じのHTMLの時ですね。 その際、CSSでliの中のimgに対してvertical-alignをtopかbottomに設定すると この隙間がなくなってくれます。 この画像の「面倒な隙間」って他でもけっこうあるので もう最初にimgに対して設定しておくのもよいかも知れませんね。 そもそもこれはインライン要素であるimgが「行間要素」を持つ事に 原因があるそうです。 line-heightを変更するともちろんこれにも適用されてしまいます。 ・・・・・と忘れない様に書いておくのでありました。 今日は七夕ですね。天の川を見たいなあと思いますが、あいにくの雨。 どっちにしても都……(続きを読む)

IE:絶対配置のボックスが消える件

最近はブログのコーディングを勉強がてらよくやってるんですが 下方に置いてある検索ボックス(divで囲まれた部分)を絶対配置(position:absolute)で 最上段の右上に持って行こうとしてみたら IE6、しかもIE7までがきれいにそのボックスだけ表示されない。 Firefox,Opera,Safariなどなどは全部OKなのに、IEだけがダメ。 「またかこのボケエエ!!!!IEィィィィィィッ!!」とか悪態ついたかどうかは まあ上品なボクの事だからないとしてですねw ちょっとこれはこまったぞ、と思って検索してみたらとてもよいまとめ記事がありました。 「IEで絶対配置(position:absolute)のボックスが消えるバグの検証」 http://jmblog.jp/archives/1……(続きを読む)

idとかclass、君たちの名前は?

仕事の合間とかにWeb関連の事が書かれたブログを巡回するのが好きです。 やっぱ同じ仕事をしている人達の発見とかやり方は刺激になります。 その中で見つけた記事で 「idとclassになんて名前をつけるのか?」というエントリーがけっこうありました。 これは案件に明確な仕様書でもあれば、その通りつけるんでしょうけど まず今までそんなガチな案件をやった事がないヘボヘボさんなので・・(泣) 正直、CSS関連は他の制作会社様のコーダーの方達のノウハウをそのまま適用してます。 「あと続きお願いします」って仕事の時に参考にさせてもらって学びました。 だから最初に「Wrapper」って見たときに、「YO!YO!チェケラウ!」みたいな そんなイメージが頭に浮かんで思わず笑ってしまいました。 いや、初めて見たもん……(続きを読む)

 

« Jun 2019 July 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31