お客様のホームページが アップロードされていません。 早速ホームページファイルをアップして スターサーバーを使ってみましょう! サポートマニュアル - FTPソフトの設定 スターサーバーサイトへ Copyright © Netowl,Inc. All Rights Reserved.
ブラウザによって適用させるCSSを振り分ける方法 スクリプト・.htaccessによって振り分け javascriptやcgi、.htaccessによってUAを取得し、それによってlink要素で呼び出すCSSを変更する方法です。 コンディショナルコメントを使う(Win Internet Explorer向け) <head>~</head>で<!--[if IE]>~<![endif]-->の間にIE向けのCSSを記述します。<style type="text/css">~</style>でもlink要素による外部CSSファイル呼び出しでもOKです。 コンディショナルコメントの書き方・使える値 IEに適用
覚え書きです。 CSS でブロック要素に float を指定した際 margin の auto が効かなくなる(左右のセンター揃えが効かなくなる)ので px などでキッチリと指定します。 しかし、IE6 のバグで float を指定した際の margin が2倍になってしまうバグがあります。 なので、IE6 用の有名な CSS ハック(*html)を使用して以下のように回避します。 *html div#hajime { /*IE6用のハック*/ width : 450px; float : left; margin : 10px 5px; /*通常指定の1/2で指定*/ } div#hajime { /*その他のブラウザ用*/ width : 450px; float : left; margin : 10px 10px; } ●結論 IE6 はフロート食べると太るから margin は半
第 3 回目は「タブナビゲーションを CSS で実現してみよう」です。 タブナビゲーションはサイトのメニューに多く使われ、ビジターに「ここはクリックできますよ」とわかりやすく伝えるためにロールオーバすることが多いです。 ロールオーバに JavaScript を使用する方法もありますが、CSS ならもっとスッキリ! 1.テキストリンクを生かしてタブナビゲーションを実現してみる テキストリンクを生かしたまま、背景に画像を表示させることでナビゲーションに見せる方法です。 [サンプル] [HTML] ソースはこんな感じになります。 <div id="tabnav-00"> <ul> <li id="menu01"><a href="#">メニュー01</a></li> <li id="menu02"><a href="#">メニュー02</a></li> <li id="menu03"><a hr
やはり、開発をはじめる最初の画面は大切です。先日、Contented Designs のオープンソース・デザインを使用した CakePHP のテンプレートを公開したところ、大きな反響がありました。やはり、PHPフレームワークに求められていることは、次の段階に達しているのかな、と思います。つまり、機能やエンジン部分だけでなく、そこにのっかるデザイン・外観の情報も、フレームワークの選定に大きな影響を与えるようです。 CakePHPを利用したビジネスサイトの構築用に、ビジネスっぽいオープンソースのテーマをCakePHP の default.thtml としてポートしてみました。CakePHPでのビジネスサイト構築を検討なさっている方はたたき台としてご利用ください。 もちろん、MVC分離システムなので、後からの変更も非常に簡単です。 閲覧・ダウンロードはこちらからどうぞ。 http://cakep
ということで、今まで数限りなくネットのあちこちで紹介されてきたCSSデザイン関連のサイトがリスト化されてまとめられたようです。これだけあれば当分はブログなどのデザインのネタに困ることはなさそう。インスピレーションを得るのに使うもよし、デザインの参考にするのもよし、知っておいて損はないものばかりです。 リストは以下の通り。 CSS Beauty | CSS Design, News, Jobs, Community, Web Standards http://www.cssbeauty.com/ CSS Drive- Categorized CSS gallery and examples. http://www.cssdrive.com/ Stylegala - Web Design Publication http://www.stylegala.com/ CSS Mania http:
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
FreeCSSTemplates.org has been rebranded to FCT. Therefore, our new domain will be FCT.co while our previous domain FreeCSSTemplates.org will always be kept redirected here. What happened to FreeCSSTemplates.org? As the domain FreeCSSTemplates.org was dedicated to just “Free CSS Templates“, we decided to expand our brand name by keeping the domain name short but with more topics to cover. That mean
Javascript・Ajaxの注目テクニックとトピックをまとめて公開してますjQueryで実現するナビゲーションテクニック「15 Excellent jQuery Navigation Techniques and Solutions」様々なエフェクトを可能にしてくれるjQuery。その用途は幅広く、様々なシーンで使われていますが、今回紹介するのはjQueryで実現するナ... [ 詳細 ] [ 関連 ] [ ニコニコ風 ]
DOMAIN SALE CLICK HERE TO BUY NOW +1 855-646-1390 swazz.org 2020 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner directly (contact information can be found in whois). Privacy P
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー!古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
dtをfloatし,margin, padding, borderなどをあてる場合の注意点です。 Tried at 2008-05-12 まず,マークアップは次の通り <dl class="recent"> <dt>2008-05-12</dt> <dd>ページ5を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-10</dt> <dd>ページ4を更新しました。テキストテキストテキスト。</dd> <dt>2008-05-07</dt> <dd>ページ3を更新しました。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。</dd> <dt>2008-05-06</dt> <dd>ページ2を更新しました。テキストテキストテキストテキストテキストテキストテキストテキストテキストテキスト。</dd> <dt>2008-05-04</dt>
IEだけ特別なCSSを適用させる方法として有名どころで言えば「スターHTMLハック」、「アンダースコアハック」などがある(詳細は続きで記載)。 しかし、ひとつのCSSファイルに全て書き込んでしまうと変更や更新が生じた際に見つけ出せないという問題が発生する。これを防ぐためにIEのバグを修正する専用のCSSファイルを作っておきたい。この場合、IEのみ読み込むように設定しなければならないのだが、以下の方法を使えば簡単に実現可能だ。 まずXHTMLにはインポート専用のCSSファイルを読み込ませておく。 <link rel="stylesheet" type="text/css" media="all" href="css/importer.css" /> メディアに「screen」以外の値を記述すると、NN4.xではCSSを読み込まなくなる。インポート専用のCSSには下のように記述して、基になるC
Dave Woodsのエントリー「IE6 -CSSのバグとその解決方法」から、IE6でよく遭遇する3つのCSSのバグとその解決方法の意訳です。 IE6 - CSS Bugs and Fixes Explained IE6で、マージンが2倍になってしまうバグ IE6で、hasLayoutプロパティによって起こるバグ IE6で、小さい高さを指定した場合に起こるバグ IE6で、マージンが2倍になってしまうバグ IE6で、フロートした要素のマージンが2倍になってしまうバグと解決方法の紹介です。 下記のコードで、IE6はマージンが20pxになります。 sample:バグ #navigation{ float: left; width: 200px; margin-left: 10px; } #content{ float: right; width: 500px; margin-right: 10p
What it's all about... "Cascading Style Sheets (CSS) is a simple mechanism for adding style (e.g. fonts, colors, spacing) to Web documents." The above quote, taken from the W3C website, is one of the reasons for this site. Whilst I agree that it is a mechanism for adding style to web documents, I do not agree that it is a SIMPLE mechanism. It can be very complicated, as I found out when I took my
IntroductionCreating a consistent interface for your users is a constant struggle for every application designer. Building consistency on the web is especially tough because the visual rendering differences across browsers and operating systems are wildly different and almost arbitrary in what can and cannot be done. No where does this become more apparent than when you’re dealing with form elemen
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く