近々、自サイト(http://www.polka.jp/)でも
しようと思っていることなのですが、
ナビゲーション部分のHTMLを記述する上で、
トレンドとも言えるかもしれない、
ボタン画像の背景表示があります。
以前から、ナビゲーション部分に関しては、
検索エンジンを意識する上で、
ページのリンクは画像の「alt」に加えて「title」、
さらに、テキストでのリンクがもっと重要扱いされる、
と言われています。
(もっといえば、リンク先のページタイトルとの
テキストマッチングがあればよい、などあるのですが、ここではさておき)
...続きを読む
2009年02月16日
CSSのみのロールオーバーで、ちょいとSEO。
posted by CSSベースでのHTML(XHTML)レイアウト入門講座<polka> at 08:40
| Comment(0)
| TrackBack(0)
| CSSベースのHTMLコーディング
|
|
|
2009年01月29日
DOCTYPE宣言で、CSSフォントサイズ指定が変になる?
XHTMLで作成していたファイルを、
システム用にHTMLに変換する必要があり、
テキストエディタであるJeditを使って、
まとめて変更しました。
1)ドキュタイプ宣言を全置換
2)<html>の開始タグに記述するxmlns属性を全削除
3)閉じタグ代わりの「/」を全削除
ただし、タグの大文字への変更は省略。
と作業したのですが、
なぜか、<table></table>内のフォントサイズが、
body{
font-size: 75%;
}
としているのにもかかわらず、
ブラウザの初期設定サイズになってしまいました。
...続きを読む
システム用にHTMLに変換する必要があり、
テキストエディタであるJeditを使って、
まとめて変更しました。
1)ドキュタイプ宣言を全置換
2)<html>の開始タグに記述するxmlns属性を全削除
3)閉じタグ代わりの「/」を全削除
ただし、タグの大文字への変更は省略。
と作業したのですが、
なぜか、<table></table>内のフォントサイズが、
body{
font-size: 75%;
}
としているのにもかかわらず、
ブラウザの初期設定サイズになってしまいました。
...続きを読む
posted by CSSベースでのHTML(XHTML)レイアウト入門講座<polka> at 13:06
| Comment(0)
| TrackBack(0)
| CSSベースのHTMLコーディング
|
|
|
2009年01月15日
IE PNG Fixを使ったら、クリックできない〜
年末からのご依頼で、
トップページのデザインを支給していただいて、
それを基に下層ページをデザイン&HTMLコーディングしました。
かなり繊細なデザインで、
どうしても透過pngを必要とする箇所がありました。
...続きを読む
トップページのデザインを支給していただいて、
それを基に下層ページをデザイン&HTMLコーディングしました。
かなり繊細なデザインで、
どうしても透過pngを必要とする箇所がありました。
...続きを読む
posted by CSSベースでのHTML(XHTML)レイアウト入門講座<polka> at 09:29
| Comment(0)
| TrackBack(0)
| CSSベースのHTMLコーディング
|
|
|
2008年11月17日
リストの左上にタイトル画像を背景表示したいのに…。
自サイトの調整をしていて、
これまで想定していなかった表示崩れが起きてしまいました。
関連ページのテキストリンクを
<ol></ol>のリストを使い、子要素である
<li></li>にfloat: left; で表示させていました。
こうすることで、
テキストリンクが増えても(<li></li>を増やしても)
自動的に改行されていくので便利〜
なハズだったのですが...。
...続きを読む
これまで想定していなかった表示崩れが起きてしまいました。
関連ページのテキストリンクを
<ol></ol>のリストを使い、子要素である
<li></li>にfloat: left; で表示させていました。
こうすることで、
テキストリンクが増えても(<li></li>を増やしても)
自動的に改行されていくので便利〜
なハズだったのですが...。
...続きを読む
posted by CSSベースでのHTML(XHTML)レイアウト入門講座<polka> at 09:18
| Comment(0)
| TrackBack(0)
| CSSベースのHTMLコーディング
|
|
|
2008年10月29日
IE6.0でpngを使う
IE(Internet Exploler)7.0から、
透過pngを正しく表示してくれるようになりました。
これによって、
足元に向かってス〜っと消えるような画像を
色でも画像でもテキストでも
背景に何があるかを気にせずに
配置できるようになるので、
WEBデザインでの表現の幅が拡がりました。
が、哀しいかな、
IE6.0以下は透過pngは未対応...。
その事情をよく分かっていなかった頃
Mac SafariとWin IE7.0で、
うまくキリヌキ表示してくれていたので、
安心してたら、
...続きを読む
透過pngを正しく表示してくれるようになりました。
これによって、
足元に向かってス〜っと消えるような画像を
色でも画像でもテキストでも
背景に何があるかを気にせずに
配置できるようになるので、
WEBデザインでの表現の幅が拡がりました。
が、哀しいかな、
IE6.0以下は透過pngは未対応...。
その事情をよく分かっていなかった頃
Mac SafariとWin IE7.0で、
うまくキリヌキ表示してくれていたので、
安心してたら、
...続きを読む
posted by CSSベースでのHTML(XHTML)レイアウト入門講座<polka> at 17:51
| Comment(0)
| TrackBack(0)
| CSSベースのHTMLコーディング
|
|
|

