お取り寄せいいもの見つけたよ!

お取り寄せいいもの見つけたよ!

PR

×

購入履歴

【楽天ランキング1位】 ビタミンC KITEN キテン リポソームビタミンC サプリメント ビタミンC サプリ 2000mg 栄養機能食品 特許成分配合 高吸収 高濃度 持続型 医師監修 日本製 120粒 30日分
ファッション ブランド ブレアゾン Jun Yoshida デザイン イタリア製 牛革 フィレンツェ ネイビー ローズ ブラック 黒 ローズ グレー グレージュ GIOVANNI ジョバンニ【 トートバッグ 】VREASON ヴレアゾン 日本製 本革 トート バック A4 ファイル フォーマル ビジネス 雑誌 収納 ハンド バッグ バック カブセ 2本手 レディース レザー 本革 牛革 革 皮 人気 トレンド 使いやすい 機能的 充実 おしゃれ カラー きれい 可愛い かわいい 黄金比
ファッション ブランド ブレアゾン Jun Yoshida デザイン イタリア製 牛革 フィレンツェ ネイビー ローズ ブラック 黒 ローズ グレー グレージュ GIOVANNI ジョバンニ【 トートバッグ 】VREASON ヴレアゾン 日本製 本革 トート バック A4 ファイル フォーマル ビジネス 雑誌 収納 ハンド バッグ バック カブセ 2本手 レディース レザー 本革 牛革 革 皮 人気 トレンド 使いやすい 機能的 充実 おしゃれ カラー きれい 可愛い かわいい 黄金比
ファッション ブランド ブレアゾン Jun Yoshida デザイン イタリア製 牛革 フィレンツェ ネイビー ローズ ブラック 黒 ローズ グレー グレージュ GIOVANNI ジョバンニ【 トートバッグ 】VREASON ヴレアゾン 日本製 本革 トート バック A4 ファイル フォーマル ビジネス 雑誌 収納 ハンド バッグ バック カブセ 2本手 レディース レザー 本革 牛革 革 皮 人気 トレンド 使いやすい 機能的 充実 おしゃれ カラー きれい 可愛い かわいい 黄金比
令和5年産 玄米 30kg ななつぼし 北海道 送料無料 精米無料

カレンダー

プロフィール

か ず さ か

か ず さ か

サイド自由欄











2004年01月17日
XML
カテゴリ: その他


ボックスを
並べてみよう3♪



日記でボックスを並べて使ってみましょう

4つのボックスを並べて配置してみます

上下左右の調整はマージンを使うと便利です

日記は自動改行となるので注意が必要です


日記を標準の幅で表示する場合

全体の幅を500程度にしてください


幅 150 高さ150・200・250・300 のボックスで配置してみます

1・4つのボックスを並べて配置してみます

  高さは300となり ボックスは下揃えで配置されます


HTMLタグは

<P style="width:600;height:300;"><B style="width:150;height:150;background-color:green;"><BR>幅 150<BR>高さ150<BR>
</B><B style="width:150;height:200;background-color:fuchsia;"><BR>幅 150<BR>高さ200<BR>
</B><B style="width:150;height:250;background-color:gray;"><BR>幅 150<BR>高さ250<BR>
</B><B style="width:150;height:300;background-color:teal;"><BR>幅 150<BR>高さ300<BR>
</B></P>



ボックスの配置は下のようになります


幅 150
高さ150


幅 150
高さ200


幅 150
高さ250


幅 150
高さ300



2・ ボックスを上揃えで配置してみましょう

  下側にマージンを指定します

  マージンを含めた高さは300となります

  マージン部分に色をつけてあります


HTMLタグは

<P style="width:600;height:300;"><B style="width:150;height:150;margin-bottom:150;background-color:green;"><BR>幅 150<BR>高さ150<BR>下側のマージン<BR> 150<BR>
</B><B style="width:150;height:200;margin-bottom:100;background-color:fuchsia;"><BR>幅 150<BR>高さ200<BR>下側のマージン<BR> 100<BR>
</B><B style="width:150;height:250;margin-bottom:50;background-color:gray;"><BR>幅 150<BR>高さ250<BR>下側のマージン<BR>  50<BR>
</B><B style="width:150;height:300;background-color:teal;"><BR>幅 150<BR>高さ300<BR>
</B></P>



ボックスの配置は下のようになります


幅 150
高さ150
下側のマージン
 150


幅 150
高さ200
下側のマージン
 100


幅 150
高さ250
下側のマージン
  50


幅 150
高さ300



   マージンについては こちら を参考に













お気に入りの記事を「いいね!」で応援しよう

最終更新日  2004年01月18日 11時16分23秒
コメント(11) | コメントを書く


■コメント

お名前
タイトル
メッセージ
画像認証
上の画像で表示されている数字を入力して下さい。


利用規約 に同意してコメントを
※コメントに関するよくある質問は、 こちら をご確認ください。


Re:☆★☆  ボックスを並べてみよう3♪ ☆(1/17)  
こんばんは。<br><br>トップが替わりましたね。<br><br>ボックスを並べて・・・・・<br><br>大変参考になりました。<br><br>そろそろタグ辞典を買おうかな? (2004年01月17日 19時01分42秒)

