ウノウラボ Unoh Labs: IE6 CSS 『border-leftとpadding-bottom』の謎
こんばんは、sashaです。 次のような形のスタイルを実装しようとしていて、 実例 posted by (C)フォト蔵 IE5.5や6でこんな状況に出会ったことはありませんか？ （赤と青のボーダーは、elementの境目がわかりやすいように入れてあります） 実例バグ posted by (C)フォト蔵 どこがおかしいかお分かりになりますでしょうか。2項目目の赤と青で囲まれたテキストが、左に飛び出ていますね。その下にあるテキストまで、左にずれてます。 これは、多くのデザイナーの悩みの種である、「IE」の代表的なバグのひとつです。 このバグを再現させるのに必要なことはたったこれだけ。 「divの中にdiv」など、ブロック要素を2重にする 外側のブロック要素に、border-leftとpadding-bottomを定義する 以上。これだけでIEさんの地雷を踏めます。 以下のH
natural tribe: 鼻毛スタイルシート
今朝、職場でとある男性からメッセンジャーがきました。 「あのね、昨日、自分の鼻毛を一生懸命スタイルシート（※）で消そうとする夢みちゃった・・・」 ※スタイルシート（CSS）：Webページのレイアウトやデザインを定義する言語体系 大変です！大変な職業病です！！！ でも、ちょっと面白かったので、スタイルシートで鼻毛を操る方法を考案してみました。 はみ出た部分を切る 鼻毛 { overflow:hidden; } 鼻毛を勢いよく抜く 鼻毛 { position:relative; top:1000px; } 鼻毛をそっと抜く 鼻毛 { position:relative; top:10px; } はみ出た鼻毛を折り返す 鼻毛 { word-wrap:break-word; } 鼻水が絡まった状態・・・ 鼻毛 { background:url(鼻水) repeat-y; } 「はみ出た
cansei de ser sexy BELIEVE
If you have ever tried to buy a product on how to make money, you will how difficult it can sometimes be especially if you are newer to internet marketing. Some very good questions can be asked such as which one is the best, does the product creator actually make money with what they are selling, how much would I have to spend on the product and more. Commission Hero AI is a product by Robby that
CSS - Let's Make Love and Listen to Death From Above (OFFICIAL VIDEO)
Subscribe to Sub Pop's YouTube Channel http://www.youtube.com/user/subpoprecords CSS YouTube Playlist http://www.youtube.com/playlist?list=PLFDA318ED9A05BF88&feature=view_all CSS / Sub Pop http://www.subpop.com/artists/css "Let's Make Love and Listen to Death From Above" from CSS' 07/11/06 release, Cansei de Ser Sexy http://www.subpop.com/releases/css/full_lengths/cansei_de_ser_sexy Order the Al
画像の使用を極力控えてかっこいいCSSデザインをやってみよう
Latest topics 2019.01.22 長々と運営していましたが、本日を以て大会を終了とさせていただきます。沢山の方にご参加いただきましたこと、まことに嬉しく思います。Galleryは閲覧可能ですので、懐かしい気持ちになりつつご覧いただければと思います。 2007.04.15 公式html内に一箇所文字の誤りがありました。詳しくは2007-04-15のメモに書いておきました。要素の変更や構造の変更に変化は無いので、CSSを書く作業には影響がないのですが、気になる方はURIを参照して下さい。 Galleryが開通しました。フォームで選択してぽちっとするとサムネイルが表示されます。サムネイルをクリックすると、CSSデザインが適用された個別ページが表示されます。 よくありそうな質問に、CSSデザインは１人何個でも提出できる旨を追記いたしました。 2007.04.13 よくありそうな質問
userstyles.org、さっぱりウェブ - FAX
userstyles.orgに日本の有名サイトのユーザーCSSがすごい勢いで登録されてる件 | caramel*vanillaswdyhの日記 - Webシンプル化計画 brasil | userstyles.org こんちは、lomoさん。あたし、あたし、書いたのあたしですよ。CSSのこと、よくわかってないあたしが書いてますよ。 新しくパソコン買ったんですけど、画面がちっちゃくて弱っちゃったから、なんでもかでも削っていっちゃったんですね。やけみたいな、怒りみたいなもんで。このやろうっごちゃごちゃするないってなもんですよ。 なので、使いやすいかと言われればそうでもないと。ハックみたいな、いたずらみたいな、抗議みたいなもので、横に長すぎて、逆に読みづらいこともある。これを土台にして「ここの部分はやっぱり表示させよう」と戻すのもありかもしれません。 また、一度インストールしたスタイルは
タブで写真切り替え
About Contact Top Places for Bakersfield Hookups: Meet Singles NearbyLooking for casual Bakersfield hookups? This guide will show you the best places to meet singles ready for some fun. From lively bars to popular dating apps, we’ve got you covered on where to find your next exciting encounter. Key TakeawaysBakersfield is a hotspot for casual hookups with vibrant bars, nightclubs, and various soci
Vicuna - Movable Type テンプレート
無効なURLです。 プログラム設定の反映待ちである可能性があります。 しばらく時間をおいて再度アクセスをお試しください。
CSS Nite Vol.18に行ってきた その1 | Blog hamashun.com
今回でひとまずの区切りとなるCSS Nite。 数えればなんと18回目でした。 月イチ無料開催はこれで終わりになり、今後は様々な形態での開催となっていくようです。 今回の内容は第一部が来賓の方3人による、割と告知的な内容。 第二部が主催の鷹野さん（株式会社スイッチ）による「Internet Explorer 7対策」という物でした。 イベントレポートと自分の為の覚書の、両方の意味を込めて記事を書いておきます。 第一部 WebSig24/7、ネクサス アドバンスセミナー、W2Cから、3人のゲストが、次々にイベントの告知や団体の説明をされました。 CSS Niteは割と実装側の立場のイベントですけど、そうではなくてディレクション側のイベントもあったりで、そちらの方も興味を惹かれました。 第二部 さて、第二部は鷹野さんの「Internet Explorer 7対策」です。 まだまだシェア的にはI
コーディング大会みたいなのやりたいなぁ～
コレから書く事は、本決まりになったら「お知らせ」カテゴリにて告知いたします。 大会なんて書いてますが、ネーミングセンスが無かったので取り急ぎで付けただけです。 やりたい事は、デザイナーさんに2、3ページのデザインを作成してもらい、ソレをコーダーな方、コーダー志望な方、コーディング出来るぜ！な方、コーディングスキルも向上したい！って方、デジパに入りたい！(笑)って方なんかがコーディングすると言うもの。 まぁ、ようするに1つのデザインを皆が其々の思いで組むっちゅー感じですわ。 こういった事に興味引かれる人居るかな… 一応、興味引かれるような感じの企画にしたいと思ってますが、今は脳内妄想オンリー。 この発端は、昔個人趣味サイトを使って行ったのですが、1つのテーマに沿ってキャラを描いてもらい、ソレを1枚絵として完成させるというモノ。 下記のイラストは、男性キャラを好きに描いて集めた感じ。 その時に
CSS-Based Navigation Menus: Modern Solutions | Smashing Magazine
Usability is an essential goal of any website, and usable navigation is something every website needs. It determines where users are led and how they interact with the website. Without usable navigation, content becomes all but useless. Menus need to be simple enough for the user to understand, but also contain the elements necessary to guide the user through the website — with some creativity and
[CSSNite in Nagoya 2007] 極力ハックしない CSS というテーマでお話しました - pur*log
[CSSNite in Nagoya 2007] 極力ハックしない CSS というテーマでお話しました 2007-03-12T11:29:48+09:00 Tag: CSS, CSSNite, event, hack, presentation, seminar 去る2007年3月10日、CSS Nite in Nagoya 2007にて、「極力ハックしない CSS」というテーマでスピーカーとして参加させていただきました。 総勢282名という多くの方にご参加いただき、プレゼンターとしてだけではなく、参加者としても有意義に勉強させていただくことができました。 回想や反省を含めて、またあとで追記するか別エントリで書こうと思います。取り急ぎ pdf 版の資料を公開いたします。音声版は後日 CSS Nite 公式ページで公開される予定ですので、興味のある方はご覧ください。（追記）PDF 版に加え
CSSのfont-family：ヒラギノとＭＳ Ｐゴシックとメイリオの悩ましい関係 : webデザイナーのナナメガキ
CSSでのfont-familyの指定がとても悩ましい。文字コードによって表示が変わったりするし、イレギュラーケースまで想定すると煩雑なコードになってしまう。ちょっと整理しながら考えてみる。 まず、font-familyを何も指定しないと、だいたいのブラウザではデフォルトで設定されているフォントで表示されるのだが、文字コードがUTF-8だとWindowsのIE6で英数文字が「Times New Roman」になってしまう。※文字コードがShift_JISやEUC-JPの場合はデフォルトのフォントで表示される。 それでは例えば総称ファミリー名（generic-family）である「sans-serif」のみ指定してみると、WindowsのIE6では文字コードがShift_JIS・EUC-JPの場合は「Lucida Sans Unicode」で、UFT-8の場合は「Arial」で表示されてしま
javascript - CSSをいじくる : 404 Blog Not Found
2007年03月12日02:00 カテゴリLightweight LanguagesiTech javascript - CSSをいじくる JavaScriptでDOM要素のstyle属性をいじるのは簡単ですが、これがCSSともなるとobject treeが深くて大変で、Webを見回してもほとんど参考例がありません。動的にCSSをいじっているサイトの例は徳保さん趣味のWebデザインぐらいしか見かけません。 というわけで、習作を兼ねて、style属性ではなくCSSをまるごと書き換える関数を作ってみました。 CSS Manipulation via JavaScript http://www.dan.co.jp/~dankogai/css/css_handlers.html 解説 動作確認はFirefox 2, Opera 9, Safari, Mac IE5で行っています。Safariでのみ
てっく煮ブログ - CSS をリニューアルするときに参考にしたいページ
css今回の CSS リニューアルでネタ出しに使ったサイトをまとめておきます。83個のきれいな Wordpress のテーマ集：83 Beautiful Wordpress Themes You (Probably) Haven’t Seen絶対見ておくべき30個の暗めのサイト：30 Dark Designs You Should've SeenCSS による最近のフッターデザイン：CSS-Based Footers: Modern SolutionsCSS による 2006 年の美しいサイト50選：50 Beautiful CSS-Based Web-Designs in 200653個の必須 CSS テクニック53選：CSS-Techniques You Couldn’t Live Withoutかっこいいデザインのサイトがサムネールつきでいっぱいなので、煮詰まったときに見るといろいろ
The Web Editor for Mac
The web editor for Mac is back. For people who make delightful, innovative and fast websites — in an app to match. Espresso helps you write, code, design, build and publish with flair and efficiency. Sophisticated text features, amazing Live Preview with Browser Xray, CSSEdit tools, the Navigator, Dynamo auto-building, and Server Sync. Whether you're starting from scratch or tweaking a live site,
フッターとかの区切り『｜』のサンプル4種｜CSS HappyLife
フッター部分のメニューなどを区切る際のサンプルを適当に。 p要素でやるとこんなヤツです。 Home｜アバウト｜イラスト｜BBS サンプルに使うhtmlは、ul要素を使った下記をベースに使用してます。（サンプルに寄ってid名とか変わりますが） <ul id="sampleFooter"> <li><a href="/">Home</a></li> <li><a href="/">About</a></li> <li><a href="/">Gallery</a></li> <li><a href="/">Blog</a></li> </ul> んでは、いってみますか。 一番書きたかった内容は最後に書いてます。 普通に縦線を書いた感じ 実際の表示です。 Home｜ About｜ Gallery｜ Blog 普通にhtmlに｜を記述しているのでソースは当然下記のように。 <ul id="samp
willmayo.com » CSS Speech Bubbles
Account Suspended This Account has been suspended. Contact your hosting provider for more information.
チープカ - はてなダイアリーのデザインを作るうえでのtips
CSS | 01:06 | はてなダイアリーのデザインをいじる上ではてなダイアリー独自に気をつけなくてはいけないものについて例をあげてみます。DOCTYPE宣言が互換モードまず一番問題になるのがここでしょうか。気をつけなくてはいけないのはなんといっても「IEで見るとwidthにpaddingがふくまれる」という点です。これはIE7になっても変わりません。そのためwidthとpaddingを同居させた要素を記述した場合にIEと他のモダンブラウザでは表示が変わってしまいます。回避策で一番簡単なのは同じ要素にwidthとpaddingを同居させないということです。ただしはてなダイアリーの構造上h1とかでwidthとpaddingを一緒に使わざるを得なくなったりするのでそん時はハックするしかないです。はてなのヘッダを透明にするはてなのヘッダは配色がしやすいように、画像部が透過されるようになりました
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
*{ margin : 0 } はもう古い!? | Emotional Web