アル中ララバイ

boardx.exblog.jp
ブログトップ
交野市断酒会topページ

<   2006年 11月 ( 22 )   > この月の画像一覧

テーブルタグを使わずに!(覚書)

Hypertext Markup Language



レイアウトに関する備忘録


皆さん、興味ないですよねぇ・・・

・・・それでも、見て行って下さい!


The simple is best!


これが、ボディー内



<div id="wrapper">
<div id="header">
<h1>[ ヘッダ ]</h1>
</div>
<div id="sub">
<p>
これは「#sub」に含まれる段落内のテキストです。
これは「#sub」に含まれる段落内のテキストです。
これは「#sub」に含まれる段落内のテキストです。
</p>
</div>
<div id="container">
<div id="main">
<p>
これは「#main」に含まれる段落内のテキストです。
これは「#main」に含まれる段落内のテキストです。
これは「#main」に含まれる段落内のテキストです。
これは「#main」に含まれる段落内のテキストです。
これは「#main」に含まれる段落内のテキストです。
これは「#main」に含まれる段落内のテキストです。
これは「#main」に含まれる段落内のテキストです。
これは「#main」に含まれる段落内のテキストです。
これは「#main」に含まれる段落内のテキストです。
これは「#main」に含まれる段落内のテキストです。
</p>
</div>
<div id="extra">
<p>
これは「#extra」に含まれる段落内のテキストです。
これは「#extra」に含まれる段落内のテキストです。
これは「#extra」に含まれる段落内のテキストです。
</p>
</div>
</div>
<div id="footer">
<p>[ フッダ ]</p>
</div>
</div>


こんな感じになります・・・

f0101759_0171656.gif

こちらが、CSSです・・・


body,div {
text-align: center;
margin: 0;
padding: 0;
}
#wrapper {
margin: 0 auto;
text-align: left;
width: 500px;
}
#header {
color: #000;
background: #ddd;
}
#sub {
float: left;
width: 150px;
color: #fff;
background: #06c;
}
#container {
float: right;
width: 350px;
}
#main {
float: left;
width: 200px;
color: #fff;
background: #fc0;
}
#extra {
float: right;
width: 150px;
color: #fff;
background: #06c;
}
#footer {
clear: both;
width: 100%;
color: #000;
background: #ddd;
}




気づけば、随時追記していきます。


おら・・・夢の中
[PR]
by black-board | 2006-11-29 00:21 | HTMLの道具箱 | Trackback | Comments(5)

正規キャラクターBeta0.3号


仲間の話を聞きながら誕生しました!

真面目に話を聞きます・・・反省!


明日こそ止めようと底なし沼でもがき飲んでいた時代の話です。
先延ばしして『絵に描いた餅』では、食えませんでした。

私の飲み方ときたら自販機オンリーでした。
会社仲間や友達と飲む酒は別腹で、その後、自販機で、『ほっと一杯』なのです。
それが幸いしたのか、部屋で飲む習慣も無かったので死なずに済んだように思います。
禁断が出るまで歩き続けては、飲むのですが、周期は当然短くなって行きやがて、どうする事も出来なくなるのでした。
そう言えば、何時間でも歩いていたあの頃が嘘のようです・・・
今の、私ときたら駅までの道を、ヒィヒィ言ってるのですから・・・

f0101759_20483293.gif
今では、今日一日と『今』を見つめれるように努力しながら
過ごす事で、随分楽な気持ちで生活しています。

注意!この絵を直視しすぎて飲酒欲求が湧くことが有るので、
くれぐれも注意して下さい(^^)v



おら・・・夢の中
[PR]
by black-board | 2006-11-26 20:11 | 旅するキャラクター | Trackback | Comments(13)

吹田市一日研修会


会の皆さん、お疲れ様でした♪


北河内連合会へ向けての移動中の車内で撮影しました。

