kokusyo

今回はWeb制作の初心者が必ず遭遇するコーディングの悩み。imgタグの下に謎の隙間ができる件について対処法を記載致します。 imgタグの下に隙間？ 皆さんはimgタグの下に謎の隙間ができたって経験あり ...

表などを作成する際に使用する「TABLE」タグ。そんなテーブルの列幅を均等にする方法を解説します。 テーブルのサンプル 作成するのは下記の簡単なテーブル、中にはいっている文字数によって幅が変わっていま ...

今回は好きなようにラジオボタンをカスタマイズする方法を解説致します。 本来のラジオボタンを非表示にする 作成するのは下記のようなデザインのカスタマイズです。 作成するラジオボタン 日本 中国アメリカ ...

皆さんは画像を配置するときにimgタグとbackground-imgどちらを使用しますか？似たような要素ですが、どちらを利用すればよいか考えたいと思います。 SEO的に考える まず、SEO的にimgタ ...

カード型のレイアウトはよく頻出するデザインですよね。そんなカード型のレイアウトの高さを揃えることを改めて考えてみます。 カードそのものの高さを揃える まずは今回作成するのは下記のようなカード型デザイン ...

要素を左右に並べる場合、以前はfloatなどを使ってましたね。ですが、float を使うとclear しないといけなかったりレイアウトが崩れやすかったり使いづらいですよね。現在はほとんどの方がflex ...

htmlでは、テキストや画像を上下左右中央に持ってくることが多いです。その方法は様々ありますが、デザインや状況に合わせて使い分けれるようになりましょう。 代表的な方法を紹介します。 左右中央に配置する ...

ボタンはどのようなWebサイトでも必ず存在するパーツですね。 ボタンを作るのは簡単ですが、デザイン通りに、そしてどのような時でもレイアウトが崩れないボタンを作るにはどうするか？そんなボタンの長さ・高さ ...