夢を見ていた

新たな世界を創造するブログ

スキマを消す

どうもー、

プログラムの勉強とかは進んでません。

 

でもとりあえずサイトを見やすくしようと思って

ずっと気になっていたメニューの下のスキマを

滅しにかかる。

 

案の定、目をやられたが得たものもあった!

 

唐突にインフォメーション

・この記事はサイト作成超初心者のためのものである。

プログラマーは帰った帰った!

 

 

はい、凡人だけが残ったところで

今回のお題はこちら!

「メニューの下の隙間をなくすには」です。

f:id:tanabeitoshi:20180902203624p:plain

headerやnav,#map,ul,li,h1とかh2

あらゆるもののマージンを殺しても生き残る

しぶとい宿敵

「おのれっ・・!」

と言いつつ敗北の放置状態だったのですが

この度めでたく魔法の呪文を会得しました☆

 

それがこちら

ul li img {

               vertical-align: bottom;
              }

スタイルシートにコレを書き込んで瞬殺!

 

メニュー画像のサイズが悪いの?とか思って

書き直したり何だりと時間を費やしてたのが滑稽だね☆

f:id:tanabeitoshi:20180902204335p:plain

エクセレーント!ブラボー!

 

 

では、以下に私の足取りをだらだら解説。

 

そういやマージンやパディングを見れるツールが

あったよなぁと記憶を辿る。

私の認識ではプログラマー用の(?)そういうのを

ダウンロードするんだと思っていた

しかし普通にブラウザ機能にあるらしい

ChromeにあるってことはFirefoxにもあるよなぁと

思って自分のサイトを開いて右クリック!

(あれ左クリックだったかな?)

f:id:tanabeitoshi:20180902204832p:plain

コホン、とにかく上記のような四角がでたら

検証とか要素を検証とか

それらしいのをクリックすると

f:id:tanabeitoshi:20180902205046p:plain

下の方にこんな感じで出るので

気になる隙間はどの要素の領域なのか

見ることが出来るよ!

 

そして今回はliの領域だったので

「liの余白を無くす」

に的を絞ってネット検索!

 

どうやらメニューに画像(img)を使っていることが

原因らしい。

 

f:id:tanabeitoshi:20180902211645p:plain

親要素とインライン要素の確執!

(言ってみたかっただけです。深い意味はない)

 

よくわからんが(オイ)

デフォルトの指定だとズレが生じて隙間となるので

vertical-alignで下のラインに合わせる指定をすれば

問題ないということなのだ!

 

まぁ、なんだ

とにかく隙間でお困りの方は

ひとつお試しあれ☆

 

結構見やすくなったと思う我のサイト!↓

f:id:tanabeitoshi:20180504190055p:plain

 

 

ダミアン舞踏会をひらく68

どうも、

今年は眉間の辺りにサードアイが形成され始めた田辺です。

去年もこの時期にサードアイ形成されかかってたな。

 

季節の変わり目

夏の疲れ?

なのでしょうか

 

こりゃ来年当たり

サードアイ能力が開花するやも

しれませんな

ははは

 

一更新一枚連載

 

前半のお話

 

<前回のあらすじ>

踊るベラとドラゴン(♂)

 

f:id:tanabeitoshi:20180831135542p:plain

主役置き去りの巻

 <つづく>

 

 

で、サードアイって何が出来るん?

f:id:tanabeitoshi:20180504190055p:plain

サードアイも近視だったら眼鏡どうしよう・・・

f:id:tanabeitoshi:20180511154501p:plainf:id:tanabeitoshi:20180511154501p:plainf:id:tanabeitoshi:20180511154501p:plain

近視(よく見えない)状態のサードアイって結局ただの目なんじゃ?

 

↓支援サイトに登録する手引き(簡単な説明)↓

「Patreon」に登録する。

ダミアン舞踏会をひらく67

あれ?

今まで書き出しのページ数とタイトルの数字には

