14コメント8KB

角が丸いテーブルの作り方

■ このスレッドは過去ログ倉庫に格納されています

0001蜘蛛の巣

NGNG

ＩＥだとうまくいくのに、ネスケだとどーしても表示がずれてしまいます。
私の記述が間違ってるんでしょうか？

<TABLE width="500" cellpadding="0" cellspacing="0">
<TBODY>
<TR>
<TD align="right"><IMG src="../img/kado1_b.gif" width="30" height="30" border="0"></TD>
<TD bgcolor="#000000" width="440"><BR>
</TD>
<TD><IMG src="../img/kado2_b.gif" width="30" height="30" border="0"></TD>
</TR>
<TR>
<TD bgcolor="#000000"><BR>
</TD>
<TD bgcolor="#000000"><BR>
</TD>
<TD bgcolor="#000000"><BR>
</TD>
</TR>
<TR>
<TD align="right"><IMG src="../img/kado4_b.gif" width="30" height="30" border="0"></TD>
<TD bgcolor="#000000"><BR>
</TD>
<TD><IMG src="../img/kado3_b.gif" width="30" height="30" border="0"></TD>
</TR>
</TBODY>
</TABLE>

これだとどうしても隙間ができます。どなたかネスケでも見える角の丸いテーブルの作り方を
ご存じないでしょか？

0002どうなんだろ

NGNG

0003名無しさん

NGNG

今ネスケを入れてない環境なんで断言できませんが、
ネスケで上手く表示させようとすると、今度はＩＥの方が
破綻しちゃうんじゃないかな？
もともとテーブルはセルの集まりなんで、隙間が空くのが
本来の挙動だと思われます。

面倒だから、テーブルの背景に画像を貼っちゃうってのじゃダメ？

0004蜘蛛の巣

NGNG

＞２さん・３さん
ありがとうございます。
２さんのタグを試しましたが、やはりずれが生じるようです。
３さんの言うとおりなんですが、他のサイトを見るとちゃんと丸く表示されてるんですよね……。
ソースを見たり、コピーしたりいろいろ試しているのですが、どうにも自分がやると上手くいきません。
理論上絶対ちゃんと表示されると思われるのに、なんでダメなんだろう……（涙）

0005蜘蛛の巣

NGNG

原因判明しました。テーブルに長文を流し込むので、スタイルシートで行間指定してたのが
原因でした。１２５％にすると、レイアウトくずれを起こすようです。
指定は諦めて、手動で<br>をひとつひとつ埋め込むことにしました。
するときちんと表示されます。ネスケは厳しいなあ……。まあネスケに合わせれば
だいたいどのブラウザでも表示されるのでありがたいのですが。
アドバイスありがとうございましたm(__)m

0006＞５

NGNG

ねすけからＩＥ乗り換え組み、けっこーいるぞー。
ねすけであわせたからって安心するなよ～。確認はしとけよー

0007スタイルシート併用Ver.

NGNG

とりあえず下記のソースで、IE3&4・NN4及びドリパスで確認済み

<STYLE TYPE="text/css">

</STYLE>

<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0"><TR>
<TD ALIGN="left" VALIGN="top" CLASS="lfttop"><IMG SRC="r_1.gif" BORDER="0" WIDTH="12" HEIGHT="12"></TD>
<TD ALIGN="center" VALIGN="top" ROWSPAN="2">中身</TD>
<TD ALIGN="right" VALIGN="top" CLASS="rittop"><IMG SRC="r_2.gif" BORDER="0" WIDTH="12" HEIGHT="12"></TD>
</TR><TR>
<TD ALIGN="left" VALIGN="bottom" CLASS="lftbtm"><IMG SRC="r_3.gif" BORDER="0" WIDTH="12" HEIGHT="12"></TD>
<TD ALIGN="right" VALIGN="bottom" CLASS="ritbtm"><IMG SRC="r_4.gif" BORDER="0" WIDTH="12" HEIGHT="12"></TD>
</TR></TABLE>

0008名無しさん

NGNG

ネスケ・ＩＥ・Hotjava・Lite
Winでお手軽に確認出来るブラウザって他にあります？

0009名無しさん

NGNG

Lynx
http://www.nurs.or.jp/~asada/lynx/

0010とうつ

NGNG

＞８
HotjavaがいけるならICEBrowserもいけます。
Emacs-w3もお手軽といえばお手軽です。
CPUが古いならMosaicも動くし、
Amayaなんかもダウソしていれましょう。

0011>9氏＠｀10氏

NGNG

ありがとうございます

0012あきあかね

NGNG

他にもOperaとか。
http://www.abnet.or.jp/personal/higuchi/h_browse.html
ここに行けば結構あるよ。

0013名無しさん

NGNG

ねすけって、"<TR><TD></TD></TR>"の間に改行（<BR>じゃなくて只のReturn)がはいってると
セルの間に隙間ができる、ってバクがあるはず。
だから、テーブルタグの中の改行を全部取ってやるだけでも全部くっつくかも。

0014名無しさん

NGNG

おおぅ、そうそう。改行って変な解釈されたりするよね。
なんかfswかSHWで、改行コード全部取り除いて壱行にまとめるソフトあったように記憶
再編集やりにくいけど、マスタを保存しておいて、ftp前にかけたらいけるだしょ

■ このスレッドは過去ログ倉庫に格納されています