CSS 「float」で幅が揃わない場合の解決方法
CSS 「float」で指定した要素の幅サイズが揃わない 「float」は「float」で指定した要素の内部の要素を均等な幅サイズで表示するという、レスポンシブコーディングには欠かせないプロパティです。 「float」を…
ページ内リンクがずれる時CSSのみで解決する方法
ページ内リンクでタイトルが切れてしまう時の解決方法 ページ内リンクでタイトルが切れてしまうのは、アンカーポイントの高さがないのが原因です。 以下のようにclassを振って、CSSでブロック要素に下うえで高さを指定し、余白…
レスポンシブでfloatを使用し要素の高さを指定した場合の注意点
レスポンシブのCSSでfloatを使用した場合、高さを指定しないと回り込みがうまくいかずガチャガチャとしてしまう場合があります。 レスポンシブではあまり高さは指定したくありませんが、指定する場合は以下に気を付けます。 ま…
レスポンシブでCSSが効かなくなる時の解決方法
一つのCSSを使用して、必要に応じてCSS内で@media screenを使いコンテンツの幅に合わせてCSSの振り分けを行っている場合。 SPサイズにしたりPCサイズにした際に、急に特定のCSSが効かなくなる事があります…
html tableで文字が改行されて崩れてしまう時の解決法
表組を組んだ時に文字が改行されてバラバラと縦長になっしまう… htmlで表組を作成した時、こんなふうに意図せず改行されてしまうことはありませんか？ 土・日 予約可能 お問い合わせください 満席 お問い合わせください 席残…
display:none が効かない時の対処法
スマホ用のボトムナビゲーションをPCの際には非表示にしたいと思い、CSSで「display:none」を適応したのですが、全く効きませんでした。 display:noneはかなり強い記述で、バグはほとんどな…
ホームページレイアウトを横並びにデザインする floatプロパティ
2000年代初頭、CSSコーディングの時代へ 私がコーディングを教わった2000年初頭は、エクセルのような感覚で表組を使用してサイト全体を整える「tableコーディング」や、阿部寛さんのホームページのような左右が分割され…
デザイナープロフィール
牧内理恵
Webデザイナー/広告企画・制作
長野県飯田市天竜峡出身。長野県立飯田高校卒業。リクルートメディアコミュニケーションズに採用後、求人情報誌の制作業務に就く。その後東京のホームページ制作会社に転職。ディレクション、デザイン、コーディング業務を行う。2011年に地元・飯田市に移住。 2013年8月に開業。コミュニケーションをスムーズにするために必要なものならなんでも（ホームページ制作・WEB制作・ネットショップはもちろん、ロゴマーク・チラシ・会社案内・パンフレット・季刊誌など）制作いたします！
動画コンテンツ