2のずれがあったんだけど、

今日を持ちましてズレが3に増えました。

 

なんで?

成長期?

 

まぁいっか

気にせず今日も一枚連載!

 

前半のお話

 

<前回のあらすじ>

踊るぞー♪

 

f:id:tanabeitoshi:20180830110249p:plain

舞踏会って感じする~☆

 <つづく>

 

 

あ、書き出しページの数字間違えてる。

f:id:tanabeitoshi:20180504190055p:plain

更新のこと忘れかけてた日に間違えたみたい。

f:id:tanabeitoshi:20180511154501p:plainf:id:tanabeitoshi:20180511154501p:plainf:id:tanabeitoshi:20180511154501p:plain

気づくの遅いゾッ☆

 

↓支援サイトに登録する手引き(簡単な説明)↓

「Patreon」に登録する。

ダミアン舞踏会をひらく66

はっ!いけない

ラグマットの色に悩みすぎて

日が暮れているではないか。

 

素敵だと思うものが高価な場合は

涙を呑んで

予算内で気に入ったものを選ぶことになる。

 

そうなると突出した情熱が足りないので

材質、価格をクリアしたものならば

もう何だって構わない。

 

そうさ

どの色だって素敵さ

だから決められない

 

青が好きだけど

ベージュ系の方がオサレで落ち着いてるし

でも緑も試してみたい・・・

 

仕方ないので風水的に緑にした

風水の後押しを得て「よし!」となったので

次の「でもなぁ・・」の波が来る前に

ポチった!

 

大丈夫、失敗したって命はあるのさ。

 

ラグ選びに全身全霊で挑みすぎている

そんな田辺の一枚連載はじまるよッ!

 

前半のお話

 

<前回のあらすじ>

堅物ベラからのダンスの申し出

 

f:id:tanabeitoshi:20180829190934p:plain

おっとこ前~!

 <つづく>

 

 

まだレースカーテンを選ぶという難関が控えているのだ

f:id:tanabeitoshi:20180504190055p:plain

トルコ刺繍!トルコ刺繍~!

f:id:tanabeitoshi:20180511154501p:plainf:id:tanabeitoshi:20180511154501p:plainf:id:tanabeitoshi:20180511154501p:plain

1ドルからの支援ヨロ☆

 

↓支援サイトに登録する手引き(簡単な説明)↓

「Patreon」に登録する。

 

ダミアン舞踏会をひらく65

クラフトビールが好きです。

 

もちろん大手のビールも飲むけど

大麦、小麦、ホップ、麦芽みたいな表記のだけ買うよ。

スピリッツとかコーンスターチとか入っているのは好きじゃない。

他にはオレンジピールとかコリアンダーコリアンダーシードとか

入っているのは大丈夫というか好き。

 

ホワイトビールってやつだね。

 

でもコリアンダーて何?と調べたら

パクチーのことらしい。

 

以前コンビニでパクチー風味のパンを食べて

結構いけると思ったのは

ホワイトビールで慣れていたからかもしれないね。

 

外国のビールは小麦で出来てる実感がすごい。

パンを飲んでいるみたいだよ!

飲んだことないお酒飲める人は試してみてね☆

 

では1枚連載。

 

前半のお話

 

<前回のあらすじ>

舞踏会はお開きに。

 

f:id:tanabeitoshi:20180828111909p:plain

 

 <つづく>

 

 

冬はホットワインがお勧めだよ☆シナモンとか入れて作るの

f:id:tanabeitoshi:20180504190055p:plain

パトリヨンはクリエータ支援サイトです。

f:id:tanabeitoshi:20180511154501p:plainf:id:tanabeitoshi:20180511154501p:plainf:id:tanabeitoshi:20180511154501p:plain

1ドルからの支援ヨロ☆

 

↓支援サイトに登録する手引き(簡単な説明)↓

「Patreon」に登録する。

 

