リストを横に並べてそれぞれを改行しないようにすると WebKit では全体が改行されない | 石輪っぷり! | 有限会社 Willさんいん
このページの位置 ホーム > blogっぷり! > 石輪っぷり! > Web制作 > リストを横に並べてそれぞれを改行しないようにすると WebKit では全体が改行されない リスト要素を横に並べる方法として、float: left; を使う方法と、display: inline; を使う方法がありますが、それぞれに癖があります。 float: left; を使うとリスト全体が左配置になりますので、リスト全体を中央揃えにしたい場合には使えません。 一方、display: inline; を使う場合、各リストの間におよそ半角スペース1個分の間隔が空くため、各リストの間に縦線を入れようとする場合など、左右の余白を調節する必要があるのですが、これが厄介なことに Internet Explorer 7 以前では間隔が空く側が逆なのです。 この間隔は HTML で一つ一つのリスト要素が改行されてい
Safari 3.1でWebフォントを利用する--SafariのCSS対応 - builder by ZDNet Japan
現在、Webページで利用できるフォントはユーザーの環境にインストールされたものだけで、文字の表現の幅は非常に限られている。しかし、Webフォントの機能を利用できるようになれば、制作者がサーバー上に用意したフォントでWebページを表示できるようになる。 3月18日から提供されているSafari 3.1では、CSS 3やHTML 5で提案されている機能への対応がさらに進んだ。そこで、新しく対応したスタイルシートの機能の中から、CSS 3の「Webフォント」について2回に分けて紹介していきたい。 サーバー上に用意したフォントでWebページを表示する ユーザーの環境にないフォントでWebページを表示するため、まずは、利用したいフォントをサーバー上に用意する。OpenTypeやTrueType形式のフォントファイルを利用することが可能だ。 ここでは、exljbrisのFontin Sansというフォ
Mac の Safari に font-family はじめてのブログデザイン
Mac の純正ブラウザ Safari に、CSS で font-family を指定する際は注意が必要。 Mac の Mozilla 系のブラウザ（Firefox など）は font-family : 'ヒラギノ丸ゴ Pro W4'; と指定すれば表示されるのですが、Safari は知らんぷり。そこで、フォント名を英語で指定してみると font-family : 'Hiragino Maru Gothic Pro'; 反応してくれる♪ 以下、Safari 用のフォント指定。 【ヒラギノ角ゴ Pro W3】 font-family : 'Hiragino Kaku Gothic Pro'; 【ヒラギノ角ゴ Std W8】 font-family : 'Hiragino Kaku Gothic Std'; 【ヒラギノ丸ゴ Pro W4】 font-family : 'Hiragino Maru
iframeのスクロールバーを消す際の注意点
iframeでスクロールバーを常に表示させない為には、 属性としてscrolling=“no"を指定します。 とある作業にて上記の記述をしたのですが、その際、 FirefoxとIEでは期待通りの動作をしてくれました。 しかし、Safari、Opera、Chromeでは スクロールバーが表示されてしまいました。 理由は、iframe内のhtmlが使用するcssに 下記の記述があった為でした。 html { overflow-y: scroll; } この記述を消したら期待通りの動作をしてくれました。 尚、全てWindowsでの話です。 解決まで、少し遠回りしてしまった… Tweet Tags: htmlcss 2009/09/30 16:40 Permalink Comments 3 notes
SafariのCSSハック｜無幻 - MUGEN -
Safariハック 1 Safari2、3 CSS Validator 通過しない /* safari2,3Hack */ p { color: #000000; } /* その他のブラウザ */ html*p { color: #ffffff; } /* Safari2、3 */ * html p { color: #000000; } /* その他のブラウザ */ /* EndSafari2,3Hack */ Safariハック 2 Safari /* safariHack */ html[xmlns*=""] body:last-child p { color: #000000; } /* EndSafariHack */ Safariハック 3 Safari /* safariHack */ html:not(:only-child:only-child) p { color: #
Firebug Lite
Thank you, Firebug. You made the web amazing for all! The story of Firefox and Firebug are synonymous with the rise of the web. We fought the good fight and changed how developers inspect HTML and debug JS in the browser. Firebug ushered the Web 2.0 era. Today, the work pioneered by the Firebug community through the last 12 years lives on in Firefox Developer Tools. Switch to the latest version of
jQuery1.3対応のコードをSafari2に対応するときの変更箇所 « blog.knym.net
'; htmlout += ''; if ((url.lastIndexOf(".html") == url.length-5) || (url.lastIndexOf(".htm") == url.length-4) || (url.lastIndexOf("/") == url.length-1)) { var win=window.open(url,windowName,features); } else { var win=window.open('','',features); win.document.open(); win.document.write(htmlout); win.document.close(); } win.focus(); } almost for myself, but someday I want to return usef
Safari 3 Public Beta for Mac
｢ そう言えばマック版もあったなー ｣ てな感じで忘れてた Safari 3 Public Beta for Mac を Power Mac G5 + Mac OS 10.4.9 で稼動中のマシンにインストール ( アップデート？ ) してみました。 ## Safari 2.0.4 と Safari 3 Public Beta の共存方法 – Safari 2.0 をデスクトップにコピーしておいて、Safari 3.0 にアップデート後、デスクトップにある Safari 2.0 を ｢ Safari 2.0.app ｣ とかにリネームして元に戻すと共存可能だと思う。今の所、動いているみたい。 – アプリケーションフォルダ直下に Safari 2.0 が無いとアップデート ( インストール ) できない。私はサブフォルダに移動してたので、インストールするボリュームが選択できなかった。 ##
ke-tai.org > Blog Archive > Safariで携帯78のユーザエージェントを名乗る方法
Safariで携帯のユーザエージェントを名乗る方法 Tweet 2008/4/30 水曜日 matsui Posted in 記事紹介・リンク | 1 Comment » ケータイサイトを開発している際に、PCのブラウザからケータイのユーザエージェントを出力したいケースがあります。 Firefoxの場合、「User Agent Switcher」などのプラグインを使うと便利なのですが、今回はSafariの場合をご紹介します。 Safari3.1から「開発メニュー」というのが導入され、それを利用することでユーザエージェントを変更できるようです。 まず設定画面から、開発メニューを表示します。 詳細タブの中に「メニューバーに[開発]メニューを表示」という項目がありますので、それをチェックします。 続いて開発メニューから、「ユーザーエージェント」→「その他…」を選択し、名乗りたいユーザエージェント
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
