CSSハック | BLOG × WORLD ENDINGThis domain may be for sale!
テキスト入力欄の内側にアイコンを表示する - ［ホームページ作成］All About
テキスト入力フォームの内側にアイコンを表示 無味乾燥なテキスト入力欄の内側を、アイコンを使って装飾してみましょう。 アイコンで機能を表現すれば、入力欄の目的を明確にする役にも立ちます。 例えば、以下のように検索機能を示すアイコン「」を表示すれば、 検索語を入力するためのテキスト入力欄であることが分かりやすくなるでしょう。
ulで隙間が空いてしまう
CSSのリストで、画像を使ったナビゲーションを作成しております。 opera7.5、netscape7.0、firefox1.0では下記CSSで問題なく表示されますが、IE6.0ではナビゲーションの画像の下側に3px程度の隙間が空いてしまいます。 解決策を教えてください。よろしくお願いいたします。 ------------------------------------------------------- body { background-color: #000000; color: #ffffff ; font-family: "Osaka","ＭＳ Ｐゴシック"; font-size: 0.75em; line-height: 1.5em; margin: 0px; padding: 0px; text-align: center; } div#cont
JAVASCRIPT::BOOKMARKLET
JavaScript::Bookmarklet スクリプト集:このページで紹介しているスクリプトは自由にお使いください。 更新日：2006.10.27 [blog] このページは様々な用途で利用できるBookmarkletをご紹介しています。もしこのページで紹介しているBookmarkletが気にいったら是非このページをあなたのホームページとリンクしてください。そしてもっと多くの人にBookmarkletのおもしろさを伝えてください。リンクに許可は必要ありません。またこのページで紹介しているBookmarkletの多くは海外サイトで紹介されているコピーフリーなものです。ですから自由にコピーして使ってください。 ニュース＆お知らせ 6月27日：「カウンタ」を追加しました。 3月18日：「DOMのソースを見る」を追加しました。 1月26日：「nofollow属性のリンクを強調」を追加しました。
キャプション付き画像を横向きに並べて配置する方法 [ホームページ作成] All About
写真をたくさん掲載したい場合、単に写真だけを並べるのではなく、何か一言タイトル(キャプション)やコメントを書いておきたいと思うことがあります。 画像だけを横方向に並べるのはとても簡単ですが、「画像とキャプション」を1セットにして、複数のセットを横方向に配置するにはどうすれば良いでしょうか？ 表組み(テーブル)を使う方法もありますが、横方向に並ぶ個数(＝列数)が固定されてしまうデメリットがあります。 ここはやはり、閲覧者のウインドウ幅に合わせて、横方向に並ぶ個数が自動的に変化する「リキッドレイアウト」が望ましいでしょう。 例えば、下図のように。 スタイルシートを使ってレイアウトを作れば、こんなことも簡単に実現可能です。 今回は、「キャプション付き画像」を、横方向にリキッドレイアウトで並べる方法をご紹介いたします。 【本記事の目次】 1. 画像とキャプションをセットにしたボックスを作る (p.
![キャプション付き画像を横向きに並べて配置する方法 [ホームページ作成] All About](https://cdn-ak-scissors.b.st-hatena.com/image/square/0611a2d59feefe3def5f5bae26c7f325020c34bd/height=288;version=1;width=512/https%3A%2F%2Fimgcp.aacdn.jp%2Fimg-a%2F1200%2F900%2Faa%2Fgm%2Farticle%2F2%2F3%2F9%2F2%2F3%2Ftopimg_large.png)
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Japan.internet.com Webマーケティング - Yahoo!、検索の向上を目指し新タグ導入