ダミアン舞踏会をひらく64

まだまだ暑いね!コンチックショー

バイトがなくなると途端に曜日感覚が

なくなってしまうね

なんつって☆

 

そのとうりだよ!

 

更新のこと忘れかけてたよ!

 

引越しすると何故だか

やることがどんどん増えていくんだよ

タスクの繁殖期なのかもしれないね☆

 

ラグを買ったりカーテン買ったり

ダンボール詰めの荷物を放置プレイしたり

自分でも「怖っ」て思うくらいに伸びすぎた

貞子たんヘアーをオサレヘアーに変換したいし

眼鏡も視界領域限界の悲鳴を上げているし

おいしいビールも飲みたいし

 

実家のピアノ売ったり

防具売ったり・・・

 

はー暑い!

 

脳天から湯気が出そうな勢いで

一枚連載今週も始めるよ~☆

 

前半のお話

 

<前回のあらすじ>

ドラゴン出現により会場は閑古鳥

 

f:id:tanabeitoshi:20180827145225p:plain

ザンネ~ン!

 <つづく>

 

 

暑さでテンションやられるの巻!

f:id:tanabeitoshi:20180504190055p:plain

パトリヨンはクリエータ支援サイトです。

f:id:tanabeitoshi:20180511154501p:plainf:id:tanabeitoshi:20180511154501p:plainf:id:tanabeitoshi:20180511154501p:plain

1ドルからの支援ヨロ☆

 

↓支援サイトに登録する手引き(簡単な説明)↓

「Patreon」に登録する。

 

ダミアン舞踏会をひらく63

岐阜市には琴塚古墳があるんだよ。

新居を探しているとき知りました。

こんなに身近にそんなものがあるなんて

今まで知らずに過ごしていたよ。

 

でもウィキ見たら調査はされてないとか書いてあって、

何でしないんだ!と思ったら

 

古墳て結構あるのだね。

 

全国で数百単位かと思っていたら

一県あたり万単位であるようです。

 

多っ!Σ(゜戸゜;)

 

そら調べないわな

一応古墳は墓処なわけだし。

 

はるか昔の建造物(?)がこんなに残っているなんて

すごいなぁと思ったり

人間の歴史など浅いぜよ!という

地球の声が聞こえてきそうだと思ったりしながら

 

一枚連載突入!

 

前半のお話

 

<前回のあらすじ>

ドラゴンのダンスの誘いを断るベラ

 

f:id:tanabeitoshi:20180824090529p:plain

迅速な避難!

 <つづく>

 

 

ピカピカつやつや金曜日☆

f:id:tanabeitoshi:20180504190055p:plain

 だんだん頁数が減ってきている気がしないでもないKa-Ge更新したよ!

f:id:tanabeitoshi:20180511154501p:plainf:id:tanabeitoshi:20180511154501p:plainf:id:tanabeitoshi:20180511154501p:plain

1ドルからの支援ヨロ☆

 

↓支援サイトに登録する手引き(簡単な説明)↓

「Patreon」に登録する。

 

ダミアン舞踏会をひらく62

前文を前の晩

寝入りしなに考えるんだけど

眠って起きると忘れちゃうよね☆

 

よくあるよくある

ドンマイ私~

 

今日の一枚連載

 

前半のお話

 

<前回のあらすじ>

ドラゴンがベラにダンスを申し込んだよ!

 

f:id:tanabeitoshi:20180823110532p:plain

空気をぶった切る女ベラ

 <つづく>

 

 

頑張ってリニューアルしたいぞ!

f:id:tanabeitoshi:20180504190055p:plain

 どれかは「異世界くじ」なのだ

f:id:tanabeitoshi:20180511154501p:plainf:id:tanabeitoshi:20180511154501p:plainf:id:tanabeitoshi:20180511154501p:plain

↓支援サイトに登録する手引き(簡単な説明)↓

「Patreon」に登録する。