Home > 学び > HTML・XHTML

HTML・XHTML Archive

カッコいいソーセージ

marudai

ソーセージが踊ってます。

IE7、8でリストに隙間ができる

先日サイドナビゲーションの部分でつまずいたので、備忘録程度に書いておきます。
デザインとしては、各都道府県が書かれた画像をサイドバーに、縦にずらーっと並べる形なんですが、
IE7、8以外だとこんな感じでも問題ないです↓

■html

<ul>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
<li><a href=""><img src="" /></a></li>
</ul>

■CSS

ul {
list-style:none;
}

li {
margin-bottom:2px;
}

全文を読む

XHTMLのことは気にせずにHTMLに移行してもいい?

先日「マイコミジャーナル」にて記事を見つけました↓

http://journal.mycom.co.jp/news/2009/07/03/041/index.html
やっとほとんどのサイトがXHTMLの1.0や1.1で制作されているのにここでかと残念に思っていたのですが、
HTMLに移行しても問題なさげな気がします。
5は互換性があるみたいなので現状HTMLで組まれているサイトに関しては作業工数はかからなそうですね、
逆にXHTMLの場合は地味に工数が掛かってしまいますが。まあそれだけのメリットがある場合はうちの会社でも変える必要がでてくるかなと。

複数のブラウザ(IE6/7/8など)で確認できる「Xenocode Browser」

run-ie8-ie7-ie6-firefox-safari-chrome-and-opera-from-the-web

久々に「これイイ!!」というものに出会いました。会社の人に教えてもらったのですが、これさえあればIEのチェックは問題ないようです。他にもスタンドアローン版やIE3ぐらい〜IE6までセットになったものを使用したことはあるのですが、これは確認するときに緑のボタンをクリックすればすぐさま確認ができますし、パソコンに変なソフトをインストールしたりする必要もありません。
今後は有効に使っていきたいと思います。

float前のコメントにやられました。

先日IE6でボックス内の要素が溢れちゃって、解決するのに無駄に時間をかけてしまいました。原因は、floatする要素の前にコメントがあることによって、溢れちゃうみたいです。
いやーなんかこんなんで考えてしまう自分が情けないです。もっと勉強をしなくては!!
最近会社には新卒が入ってきて、スキルは自分よりもはるかに高くていいプレッシャーになっています。

ここ数日先にかかえているサイト改修がとても不安です。ページ数自体は50前後と決して多くはないのですが、なんせ自分一人でやんなくてはいけなく…何からやれば良いのか。現在CSS、JavaScript、PHPの影響範囲などを洗い出したり、コーディングガイドラインの作成を同時に進めていこうかなと計画しています。これを乗り越えれれば少しは入社当初に比べれば成長したかななんて思えるのかなと、越えなくてはならない壁って感じです。

ホーム > 学び > HTML・XHTML

最近の読書本
gremz
etc
あわせて読みたいブログパーツ
無料アクセス解析
フィードメーター - 新米デザイナーの日報|design tracks
track feed
ブログランキング・にほんブログ村へ