<<PREV(P) | ToC(T) | NEXT(N)>>

$BIUO?!%(BColum Up

Revised: Jul./11th/2004

$B%Z!<%8$rB?CJAH$K$9$kJ}K!$r>R2p$7$^$9!#(B

$B0l%Z!<%8$NCf$K!"%5%$%I%P!<$H%a%$%s$N!"JBNs$9$kFs$D$N%Z%$%s$rI=<($7$?$$$3$H$,$"$k$H;W$$$^$9!#4k6H%5%$%H$J$I!"0l%Z!<%8$K>pJs$r5M$a9~$_$?$$>l9g$K;H$o$l$^$9!#$3$3$G$O!"(BCSS $B$r;H$($P$J$s$G$b$G$-$k$3$H$NNc$H$7$F!"%Z!<%8Fb$KB?CJAH$K$9$k$?$a$N(B CSS $B$NJ}K!$r>R2p$7$^$9!#(B

$BB?CJAH$NI=<(Nc(B

$B0J2<$G

colupSample01.html$B$NI=<(Nc(B
$B?^!'(BcolupSample01.html $B$NI=<(Nc(B
colupSample02.html$B$NI=<(Nc(B
$B?^!'(BcolupSample02.html $B$NI=<(Nc(B
colupSample03.html$B$NI=<(Nc(B
$B?^!'(BcolupSample03.html $B$NI=<(Nc(B
colupSample04.html$B$NI=<(Nc(B
$B?^!'(BcolupSample04.html $B$NI=<(Nc(B

$B%5%s%W%k(B HTML

$B$3$3$G$O!" 

<h1>Sugai, Manabu$B$N%&%'%V%5%$%H(B</h1>
<p>$B:G=*99?7F|(B: 2004-07-11</p>
<p>$B%&%'%V%Z!<%8$N:n@.J}K!$r@bL@$7$^$9!#%j%s%/$O$4<+M3$K$I$&$>!#(B</p>

<!-- $B:8%;%k(B -->
<h2>What's New!</h2>
<ul>
<li>2004-08-01: $B%[!<%`%Z!<%8%S%k%@!<(B</li>
<li>2004-07-21: $B%$%s%i%$%sMWAG(B</li>
<li>2004-07-11: $B%V%m%C%/MWAG(B</li>
<li>2004-07-01: body</li>
<li>2004-06-21: head</li>
<li>2004-06-11: head$B$H(Bbody</li>
<li>2004-06-01: HTML</li>
</ul>

<!-- $B1&%;%k(B -->
<h2>$BL\R2p$7$^$9!#(B</dd>
<dt>Java $BJ8K!2r@b(B</dt>
	<dd>$B%W%m%0%i%_%s%08@8l(B Java $B$NJ8K!$r@bL@$7$^$9!#(B</dd>
</dl>

<address>
Copyright&copy; 2004. Manabu Sugai. $BCx:n8"$OJ|4~$7$F$$$^$;$s!#(B
</address>

$BI=<(Nc(B01

$B0J2<$G$O!"(B"What's New!" $B$H(B "$BL\

HTML $B$K$h$kB?CJAH(B

HTML $B$N%F!<%V%k$r;H$C$F$?CJAH$N%l%$%"%&%H$r 

<table summary="$B%l%$%"%&%HMQ%F!<%V%k(B">
<tr><td style="width: 200px; vertical-align: top">
	<!-- $B:8%;%k(B -->
	<h2>What's New!</h2>
	<ul>
	<li>2004-08-01: $B%[!<%`%Z!<%8%S%k%@!<(B</li>
	<li>2004-07-21: $B%$%s%i%$%sMWAG(B</li>
	<li>2004-07-11: $B%V%m%C%/MWAG(B</li>
	<li>2004-07-01: body</li>
	<li>2004-06-21: head</li>
	<li>2004-06-11: head$B$H(Bbody</li>
	<li>2004-06-01: HTML</li>
	</ul>
</td><td style="width: 400px; vertical-align: top">
	<!-- $B1&%;%k(B -->
	<h2>$BL\R2p$7$^$9!#(B</dd>
	<dt>Java $BJ8K!2r@b(B</dt>
		<dd>$B%W%m%0%i%_%s%08@8l(B Java $B$NJ8K!$r@bL@$7$^$9!#(B</dd>
	</dl>
</td></tr>
</table>

$B8+1I$($r@07A$9$k$?$a$K!":8%;%k$OI}(B 200px$B!"1&%;%k$OI}(B400px$B$K;XDj$7$^$7$?!#(B

$B%F!<%V%kMWAG$K$h$k%l%$%"%&%H$O!"9-$/;H$o$l$F$$$kJ}K!$G$9$,!"MWAG$N9=B$2=$H$$$&4QE@$G$OK>$^$7$$8/$$J}$G$O$"$j$^$;$s!#:8>eC<$N%;%k$+$i!"1&J}8~$K=gHV$KFI$s$G$$$1$P0UL#$,DL$k$h$&$J!"%;%k$N=gHV$,MF0W$K%7%j%"%i%$%:!JC`l9g$K$@$1;H$C$F$bNI$$$G$7$g$&!#(B

$BI=<(Nc(B02

'position'

$B%W%m%Q%F%#(B 'position' $B$r;XDj$9$l$P!"<+M3$K%l%$%"%&%H$G$-$^$9!#(B

<div id="header">
	<h1>Sugai, Manabu$B$N%&%'%V%5%$%H(B</h1>
	<p>$B:G=*99?7F|(B: 2004-07-11</p>
	<p>$B%&%'%V%Z!<%8$N:n@.J}K!$r@bL@$7$^$9!#%j%s%/$O$4<+M3$K$I$&$>!#(B</p>
</div>

<div id="sidebar">
	<!-- $B:8%;%k(B -->
	<h2>What's New!</h2>
	<ul>
	<li>2004-08-01: $B%[!<%`%Z!<%8%S%k%@!<(B</li>
	<li>2004-07-21: $B%$%s%i%$%sMWAG(B</li>
	<li>2004-07-11: $B%V%m%C%/MWAG(B</li>
	<li>2004-07-01: body</li>
	<li>2004-06-21: head</li>
	<li>2004-06-11: head$B$H(Bbody</li>
	<li>2004-06-01: HTML</li>
	</ul>
</div>
<div id="main">
	<!-- $B1&%;%k(B -->
	<h2>$BL\R2p$7$^$9!#(B</dd>
	<dt>Java $BJ8K!2r@b(B</dt>
		<dd>$B%W%m%0%i%_%s%08@8l(B Java $B$NJ8K!$r@bL@$7$^$9!#(B</dd>
	</dl>
</div>

<div id="footer">
	<address>
	Copyright&copy; 2004. Manabu Sugai. $BCx:n8"$OJ|4~$7$F$$$^$;$s!#(B
	</address>
</div>

/* $B%V%i%&%6$N%G%U%)%k%H$K0MB8$7$J$$$h$&$K!"(B
  $BA4$F$N%^!<%8%s$H%Q%C%G%#%s%0$r(B 0 $B$K$7$^$9(B */
* { margin: 0;
	padding: 0 }

/* $B%^!<%8%s$H%Q%C%G%#%s%0$r;XDj$7$^$9(B */
body,h1,h2,p,address { margin: 1em }
ul { margin-left: 2em }
dd { margin-left: 2em }

/* 2-up$B$NK\


$B$3$3$G$OJ,$+$j$d$9$/$9$k$?$a$K!"3F%G%#%S%8%g%s$K(B 'border: 1px solid red' $B$rM?$($^$7$?!#(B



$B=D$N9b$5$NC;$$J}$r(B 'position: absolute' $B$K$9$k$3$H$,%]%$%s%H$G$9!#(B



$BI=<(Nc(B03





'float'



$B%W%m%Q%F%#(B 'float' $B$K$h$k


/* $B%V%i%&%6$N%G%U%)%k%H$K0MB8$7$J$$$h$&$K!"(B
  $BA4$F$N%^!<%8%s$H%Q%C%G%#%s%0$r(B 0 $B$K$7$^$9(B */
* { margin: 0;
padding: 0 }

/* $B%^!<%8%s$H%Q%C%G%#%s%0$r;XDj$7$^$9(B */
body,h1,h2,p,address { margin: 1em }
ul { margin-left: 2em }
dd { margin-left: 2em }

/* 2-up$B$NK\


$BI=<(Nc(B04



$B:Y$+$$HyD4@0$O(B CSS $B$G4v$i$G$b$G$-$^$9!#$3$3$G$O!"(B2-up $B$N$?$a$N(B CSS $B$N;H$$J}$r>R2p$7$^$7$?!#(B







<<PREV(P) | ToC(T) | NEXT(N)>>





Copyright © 2004 SUGAI, Manabu. All rights reserved.

2004-05-20 published, 2004-07-03 revised.




 





SEO
 

[PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送