Tag Archives: リストタグ

定義リストDLの横並び

定義リストサンプル画像

今回は、これを作ります!

定義リストって、なによ? って方は下記をご参照ください!

 
Continue Reading

定義リスト <dt><dd>の横並び

定義リストサンプル画像

今回は、定義リスト<dt><dd>を横並びにし、
更新のお知らせなどに使える小窓を作っていきます!

Continue Reading

HTMLタグについて
定義リスト<dl><dt><dd>を使いこなす!


 

今回は、定義リストです。
名前は、気難しそうですが、なかなか使えるヤツだと思います。



Continue Reading

ホームページビルダー・スタイルシートマネージャの操作 リストタグのCSS設定


 
今回は、初心にかえって(??)ホームページビルダーのスタイルシートマネージャの操作についてです。
よく使う「リスト」の項目ですが、ピクトグラムで表されているので、直感的にわかるはずなのに、意外と、アレ?と、思うこと方もいるかも……私がそうでした^^;


Continue Reading

フロートを使った、いろいろな横並びメニュー


 
はじめて、
横並びのメニューが出来た時は、
やったー!
と叫んだ。それほど嬉しかった。
でも、
パンダが並んでいるのを見ると、
世の中的には、どうでもいい
超小さい喜びだ……(>_< ) それでも、 私は、嬉しかったのさ……!  

Continue Reading

フロートを使った横並びのメニューバー 中央配置

・
 

今回は、フロートを使った横並びのメニューバーを作成します。

やっと、だね……(-.-)



Continue Reading

リストタグの余白やリストマークについて

・
 

リストの横並びメニューを作る上で、リストタグの特性を確認しておこうと思います。

また、メニューおあずけなのね……

すみません^^;



Continue Reading

リストタグを使った横並びメニュー flotを使ってみよう!


 

←?? 横違いじゃない?

まぁ、いいじゃない^^;

やっと、やる気になったのか?

どうかな……^^; とりあえず、フロートを使ったメニューの横並びを説明します!



Continue Reading

横並びメニューを入れた、ヘッダーを作ってみる

・
 

リストタグをdisplay : inline;で、横並びにし、作ったメニューを使い、ヘッダーを作ってみました。
素材によって、ずいぶん印象が変わると思いますよ!
display : inlineで、横並びのやり方は、こちらから


Continue Reading

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

・

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


Continue Reading