CSS
もっと簡単にCSS3だけでステッチ画像を作り背景装飾する ちょっとした見出し程度でしたらPhotoshopを使わずともCSSで指定する方が簡単で早いです。 こんな感じになります。 手順 背景色を指定する 線を表示するためにborderを使わずにoutlineを使う outline…
140×140、300×300、140×300、300×140の画像だけでレイアウトを作る練習をしました。 完成形 html5形式で作ります。 作成のコツ まず、pタグを使ってすべての画像を並べます。 html5ではpタグの代わりにを使うので、に打ち替えます。 html5ではdivタグの代わ…
極意というほどのものでもないですが・・ CSS3のborder-radiusを使えばもっときれいで自由な角丸が作れるんですが、画像とCSSのみで作る方法です。最初、どうしても下のラウンド画像の下にmiddleの直線がはみ出してしまっていたのですが、それはtop、middle…
li a{ text-decoration:none; } li a にtext-decoration。これで消えました。 liにはtext-decorarionしていたのですが、li aには指定していませんでした。そのせいでした。
発見 ナビゲーションがちゃんと表示されない理由がわかった！ ｝がひとつ多かった。 Dreamweaverで見るとよくわかる。 文法ミス・・・。 こんな単純な理由でもドツボにハマった夜は自力では発見できない・・ 日を改めて、河岸を変えて見ると自力で発見できる…
floatレイアウトの基本からやりおしたらうまくいきはじめた 横並びにするボックスの両方にleftかrightのどちらかを指定しなければいけないのだ。 そしてfloat指定するならwidthも絶対一緒に指定しなければいけないのだ。 外側の囲みのwrapperにもwidthは絶対…
実践 Web Standards Design ~Web標準の基本とCSSレイアウト&Tips~作者: 市瀬裕哉,福島英児,望月真琴出版社/メーカー: 技術評論社発売日: 2008/11/29メディア: 大型本購入: 18人 クリック: 293回この商品を含むブログ (60件) を見る先日先生に紹介されたWEB …
下記のような画像の一部をずらしながら背景として見せることで、ボタンのようなリンクを作ることが出来る。 <html> <head> <meta charset="UTF-8"> <title>縦メニュー：CSS Sprit</title> <link rel="stylesheet" href="css/style.css" media="screen,print"> </head> <body> <div id="nav"> <ul> <li id="home"><a href="#"><em>ホーム</em></a></li> <li id="food"></li></ul></div></body></html>
下記課題ページの残り（CSS16〜CSS20）をやって見た。 http://d.hatena.ne.jp/css_design/20121130/p1なるべくお手本を見ないで、まずは自力でCSSを打つ。 まるで動かない。そして文字化け。動かない理由を一個ずつ探してつぶす。 振返って見ると、ここで使…
