Tag Archives: インライン要素

リストタグをインライン化し、スタイルを設定メニューをつくる

・

 
前回までのあらすじ。
ブロックレベル要素であるリストタグ。
彼らは、なにもしなければ、縦にしか並んでくれない頑固ものだ。
しかし、そんな彼らのプライドを挫くため、前回、こっそりと【display : inline】という魔法をかけた。
するとどうだろう……
【display : inline】をかけられた、リストタグらは、ヘニャヘニャと、どこにでもある、単なる一行文と化したのだった。
恐るべし、ブロックレベル要素のインライン化。可哀想に、思った管理人ルビは、インライン要素の特性を活かし、お洒落な(??)装飾をしてあげることにしたのだった。
リストタグの運命やいかに……


Continue Reading

リストタグを横並びにしながら、インライン要素の特徴を知ろう

HPB操作画面リスト挿入

このあいだまでは、
インライン要素のAタグをブロックレベル要素にするという事してきましたが、
今度は、その逆をします。

ブロックレベルをインライン化です。

まず、リストを作りました!

こ、こ、こんどは、寿司屋かよ!

 


Continue Reading

Q&A リストタグの装飾 2

ボタンのように端っこも押せるリンクの設定

サンプル画像

クリックする範囲が大きいことは、見栄えもよいですが、閲覧者にも親切だと思います。

時々間違え探しのような、まるで、こちらが試されているようなリンクや、ダミーリンクなどがありますが……大人の事情により以下略

←今回は、これを作ります。
サンプルページは、こちらからどうぞ



Continue Reading

ブロックレベル要素とインライン要素

タグの性質を把握する

ブロックレベル要素と、インライン要素だって?
何をいきなり、難しいこと言いだしたわけ!?

はあ……まあ……そうですね。
管理人も、最近覚えたことですが、覚えておくといい、
いや、
覚えておくべきだと思ったので、ちょっち書きます。

Continue Reading