Re:☆★☆  ボックスを並べてみよう3♪ ☆(1/17)  
いっつもかずさかさんは前向き!!!<br><br>今日はそちらも雪が降ったのでしょうか?<br><br>寒くなってくるので身体気をつけてくださいね(^_-)☆ (2004年01月17日 20時29分15秒)

Re:☆★☆  ボックスを並べてみよう3♪ ☆(1/17)  
viafm  さん
久しぶりになってしまいました。<br>やっと少し眠れた気がします。<br><br>東京は雪がちらちらしている程度ですが・・・<br>明日は雪になりそうですね。<br>夜空の天体観測寒いですが楽しんでいます。<br>ciao.....♪ (2004年01月17日 20時35分23秒)

Re:☆★☆  ボックスを並べてみよう3♪ ☆(1/17)  
こんばは~<br>掲示板とか私信箱に書かれると<br>誰が管理人と思いつつ反応しちゃうんですよ(^^ゞ<br>朝かさずさかさんの案内から枠線を使いたかったのですがどうてもはみ出すんです( ´・ω・‘)<br>何でかワカラナイんですm(_ _)m<br>タグをネットで探して、斜体を変えました「笑」<br>楽天重いですねぇ~<br>又日記が書けません<br>再度スラスラ開いたらかずさかさんの案内をじっくり<br>検討して見ます<br>どうして枠からでて、<br>同じ文字が白い所にでるのかなぁ~(´Д`;三;´Д`)オ (2004年01月17日 21時15分35秒)

Re:☆★☆  ボックスを並べてみよう3♪ ☆(1/17)  
こんばんわ。ネモッチHpトラブル発生して、今治ったけど、今までのない、経験です。 (2004年01月17日 23時08分13秒)

Re:☆★☆  ボックスを並べてみよう3♪ ☆(1/17)  
日記に、 グラデーション文字表示かきました。<br>掲示板の、 グラデーション幕どうやったのかなあ。 (2004年01月17日 23時43分49秒)

Re:☆★☆  ボックスを並べてみよう3♪ ☆(1/17)  
mikan550205  さん
才ノヽ∋―_φ(゜▽゜*)♪<br>やっとお返事に回れます~~<br><br>このタグ面白そう(^-^)ニコ<br>頂いて行きますぅぅ。。。<br><br>きょうは暖かいです。<br> (2004年01月18日 10時40分53秒)

Re:☆★☆  ボックスを並べてみよう3♪ ☆(1/17)  
gtone  さん
└( ̄▽ ̄*)こんちわ♪<br> <br>日記読ませていただきました。<br>マージンですね。・・・初心者の方には・・・少し難しいですよね。<br> <br>日記でボックスを使うのに私もマージンを使おうかなと思いましたが・・・<br> <br>もっと簡単に出来ないものかと・・・テーブルのタグと同じように使えるように・・<br>色々考えているのですが・・むつかしい!<br> <br>では!:*.;".*・;・^;・:\( ̄(エ) ̄)/:・;^・;・*<br> <br><br> (2004年01月18日 12時27分56秒)

Re:☆★☆  ボックスを並べてみよう3♪ ☆(1/17)  
24love。  さん
こんにちは♪<br><br>昨日も楽天の繋がりが悪かったです。<br>あいかわらずグラデーションなど<br>素晴らしいです。<br><br>イチロー選手4年連続の200安打は<br>メジャーでも達成の選手はいないのですね。<br>素晴らしいことです是非達成してほしいです。<br><br>松井選手の試合みたいですが・・<br>試合時間も19:00からはつらいです。<br>途中で帰らなければならないでしょう。<br>その前に2月1日買えるのでしょうか?<br>値段の前に選手や関係者で場所的には<br>ないようですしイチローの時より<br>値段も沸騰ですね(T_T)<br>でも駄目もとで兆戦して泊まらないと<br>最後まで試合が見れませんね。<br>でもNYいくよりは(T_T)<br>2度とないかもしれないので<br>見たいです(T_T) (2004年01月18日 13時30分16秒)

Re:☆★☆  ボックスを並べてみよう3♪ ☆(1/17)  
ひつじ@@  さん
なるほど。。<br>日記を書き溜めておくといいですねv<br>でも最近はさぼりがちです。。(汗)<br><br>楽天巡回の途中でアクセスが出来なくなると<br>困っちゃいますね。<br>今日は無事みたいですね^^ (2004年01月18日 20時15分14秒)

Re:☆★☆  ボックスを並べてみよう3♪ ☆(1/17)  
こんばんわ。さっそくつかわせていただきました。<br>写真と、文字バランス旨くいかないので、ヒント教えてくれますか?写真左側で、文字右↑jかきたいですけど。 (2004年01月18日 22時03分59秒)

【毎日開催】
15記事にいいね!で1ポイント
10秒滞在
いいね! -- / --
おめでとうございます!
ミッションを達成しました。
※「ポイントを獲得する」ボタンを押すと広告が表示されます。
x
X

© Rakuten Group, Inc.
Design a Mobile Website
スマートフォン版を閲覧 | PC版を閲覧
Share by: