スキマを消す
どうもー、
プログラムの勉強とかは進んでません。
でもとりあえずサイトを見やすくしようと思って
ずっと気になっていたメニューの下のスキマを
滅しにかかる。
案の定、目をやられたが得たものもあった!
唐突にインフォメーション
・この記事はサイト作成超初心者のためのものである。
プログラマーは帰った帰った!
はい、凡人だけが残ったところで
今回のお題はこちら!
「メニューの下の隙間をなくすには」です。
headerやnav,#map,ul,li,h1とかh2
あらゆるもののマージンを殺しても生き残る
しぶとい宿敵
「おのれっ・・!」
と言いつつ敗北の放置状態だったのですが
この度めでたく魔法の呪文を会得しました☆
それがこちら
ul li img {
vertical-align: bottom;
}
スタイルシートにコレを書き込んで瞬殺!
メニュー画像のサイズが悪いの?とか思って
書き直したり何だりと時間を費やしてたのが滑稽だね☆
エクセレーント!ブラボー!
では、以下に私の足取りをだらだら解説。
そういやマージンやパディングを見れるツールが
あったよなぁと記憶を辿る。
私の認識ではプログラマー用の(?)そういうのを
ダウンロードするんだと思っていた
しかし普通にブラウザ機能にあるらしい
思って自分のサイトを開いて右クリック!
(あれ左クリックだったかな?)
コホン、とにかく上記のような四角がでたら
検証とか要素を検証とか
それらしいのをクリックすると
下の方にこんな感じで出るので
気になる隙間はどの要素の領域なのか
見ることが出来るよ!
そして今回はliの領域だったので
「liの余白を無くす」
に的を絞ってネット検索!
どうやらメニューに画像(img)を使っていることが
原因らしい。
親要素とインライン要素の確執!
(言ってみたかっただけです。深い意味はない)
よくわからんが(オイ)
デフォルトの指定だとズレが生じて隙間となるので
vertical-alignで下のラインに合わせる指定をすれば
問題ないということなのだ!
まぁ、なんだ
とにかく隙間でお困りの方は
ひとつお試しあれ☆
結構見やすくなったと思う我のサイト!↓
ダミアン舞踏会をひらく68
どうも、
今年は眉間の辺りにサードアイが形成され始めた田辺です。
去年もこの時期にサードアイ形成されかかってたな。
季節の変わり目
夏の疲れ?
なのでしょうか
こりゃ来年当たり
サードアイ能力が開花するやも
しれませんな
ははは
一更新一枚連載
<前回のあらすじ>
踊るベラとドラゴン(♂)
主役置き去りの巻
<つづく>
で、サードアイって何が出来るん?
サードアイも近視だったら眼鏡どうしよう・・・
近視(よく見えない)状態のサードアイって結局ただの目なんじゃ?
↓支援サイトに登録する手引き(簡単な説明)↓
ダミアン舞踏会をひらく67
あれ?
今まで書き出しのページ数とタイトルの数字には
2のずれがあったんだけど、
今日を持ちましてズレが3に増えました。
なんで?
成長期?
まぁいっか
気にせず今日も一枚連載!
<前回のあらすじ>
踊るぞー♪
舞踏会って感じする~☆
<つづく>
あ、書き出しページの数字間違えてる。
更新のこと忘れかけてた日に間違えたみたい。
気づくの遅いゾッ☆
↓支援サイトに登録する手引き(簡単な説明)↓
ダミアン舞踏会をひらく66
はっ!いけない
ラグマットの色に悩みすぎて
日が暮れているではないか。
素敵だと思うものが高価な場合は
涙を呑んで
予算内で気に入ったものを選ぶことになる。
そうなると突出した情熱が足りないので
材質、価格をクリアしたものならば
もう何だって構わない。
そうさ
どの色だって素敵さ
だから決められない
青が好きだけど
ベージュ系の方がオサレで落ち着いてるし
でも緑も試してみたい・・・
仕方ないので風水的に緑にした
風水の後押しを得て「よし!」となったので
次の「でもなぁ・・」の波が来る前に
ポチった!
大丈夫、失敗したって命はあるのさ。
ラグ選びに全身全霊で挑みすぎている
そんな田辺の一枚連載はじまるよッ!
<前回のあらすじ>
堅物ベラからのダンスの申し出
おっとこ前~!
<つづく>
まだレースカーテンを選ぶという難関が控えているのだ
トルコ刺繍!トルコ刺繍~!
1ドルからの支援ヨロ☆
↓支援サイトに登録する手引き(簡単な説明)↓
ダミアン舞踏会をひらく65
クラフトビールが好きです。
もちろん大手のビールも飲むけど
大麦、小麦、ホップ、麦芽みたいな表記のだけ買うよ。
スピリッツとかコーンスターチとか入っているのは好きじゃない。
他にはオレンジピールとかコリアンダー、コリアンダーシードとか
入っているのは大丈夫というか好き。
ホワイトビールってやつだね。
でもコリアンダーて何?と調べたら
パクチーのことらしい。
以前コンビニでパクチー風味のパンを食べて
結構いけると思ったのは
ホワイトビールで慣れていたからかもしれないね。
外国のビールは小麦で出来てる実感がすごい。
パンを飲んでいるみたいだよ!
飲んだことないお酒飲める人は試してみてね☆
では1枚連載。
<前回のあらすじ>
舞踏会はお開きに。
<つづく>
冬はホットワインがお勧めだよ☆シナモンとか入れて作るの
パトリヨンはクリエータ支援サイトです。
1ドルからの支援ヨロ☆
↓支援サイトに登録する手引き(簡単な説明)↓
ダミアン舞踏会をひらく64
まだまだ暑いね!コンチックショー
バイトがなくなると途端に曜日感覚が
なくなってしまうね
なんつって☆
そのとうりだよ!
更新のこと忘れかけてたよ!
引越しすると何故だか
やることがどんどん増えていくんだよ
タスクの繁殖期なのかもしれないね☆
ラグを買ったりカーテン買ったり
ダンボール詰めの荷物を放置プレイしたり
自分でも「怖っ」て思うくらいに伸びすぎた
貞子たんヘアーをオサレヘアーに変換したいし
眼鏡も視界領域限界の悲鳴を上げているし
おいしいビールも飲みたいし
実家のピアノ売ったり
防具売ったり・・・
はー暑い!
脳天から湯気が出そうな勢いで
一枚連載今週も始めるよ~☆
<前回のあらすじ>
ドラゴン出現により会場は閑古鳥
ザンネ~ン!
<つづく>
暑さでテンションやられるの巻!
パトリヨンはクリエータ支援サイトです。
1ドルからの支援ヨロ☆
↓支援サイトに登録する手引き(簡単な説明)↓
ダミアン舞踏会をひらく63
岐阜市には琴塚古墳があるんだよ。
新居を探しているとき知りました。
こんなに身近にそんなものがあるなんて
今まで知らずに過ごしていたよ。
でもウィキ見たら調査はされてないとか書いてあって、
何でしないんだ!と思ったら
古墳て結構あるのだね。
全国で数百単位かと思っていたら
一県あたり万単位であるようです。
多っ!Σ(゜戸゜;)
そら調べないわな
一応古墳は墓処なわけだし。
はるか昔の建造物(?)がこんなに残っているなんて
すごいなぁと思ったり
人間の歴史など浅いぜよ!という
地球の声が聞こえてきそうだと思ったりしながら
一枚連載突入!
<前回のあらすじ>
ドラゴンのダンスの誘いを断るベラ
迅速な避難!
<つづく>
ピカピカつやつや金曜日☆
だんだん頁数が減ってきている気がしないでもないKa-Ge更新したよ!
1ドルからの支援ヨロ☆
↓支援サイトに登録する手引き(簡単な説明)↓
ダミアン舞踏会をひらく62
前文を前の晩
寝入りしなに考えるんだけど
眠って起きると忘れちゃうよね☆
よくあるよくある
ドンマイ私~
今日の一枚連載
<前回のあらすじ>
ドラゴンがベラにダンスを申し込んだよ!
空気をぶった切る女ベラ
<つづく>
頑張ってリニューアルしたいぞ!
どれかは「異世界くじ」なのだ
↓支援サイトに登録する手引き(簡単な説明)↓