f0101759_18195.jpg
ほのぼのとした雰囲気で始まりました。
我々は、北河内の連合会が寝屋川で有るので、断腸の思いで会場を後にしたのです。
話を聞きたい気持ちも有り本当に、後ろ髪を引かれる思いでした。
時間がなくて、弁当は京阪電車車内にて恥ずかし気もなく食しました。
写真は、その折に撮影したものです。


もう少し量が・・・御代り欲しくて・・・物足りなくて5段階ランクC(普通)


おら・・・夢の中
[PR]
by black-board | 2006-11-26 13:26 | お弁当あれこれ | Trackback | Comments(5)

正規キャラクターBeta0.2号


皆さん!興味ない…パート2

思うような線が描けない面白さ♪!


犬でも猫でも、ましてやジャコウネズミでもないキャラクター、
実は、発想元はキタキツネなのです(^^)♥
でも、キタキツネではオチがないので酒を飲んで大虎に化けます。
チャンチャン!
f0101759_0264039.gif


先ずこれを仕上げてみました。
いまいち、分かり難いなぁ…(>。<)

[PR]
by black-board | 2006-11-26 00:28 | 旅するキャラクター | Trackback | Comments(1)

正規キャラクターBeta0.1号


皆さん!興味ないと思いますが…

何となく、これでいこうと決めました!


ほぼ、キャラクターの原型が、一枚の要らなくなった
『お知らせ用紙の裏面』に、誕生しましたので送信しておきます。
(^^)v


キャラクター誕生間近か?

f0101759_1348323.jpg


今朝のこと、人身事故の多い旧国鉄に揺られて見た長居陸上競技場界隈での風景・・・
足早に紅葉が進んでいることに気づき、それが街全体の出来事で有ることを認めるのに、
さほど時間は掛からず例会場へと辿り着きました。
会場入り口では、落ち葉が風に舞っていました。
京都嵐山は、この日曜日が紅葉の見頃らしいです。
もう、重く垂れ込めた灰色の雲は冬を教えてくれています。
冬眠へ向けて益々食欲の有るアルラです。
青リンゴまるかじりしてますが、依然としてお腹は衰えず!(絶好調)
(;_;)とほほ…です。


落ち葉の多い事にも季節を感じました。
[PR]
by black-board | 2006-11-25 13:48 | 旅するキャラクター | Trackback | Comments(2)

テーブル (覚書)


慎ちゃん師匠もホームページを開設しよう!

<table>タグの備忘録

テーブルを使ってのデザインは推奨されていませんが
使っていますw
んで、忘れないように覚書しておきます。


環境によって見え方が違うので余り凝らない方が良いと最近思うようになりました。
The simple is best!

タイトル部分で説明
<table summary="ヘッダー" id="header-body">
<tr><td id="header-body-sub">
タイトル
</td></tr></table>

<th>には、<th abbr="見出し説明">を・・・(音声対応)
table { border: 2PX solid #00f; }枠色を共通にする場合
table { border-collapse: collapse; }枠単線
table { border-collapse: separate; }枠重線(現在の環境で規定値みたい)

<style type="text/css">
<!--
#header-body {
width: 800px;
border: 3PX solid #420;
margin: 50px auto 0px;
background: #420;
}
#header-body-sub {
height: 100px;
padding: 30PX 15px 30PX 15px;
letter-spacing: 2px;
text-align: center;
text-valign: top;
background-image: url(../sz/toukay30.png);
}
-->
</style>

width: 800px;
height: 100px;
border-style: dotted;
none(hidden)なしdotted点線dashed破線solid一重線doublo二重線
grooveボーダー凹ridgoボーダー凸inset全体凹outset全体凸
border-width: 2px 5px 3px 1px;
thin細medium普通thick太
border-color: #f00 #0f0 #00f #f0f;
border: 3PX solid #420;(まとめて書けます)
margin: 50px auto 0px;枠外間隔
auto(センターリングできる)
body { margin-top: 0px;  text-align: center; }(合わせて使用)
padding: 0px;枠内間隔
text-align: center;
left左center中央right右
text-valign: top;
top上middle中間bottom下
cellspacing→border-spacing(tableへ)
cellpadding→padding(th,tdへ)
background: #420;(バックの色)
background-image: url(画像URL);



