入れ子の子要素のmarginが親要素からはみ出る｜Web制作実験
CSSのmarginで入れ子（ネスト）の子要素の上下marginが親からはみ出る様子を色々試し、そのソースコードと結果の図です。親要素にmargin・padding・height・floatの有無での違いです。 基本形 先ず要素を入れ子にします。上の子要素（boxA-child）の下のmarginを50pxとします。 親要素＝parent＝薄い色 子要素＝child＝濃い色 間隔を見るために下に別の要素boxBを配置します。 この時点では親要素のborder・padding・height・floatはいずれもない状態です。 <div class="boxA-parent"> <div class="boxA-child""> <p>boxAp/Ac</p> </div> </div> <div class="boxB"> <p>boxB</p> </div> .boxA-parent {
初心者のためのスマートフォンサイトを作るときに見ておきたいサイト｜WEB Drawer -WEB制作に関するメモサイト-
スマートフォンサイトを本格的に作るようになってきたので、いろいろ基本的なことから調べてみました。 自分はコーディングがメインなので、HTML/CSS/JSが主になっています。 制作する前に仕様の確認 スマートフォンの仕様が載っています。一通り目を通すと、製作してる時に「これができない！」などの問題が回避できるかもしれません。 ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド ASCII.jp：サイト制作の前に知りたいiPhone/Androidの仕様｜実践！iPhone＆Androidサイト制作ガイド スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき スマートフォンサイトの制作 – 基礎編 – – ぺーぺーエンジニアのおぼえがき iPhone iPad向けサイトを制作するためのいろ
フォームのフリガナを自動入力させるAutoRuby.js | ホームページ制作・運営のヒント
&lt;script Language=”javascript” src=”http://ad.jp.ap.valuecommerce.com/servlet/jsbanner?sid=2456113&amp;pid=877160106″&gt;&lt;/script&gt;&lt;noscript&gt;&lt;a href=”http://ck.jp.ap.valuecommerce.com/servlet/referral?sid=2456113&amp;pid=877160106″ target=”_blank” &gt;&lt;img src=”http://ad.jp.ap.valuecommerce.com/servlet/gifbanner?sid=2456113&amp;pid
商用可！WEB制作用途に特化したアイコンを6200個以上をまとめた「The Best Icons Always」
TOP > WebDesign > 商用可！WEB制作用途に特化したアイコンを6200個以上をまとめた「The Best Icons Always」 WEBの制作には書かせないアイコン。デザイン感を統一させて用いれば、全体のクオリティを押し上げてくれます。今日紹介するのはWEB制作で使えるアイコンに特化したまとめサイト「WebIconSets.com- The Best Icons Always at Your Fingertips」を紹介したいと思います。 それぞれのアイコンセットごとにまとめられていて、それぞれかなりの数が収録されています。アイコンの総数は全部で6200個以上となっています。今日は紹介されているセットの中からいくつかピックアップして紹介したいと思います。 詳しくは以下 ■FamFamFam Silk: 700+ icons in PNG format (16×1
フリー素材*ヒバナ* *
ようこそ “フリー素材 * ヒバナ”は紙・和紙・布地・レース・木目・花びら・文房具・手芸などをテーマに、 ウェブサイト・ブログに利用できるシンプルな背景素材・アイコン素材などのフリー素材を作製し、配布しています。 色を変えたり、リサイズ・減色・コラージュなど自由に加工して下さい。 詳しくは、利用条件を良くお読みください。 新作フリー素材 レースの背景素材追加 縦横・サイズ違いあります。 定規のチロリアンテープ一列背景素材追加 縦横、2サイズ3色あります。 鉄琴とべルのチャーム素材追加 サイズ違いあります。 しましまリボン素材追加 サイズ違いあります。 音符のチャーム素材追加 サイズ違いあります。 木目の背景素材 2追加 色違いあります。 レースの背景素材追加 縦横・サイズ違いあります。 花柄レースの背景素材追加 縦横・サイズ違いあります。 トランペットのチャーム素材追加 サイズ違いあります
floatボックスが親ボックスを突き破る問題 - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 floatボックスが親ボックスを貫通して表示される問題について。いわゆるclearfixに関するアレコレ。 親ボックスの中に「box_A (float:left;)」と「box_B (float:right;)」があるとする。OperaやFirefox等のモダンブラウザで見てみると、中身（floatボックス）の高さが親ボックスに反映されていないことが判る。ちなみに上記のソースは以下。 <div style="width:140px; padding: 10px; border:1px solid #666; color: #333;"> <div style="flo
リスト（ul / li）タグの左インデントの幅がブラウザによって違う: chibicoo.under
リスト（ul / li）タグの左インデントの幅がブラウザによって違う 現象： リスト（ul / li）タグの左インデントの幅がブラウザによって違う。 単純な、マーカーなし、テキストのみのナビゲーションメニューを並べたい。 この状態では、左側にインデントが出来ます。 インデントをやめたいので、CSSで ul { padding:0px 0px 0px 0px} と指定したとします。 IE６ではインデントがつまりますが、NNでは依然インデントされたままです。 検索しても、これについて書いてあるところが全然ない。皆困ってないのかなー？ 原因： ようやく見つけたのは、 「”いろは”の先のCSS 第1回」 問題は、ブラウザによって左インデントの実現方法がまちまちだということです。IE6ではli要素に左margin【外側余白】が設定されています。だからCSSでli要素の左marginを0に
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ASTRODEO 株式会社アストロデオ