改行されない～HTML、プラグインに関するメモ - ぴのBlog(●´Å｀)
改行されない〜HTML、プラグインに関するメモ FC2ブログのプラグイン機能は、一部のリスト内文字列の区切りが、デフォルトのhtmlでは空白を含まない半角記号「:」になっています。例えば「名前:タイトル」といった具合です。 最近のコメント部分 <%rcomment_name>:<%rcomment_etitle> 最近のトラックバック部分 <%rtrackback_blog_name>:<%rtrackback_title> 連続する半角英数字が改行されない 通常はまず問題ないので気にする事でも無いですが(^^;)。稀に半角英数字が連続する場合に、文字が折り返さない、右に突き抜けてレイアウトが崩れる、といった事が起こり得ます。 半角文字列の折り返し（ブラウザ表示比較） 文献らしき物も発見したが、読もうとしたら目眩がしたので、気になる方はGoogle等で詳細を調べてみて下さ
RedLine Magazine : リストタグを使用時のIEでの変な隙間を消す
リストタグを使用時のIEでの変な隙間を消す 私的覚え書き。 リストタグを使用してメニューを作ったりする際にIEだけに変な余白が入る事がある。それを解消するネタ。 >>問題のサンプル・こんな感じ。 Firefox等で見るとちゃんとメニューの間が詰まっててＯＫなのだが、IEの場合だと勝手に余白が入る。marginやpaddingを0にしても、liタグを途中改行しても効果なしで、その都度ごまかしてきたりしてたんだけど、とりあえず原因はIEの場合、リスト内のインライン要素をブロック化すると余計な余白を入れるというかline-heightの解釈が正しくないっぽい。 >>対策はこんな感じ。 li { line-height:0; } a { display: block; background-color:#900; padding: 5px; color: black; text-decoratio
IE6 で文章の最後の2文字（くらい）が変なところに表示されてしまう問題の原因と解決法。
Web 制作のことを中心に、ちょっとした Tips などを掲載しています。「自分用メモ」が基本スタンス。 btmup Blog ひょっとしたら定番ネタかも知れないのですが、ググってみても情報が見当たらなかったのでとりあえずメモ。 IE6 で float を使ったレイアウトをしているとき、文章の末尾（最後の2文字くらい）が変なところに表示されるということがあります。 どう変かというと、末尾の文字をそのままコピーしてはみ出たような、そんな感じです。 もちろんソースにそんなものは含まれていません。 JavaScript や PHP なんかを使っている訳ではなく、純粋に HTML と CSS のみでもこのような事象が起こります。 で、とりあえずググってみて見つかったのは下記2つの記事。 »コメント文が出力に影響！？ »IE6のバカヤロウ (room ant) これらを読んで、とりあえず「float
ぷちもり作成メモ
このページでは、FirefoxやSafariの拡張CSSについて使用感などをメモして行こうと思っています♪ スクリーンショット画像の枠の色が各ブラウザを表しています。Orange＝Firefox, Gray＝Safari, Red＝Opera TOK2サーバーでサイトを開設しました 背景を透過させる Safari独自CSSで文字を装飾する Firefox, SafariのCSSでボーダーを装飾する テキストやボックスに影を付ける iPhone/iPod touchに対応したサイトを作ってみる 背景を透過させる 数年前のPCのスペックなら透過のような重たい処理は不必要でしたが、GPUが描写を行なうOSやデュアルコアが標準化しつつある近頃では気にする必要がなくなってきました。 そこで、透過関係の事で知っている限りをメモしておこうと思います。 とりあえず透過させてみる 5日に書いたbackgro
IE6で透過pngを表示させるオススメscript、「DD_belatedPNG.js」
＞＞ 詳細な使用法と注意点を追加エントリーしました。 いまだ絶大なシェアを誇るIE6（Internet Exproler 6）ですが、WEB制作者ならご存知の通り、さまざまなバグ・不具合を内包しております。 ・CSSでfloatしたブロックのmarginが倍になる。 ・後方互換モードの場合、text-alignが子要素にまで影響する。 ・透過png画像が透過されない。 上記以外にも、それはいくつもの制作者泣かせの問題があり、業界内では「IE6氏ねばいいのに」とまで言われているブラウザですが、前述の通りシェアは絶大なので、対応しないワケにもいかず。 すでにいくつもの対応策が出回っておりますが、その中でも自分的に一番オススメするのが、「DD_belatedPNG.js」を使用する方法です。 有名どころの対応策を併記・比較しながら、どこがオススメなのかを含めてエントリーしたいと思います。 有名な
IE6とIE7で検証する方法
IE6とIE7で検証する方法 2006年、待望のIE7がリリースされまた。 これまでIEのCSS実装の不十分に悩ませれた来たwebクリエイターの作業が、楽になるかというとそんなことはありません。 世の中の多くの人がIE6を使用している現状を考えるとIE6に対応させなくてはいけません。 ただ、既にIE7をインストールしたPCではIE6をインストールできない為、通常の方法では検証ができません。 検証を行うにはいくつかの方法がありますが、スタンドアローン版のIE6を利用するのがお手軽でしょう。 スタンドアローン版とは単体で起動できる、つまりインストールせずに使用できるソフトになります。 スタンドアローン版はbrowsers.evolt.orgで配布されています。 IE3～IE6などの古いバージョンのIEが配布されていますのでさまざまなブラウザで検証ができます。 IE6はie6eolas_nt.z
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IE6で背景画像に透過pngを指定してリピートさせる - BLOG - CHIBATCH.JP
http://triumphalroman.net/2007/06/09/111015