気づけば、随時追記していきます。
[PR]
by black-board | 2006-11-24 12:31 | HTMLの道具箱 | Trackback | Comments(3)

文書型宣言から全体 (備忘録)


慎ちゃん師匠もホームページを開設しよう!

宣言から全体の備忘録

自己流なので偉そうには、言えません。

ジオシティーズ、アドバンストHTMLエディタ環境を基本に書いています。
アドバンストHTMLエディタで、XMLに挑戦しましたが、
思うようにいきませんでした。
HTML 4.01仕様CSS2バージョンが適正なようなので、
その路線で覚えていこうと思います。
・・・が、如何に?
解らんことだらけですわ(ToT)とほほ


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html lang="ja">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=euc-jp">

上記EUC仕様(ジオシティーズ無料版は、こちらを使っています。)

<meta http-equiv="Content-Type" content="text/html; charset=shift_jis">
日本語シフトJIS(通常?は、こちらを使用しているようです。)
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">
<meta name="keywords" content="(キーワードを,で区切って列挙)">
<meta name="description" content="(ページの内容の簡単な記述)">
<meta name="author" content="(管理人製作者名)">
<meta name="generater" content="アドバンストHTMLエディタ(notepad)">
(使用エディタ記載)
<base href="http://www.geocities.jp/katano_d/html/top.html">

(ベースURL)

<title>ホームページタイトル</title>
<link rel="shortcut icon" href="sz/favicon.ico">
(表示アイコン)
<link rel="index" href="index.htm">
<link rel="contents" href="site-map.html">
<link rev="made" href="mailto:katano25@msn.com">
<style type="text/css">
<!--
@import url("css/main.css");
    ←(外部リンク)
(スタイルシート書き込み)

-->
</style>
</head>
<body>
(本文書き込み)
</body>
</html>



気づけば、随時追記していきます。
[PR]
by black-board | 2006-11-24 12:12 | HTMLの道具箱 | Trackback | Comments(0)

ほっこり♪


おやすみなさい

Good night
f0101759_2252516.gif

おら・・・夢の中へ
[PR]
by black-board | 2006-11-21 22:10 | 旅するキャラクター | Trackback | Comments(8)

試作品第3号


ムーミン風に描いてみました。

安産祈願はしたものの難産のキャラクターです。


f0101759_18183570.jpg




難産の子ほど可愛い?!
しかし、ムーミンまんまちゃうかって・・・シーッ




f0101759_18155414.jpg
必見!!クリックしてGO!


Yahoo! アニメムーミンアニメ配信中
配信期間 2006年9月29日~変動中
[PR]
by black-board | 2006-11-19 18:19 | 旅するキャラクター | Trackback | Comments(24)

試作品第2号


『今日一日』について・・・

『今日一日』も、使い方を間違えてはいけません。


今日、例会中に、フッと思い出したのですが、
アルコール依存症だと診断されて、
『飲み続けると頭にクルか命を持って逝かれます』
・・・と、言われて理解はしたものの・・・
切るに切れないアル中渦中に居るときの考えときたら、
『今日飲んだら・・・、今日だけは、飲もう・・・、今日一日だけ飲む・・・』の、
飲む為の今日を積み重ねていた事に今更ですが気が付きました。
ほんと、今更の、とほほです。
それほど、アルコールの持つ薬物依存性は強烈でした。

私は、『今日一日』の使い方を間違えていました。



昔の人は、生活の中でアルコールの使い方を子々孫々伝承してきたのに、どこで途絶えたのでしょうか?
おっとっと、愚痴は止めておきます。


f0101759_019172.jpg
円と直線の構成で描けるモノにしたいと、頑なに作りました!
[PR]
by black-board | 2006-11-18 00:25 | 旅するキャラクター | Trackback | Comments(7)