2018年– date –

HTMLやCSSを修正しようとしたとき、特にCSSを修正しようとしたとき、どのCSSが最終的に適用されているか見つけづらいときありませんか？僕は10年以上プログラマーをやっていますが、恥ずかしながら未だにテキストエディタだけでは見つけれないことが多々あ...

HTMLはWEBサイトを作成していると必要になるのがINPUT項目です。INPUTとは名前や電話番号、お問い合わせ内容などを入力するためのフォームを作るタグです。これを使えれば、HPにお問い合わせフォームなどを設置してお客様とコンタクトを取ったり出来ます。...

HTMLにはテーブルというものがあります。テーブルを使うとメニュー表などの表で作成するものが簡単に綺麗に整理して表示することが出来ます。これを使うことにより、サイトが見やすくなりSEOや成約で有利になります。【テーブルとは】テーブルとは、上の画...

画像を挿入してみたが、サイズが合わずデザインがあまりきれいにならない場合があると思います。そんなとき、画像自体のサイズを変更して表示する方法もありますが、HTMLとCSSの修正で表示サイズを変更する方法をご紹介します。【修正する場所】具体的にど...

サイドバーがあるとサイトをあまりスクロールせずにより多くの情報を提供出来るかと思います。サイドバーの上部バナーはクリックされやすいため、アフィリエイトやビジネスでHPを作る際にはサイドバーはあったほうがいいかもしれない。 そのサイドバ...

CSSでドロップダウンメニューを上に開く方法をお伝えしたいですが、その前にドロップダウンを上に開くって変ですね。白い黒板みたいな感じです。黒いホワイトボードの方が近いかな？そんなことはさておき、ドロップダウンメニューを上に開きたいという需要...

前回メニューを横並びにしましたが、そのメニューに子要素があった場合の話です。例えば「カテゴリー一覧」というメニューがあって、そこにマウスカーソルを当てると下に各カテゴリーのリンク一覧がピロッって出てくるものです。これがあればメニューをシ...

HTMLは誰が設計したのかたまに思うように動かないことがあります。その1つとして画像の下に謎の余白が出来てしまう現象です。画像自体も画像の周りの要素にも margin や padding は0を設定しています。なので普通に考えたら余白なんか出来ないんです・・・...

リストというのは ul タグを使って作成したものです。それを初期状態のままブラウザで表示すると下の画像のようになります。今回はこのたて並びになったリストを横並びにしてメニューぽくしてみようと思います。【横並びにするCSS】まず、CSSを当てる前の...

HTMLとCSSはセットで勉強しないと意味が無いほど互いに依存しています。HTMLは骨格だけでデザインは出来ない。CSSはデザインできるけど骨格は作れない。今回はCSSの基礎知識と、前回作ったHTMLの骨格にちょっとしたCSSを入れてみたいと思います。【CSSとは...