webとデザインに関するmacha1990のブックマーク (3)

  • ロールオーバーをCSSで実現する

    #myButton a { display: block; overflow: hidden; height: 0px; width: 100px; background-image: url(img/tip007_1.jpg); padding-top: 30px; text-align: center; margin: 10px 50px; } #myButton a:hover { background-image: url(img/tip007_2.jpg); } 2行目:指定要素がブロックレベルで表示されるようにします 3行目:ボックスの範囲内に内容が入りきらない場合に、はみ出た部分を表示しないようにします 4行目:高さを 0px にします(これは後の指定で上余白を画像の高さ分取るためです) 5行目:画像の幅を指定します 6行目:背景画像を指定します 7行目:上余白を画像の高さに

    macha1990
    macha1990 2012/05/30
    JavascriptなしCSSでのロールオーバー実現。
  • WEBサイトカッコイイ|かっこいいWEBサイトのリンク集。

    新運輸株式会社 株式会社船津工務店 株式会社山田組 採用サイト 株式会社リプライオリティ 西野建設工業株式会社 河合電器製作所 JPホールディングスグループ リクルートサイト 塩田家具 リヴリア PLATFORM Casa採用情報 Ready Crew madameFIGARO.jp RITA GROUP 大人のための数学・物理・統計教室 豆乳アイス、はじめました。 フォーサイト総合法律事務所 QJWeb 株式会社ジーピーオンライン インフォメーションメディアデザイン株式会社 ひよけ寿司・和処ひよけ家 brand name 鴻池組 - 新卒採用サイト 電音部 UNLEASH RYUTist いちから株式会社 株式会社エートゥジェイ 鬼怒川金谷ホテル F-FURNITURE 採用情報サイト | 株式会社カデックス 株式会社ミキハウストレード 東京睡眠代謝クリニック新宿 江古田まさ動物病院

    macha1990
    macha1990 2012/05/16
    WEB制作のまとめサイト。採用情報も地域ごとにあり。
  • CSSでレイアウトするなら絶対覚えておきたいブロックレベル要素のクセとかいろいろ

    Webデザインをするときに、必ず使うスタイルシート。思うようなレイアウトを作るために、チェックしておきたいブロックレベル要素や、インライン要素のクセみたいなのをまとめてみました。後半はスタイルが反映されない原因のひとつ、スタイルの優先順位についてです。 Attention 記事公開時からいろいろと勉強して、この記事内で紹介している事柄で、間違った解釈をしていたなーと気がつきました。 この記事の中でいくつか追記してありますが、詳しくは、新しく書いた 11月7日の記事:CSSでレイアウトするなら絶対覚えておきたい配置のルール:フロートや絶対配置、z-index とかいろいろ を読んでみてくださいね! New Post Webサイトをデザイン、レイアウトするのに欠かせないのが CSS(Cascading Style Sheets、スタイルシート)ですね!今では CSS3 が話題を集めていて、CS

  • 1