上司に言われてHTMLを作成していますが、「横に並ぶ二つのテーブルの間の境界線を消せ」とワガママ言われて困っています・・・。
プログラムの関係上、セルを結合させるといけないので、見かけ上の線だけを消したいのですが、可能なのでしょうか??

例えば、

<TABLE BORDER=1>
<TR><TD>A</TD><TD>B</TD></TR>
</TABLE>

という場合に、AセルとBセルの間の線だけを消すことはできますか?
すみません、今日中に作れと言われているので、至急回答をいただけると助かります・・・
よろしくお願い致しますm(_ _)m

このQ&Aに関連する最新のQ&A

A 回答 (6件)

う~ん・・・そこまで細かいとRULES属性とかでもどうにもならないと思います。


まだ、横線だけ、とかTFOOTとTBODYを区別しろ、とかなら可能ですけど、HTML的にTDでマークアップした全く同列のセルを、周りと違うものとして区別することはできません。もともとの概念的に無理だと思います。
スタイルシートを使ってもBORDERはTDがつけているわけではなくてTABLE単位でつけているので、無理でしょう。

やっぱり、「表」であるということを無視してデザインだけのためにTABLE要素を使い、

<TABLE BORDER=1>
<TR><TD>あ</TD><TD>い</TD><TD>う</TD></TR>
<TR><TD>

<TABLE FRAME="none">
<TR><TD>A</TD><TD>B</TD>
</TABLE>

</TD><TD>C</TD></TR>
</TABLE>
とするしかないんじゃないかと思うのですが。

これだと、プログラムでの書き出し(動的なHTMLページなんでしょうね)に不都合が生じますか?
#***SPAN属性などでセルをまとめるのがダメだったら、これも五十歩百歩だろうなぁ・・・。
    • good
    • 0
この回答へのお礼

ありがとうございます!
span属性なしで、という条件をクリアしているので、これでもう少し調整すれば行けるかもしれません。
だいぶ形が整ってきたので、何とかなりそうです。
ありがとうございました!!

お礼日時:2001/09/18 11:32

う~ん、ネスケ4.Xでダメっすねぇ…。



<HTML><HEAD>
<TITLE>test</TITLE>
<STYLE TYPE="text/css">
<!--
TD { border-style: double; }
TD.left { border-style: double none double double; }
TD.right { border-style: double double double none; }
-->
</STYLE></HEAD>
<BODY>
<TABLE cellspacing="0">
<TR>
<TD class="left">あ</TD>
<TD class="right">い</TD>
<TD>う</TD>
</TR>
<TR>
<TD>A</TD>
<TD>B</TD>
<TD>C</TD>
</TR>
</TABLE>
</BODY></HTML>
    • good
    • 0
この回答へのお礼

ありがとうございます!お礼が遅くなりまして申し訳ありません・・・
だいぶ出来てきました。
皆さまのアドバイスのお蔭です!!
ありがとうございました!!

お礼日時:2001/09/19 23:03

sightさんの回答とお礼、拝見しました。


つまりはこんな感じでいいでしょうか?

<TABLE BORDER=1>
<TR><TD>あ</TD><TD>い</TD><TD>う</TD></TR>
<TR><TD colspan=2>

<TABLE BORDER=0>
<TR><TD>A</TD><TD>B</TD><TR>
</TABLE>

</TD><TD>C</TD></TR>
</TABLE>
</P>
    • good
    • 0
この回答へのお礼

何度もありがとうございます。
だいぶ近づいてきました!!
ただ、下にも書きましたがcolspanがどのあたりまで使っていいのかが私自身よく分かっていないので、上司に相談してみます。
でも、なんとなく行けそうになってきました・・・!!

お礼日時:2001/09/18 11:29

<TD> タグの colspan 属性を使うとできます。

こんな感じ。

<TABLE BORDER=1>
<TR><TD>あ</TD><TD>い</TD><TD>う</TD></TR>
<TR><TD colspan=2>AB</TD><TD>C</TD></TR>
</TABLE>

二つのセルを一緒にする、というよりも、このセルは二つ分の列を使うんだ、
という指定になります。

因みに、行(縦)方向につなげるには、rowspan 属性を使います。こんな感じ。

<TABLE BORDER=1>
<TR><TD rowspan=2>あ<br>A</TD><TD>い</TD><TD>う</TD></TR>
<TR><TD>B</TD><TD>C</TD></TR>
</TABLE>
    • good
    • 0
この回答へのお礼

ありがとうございます。
見た目はほぼ理想どおりなのですが、colspanを使うとプログラム上支障が出る、とのことで却下されました・・・(泣)
私自身、プログラムとの連携をよく理解していないので上手くご説明できなくて・・・
ご回答ありがとうございました。

お礼日時:2001/09/18 11:25

外枠を消さずに、内枠だけ消したい、ということですよね?


Ineternet Explorerならば内枠のボーダーの表示をコントロールするRULES属性が効くので、
<TABLE FRAME="box" RULES="none" BORDER="1">
でいけるんですが、Netscape4.xではうまくいかないです。

一番確実なのは、

<TABLE BORDER=1>
<TR><TD>
<TABLE FRAME="none">
<TR><TD>A</TD><TD>B</TD></TR>
</TABLE>
</TD></TR>
</TABLE>

みたいな感じにするしかないんじゃないですかね。
外側のテーブルは外枠表示専用、セル一つにしてしまって。
    • good
    • 0
この回答へのお礼

ありがとうございます。
またまた私の説明不足でして、実際は

<TABLE BORDER=1>
<TR><TD>あ</TD><TD>い</TD><TD>う</TD></TR>
<TR><TD>A</TD><TD>B</TD><TD>C</TD></TR>
</TABLE>

のようにいくつか並んだセルの、AとBの間だけを消す、というものなんです・・・。("B"と"C"の間や、"あ"と"A"の間はそのままで)
すみません。。。説明が全然足りてなくて・・・ちょっと慌ててたもので・・・
教えていただいた方法で応用できないか試してみましたが、上手くいきませんでした・・・すみません・・・。

お礼日時:2001/09/18 09:40

<TABLE BORDER=1>


↑これを
<TABLE BORDER=0>
のようにすればOK.
ただこうするとAとBのセルがくっついてしまうので、間に余白を空けたければ、
<TABLE BORDER=0 CELLSPACING=1>
としてやればOKです。

この回答への補足

ありがとうございます。
すみません、説明不足でした・・・。
周りの線(テーブルの枠線)はそのままで、AとBの間の線のみを消したいのです・・・。こういうことはできるのでしょうか・・・???

補足日時:2001/09/18 09:12
    • good
    • 0

このQ&Aに関連する人気のQ&A

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aを見た人が検索しているワード

このQ&Aと関連する良く見られている質問

QIllustratorで線がクレヨン風のイラストを作りたいのですが…

お世話になります。
Illustratorにてイラストを描くのですが、
パスの綺麗なラインではなく、ちょっとガタガタっとした
味のある線にしたいと思ってます。
イメージとしては画用紙にマジックで描いたようなちょっと
滲んだ線です。

イメージとしましては、下記urlのようなイラストです。
http://www.orangepage.net/ad/orangepage_cafe/index.html

自分が試したやり方としましては、パスでイラストを描いて、
線をブラシライブラリに登録してある「アーティステック」等で
いろいろ試しましたが、イメージと合いません。
ブラシの設定だとやり過ぎで、もっとurlのような素朴な感じにしたいのです。

そこで、画用紙に下書き→スキャン→ライブトレースをしたのですが、
やはり線があまり綺麗ではありませんでした。

urlイラストを描いた方は、ライブトレースなのかな?とは
思っているのですが、こういうイラストを描くにはどうしたら
良いのでしょうか?

Aベストアンサー

2番の方の言われるように、
完成イラストとしてはイラストレータEPS形式で保存されていても、
輪郭線は手書きをスキャニングされたように見えます。

モノクロ2階調(線画)で読み込んで、カラーモード(CMYK)に変換し、選択範囲からパス化、着色。
またはモノクロ2階調またはグレースケールのTiff画像をイラストレータで着色、スウォッチで塗りを設定してあるのではないでしょうか。

気負わず、簡単な方法で仕上げるのが素朴感を演出するこつでは?

Q と、

<td></td> と、<td><BR></td>

ホームページビルダーで作ったホムペを、KompoZerというHTMLエディタで開くと、
テーブルのなにも入っていないセルに<BR>タグが勝手に挿入されてしまいます。
<td></td> と、<td><br></td> は、
ブラウザ上ではどちらでもちゃんと表示されるのですが、
HTML文法的にはどちらが正しいのでしょうか?
また、どちらも正しい場合、<br>がある・ないで、違いがあるのでしょうか?

※ホームページビルダー、KompoZerの善し悪しは無視してください。

Aベストアンサー

文法的にはどちらも正しいです。
ブラウザの種類やHTMLのモードによって、tdが空だと、見え方が違うケースがあります。
tableでborderを指定したときに、へこんで見えるかどうか。空でないとかならずへこんで見えます。

Q天野喜孝先生のイラストの主線の画材はなんですか?

天野喜孝先生のイラストの主線(主にカラーイラスト)は何の画材を使用していらっしゃるのでしょうか。

よろしくおねがいいたします。

Aベストアンサー

こんばんわ。私の知る範囲で答えさせていただきます。
「季刊コミッカーズ」の冬号で、天野先生のイラストの製作風景やインタビューが約6ページ分掲載されているのですが、それによりますとペンの描写が「専用ペン」としかされていません。そのペンが写真で載っているのですが、すみませんが私には何という名前かわかりません・・・。ちなみに、「ペンの先をカッターで削ってから・・・」とあります。持つ部分はどうやらプラスチックのようで、先の部分(木炭のような感じ?)をつけペンのように刺して使うようです。
あいまいな表現ばかりで申し訳ありませんが、少しでもお役に立てたら幸いです。

Qでテキストボックスとセルの間にわずかな隙間があいてしまう・・

<TABLE>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD>
<INPUT TYPE="TEXT">
</TD>
</TR>
<!-- ここまで -->
</TALBLE>

こう書くときに、テキストボックスの下にわずかな隙間が
できるのを防ぎたいのですが、何か方法はありませんでしょうか?

Aベストアンサー

隙間をつくってしまう原因はいくつかあります。

(1) <TABLE>タグ
BORDER=0またはNOBORDERにする。
CELLSPACING=0
CELLPADDING=0

(2) <INPUT TYPE="TEXT">前後の改行
<TD><INPUT TYPE="TEXT"></TD>

(3)<FORM>や</FORM>タグの記述場所
恐らくこれが原因でしょう。
上記には記述されていませんが、
<TABLE>
<TR>
<TD>
<FORM ~>
</TD>
</TR>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD>
<INPUT TYPE="TEXT">
</TD>
</TR>
<!-- ここまで -->
<TR>
<TD>
</FORM>
</TD>
</TR>
</TABLE>
としていませんか?
HTMLとしては好ましくないと思いますが、<FORM>や</FORM>の前後にある<TR><TD>~</TD></TR>を取り除き、以下の様にします。
<TABLE BORDER=0 CELLSPACING=0 CELLPADDING=0>
<FORM ~>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD><INPUT TYPE="TEXT"></TD>
</TR>
<!-- ここまで -->
</FORM>
</TABLE>

尚、表の罫線を残すのであればBORDERを変更したりしてください。

隙間をつくってしまう原因はいくつかあります。

(1) <TABLE>タグ
BORDER=0またはNOBORDERにする。
CELLSPACING=0
CELLPADDING=0

(2) <INPUT TYPE="TEXT">前後の改行
<TD><INPUT TYPE="TEXT"></TD>

(3)<FORM>や</FORM>タグの記述場所
恐らくこれが原因でしょう。
上記には記述されていませんが、
<TABLE>
<TR>
<TD>
<FORM ~>
</TD>
</TR>
<!-- ここから10回ほど繰り返し -->
<TR>
<TD>
<INPUT TYPE="TEXT">
</TD>
</TR>
<!-- ここまで -->
<TR>
<TD>
</FORM>
</TD>
</TR>...続きを読む

Qphotoshop6で、イラスト(線)の色を全て一回で変える方法を教えてください。

黒ラインのイラスト(線のみ)をスキャナーで取り込みphotoshopで加工しています。イラスト全ての線の色を一回で別の色にしたいのですが、photoshop6での方法がわかりません。今は自動選択ツールを使って部分的に線の色を変えていますが、もともとの線の太さが違うようで(途切れてスキャンされた線もあり)何度も回数をかけなければ全体の線の色を変える事ができません。線の太さを均一にする作業から教えていただければありがたいです。よろしくお願いします。

Aベストアンサー

たびたびすみません。好きな色を指定できて、なおかつ楽な方法を思い出しましたのでご報告差し上げます。

--ステップ1------------------------------------------
スキャンした画像を読み込んだあと、

イメージ→色調補正→
明るさ・コントラスト→(適度に調整してください)

--ステップ2------------------------------------------
次にスキャンした画像の上に、調整レイヤーを作ります。

レイヤー→新規調整レイヤー→「グラデーションマップ」を選択後、そのままOKボタンを押してください。

--ステップ3------------------------------------------
「グレースケールマッピングに使用されるグラデーション」という、グラデーションの帯の表示が出てきます。
これをワンクリックしてみてください。
次に、グラデーションエディタというウィンドウが出てきます。このウィンドウの上部にあります、
「プリセット」の中から、白と黒が最もハッキリしたグラデーションを選択してください(Photoshop7.0では
左上から三番目にあるのですが、おそらく6.0でも同じかと思われます)。

これを選択すると、このグラデーションエディタウィンドウ下部にあります、グラデーションの帯の表示が
コントラストの強い、白と黒の帯に変わります。
この帯の上下左右に配置されている、四角いマーカーのような
オブジェクトのうち、左下のものを、ワンクリックしてみてください。

グラデーションエディタウィンドウ最下部にあります、「カラー:」の右にある小さな窓が真っ黒になったと思います。
この小さな窓を、ワンクリックしてみてください。

カラーピッカーウィンドウが表示されると思います。あとは、この中から好きな色を選ぶとよいでしょう。
※気に入った色は、色見本に追加するか、16進表記をメモしておくことをおすすめします。
(例えばオレンジであれば FF9600 などという数字です)

描線を好きな色にできたら、必要な場合表示レイヤーを結合してください。



描線を白にしたい場合は、まず、上記ステップ2までの手順を踏んでください。
「グレースケールマッピングに使用されるグラデーション」のグラデーションの帯の表示が出てきます。
この表示の下にあります、「逆方向」という項目にチェックを入れます。
白と黒が反転したと思います。さらに、グラデーションの帯の表示をワンクリックしてみてください。
「プリセット」の中から、白と黒が最もハッキリしたグラデーションを選択してください。
OKボタンを押してこのウィンドウを閉じます。残ったグラデーションのウィンドウも、OKを押して閉じてください。

次に、表示レイヤーを結合。そのままでは背景になっていると思いますので、この背景を
レイヤー→レイヤー複製で複製してください。
そして、レイヤーウィンドウのレイヤー効果メニュー(『通常』と表示されているところです)から
「スクリーン」を選択します。

下にある背景レイヤーをCtrl+Aですべて選択。その後、ブラシなどで白より暗い適当な色で塗ってみてください。
これで画像の描線が白色に変更されていることが確認できます。

どうでしょうか。ご参考になれば幸いです。

たびたびすみません。好きな色を指定できて、なおかつ楽な方法を思い出しましたのでご報告差し上げます。

--ステップ1------------------------------------------
スキャンした画像を読み込んだあと、

イメージ→色調補正→
明るさ・コントラスト→(適度に調整してください)

--ステップ2------------------------------------------
次にスキャンした画像の上に、調整レイヤーを作ります。

レイヤー→新規調整レイヤー→「グラデーションマップ」を選択後、そのままOKボタンを押してください。
...続きを読む

Q■ )に外部ページを呼び出し

HTMLで表の<td></td>タグの中に外部ページ(ブログなど)を呼び出す(埋め込む)やり方は何か無いでしょうか?

フレームを使えば簡単に外部ページを使用できるのはわかっているのですが、デザイン上テーブルの中に入れたいので…

もし知っている方がいましたらよろしくお願いします。(「それは無理」という回答でも大丈夫です)

Aベストアンサー

デザイン上だけの問題でしたら<TD><IFRAME></TD>ではだめですか?
一応テーブルの中に組まれます。(かなり端折った書き方ですが…
width="100%" height="100%" frameborder="0"
をフレームの属性で指定すればテーブルにぴったりとくっついてテーブル自体に読み込んでいるように見えます。
勿論<TD>の中身のサイズを%で決めるからには<TD>自体のサイズをピクセルで定義しなければなりません。

Q井上雄彦さんのカラーイラストのように、下書きの線がわからなくなるように描く方法

井上雄彦さんのカラーイラストのように、
下書きの線がわからなくなるように絵を描く方法を教えていただけないでしょうか。
いつもは紙にできるだけ薄く下書きをして線を目立たせないようには描いているのですが…。

Aベストアンサー

下書きをせずに、絵の具で描く。という方法もあります。

あるいは、
水彩なら塗ったあとでも、上から消しゴムをかければ鉛筆の線は消えます。(薄くなります)
もしくは、
水彩色鉛筆で下書き(清書)します。これなら色を塗ったら線が溶けて絵の具と混ざります。

井上雄彦さんはどういう描き方されているのか気になりますね。

Q【CSS】リンクでイメージの時だけアウトラインを消したい

htmlで<a></a>の中に<img />があるときだけアウトラインを消したいです。<a></a>中がテキストの時はアウトラインをつけたいです。

以下の様な記述で実現は出来たのですが、styleの記述をhead部に移行したいです。どうし記述したら良いでしょうか?

<html>
<head>
<style>
<!--
img {
border: none;
}
-->
</style>
</head>
<body>
<a style="outline: none" href="javascript:void(0);"><img src="http://www.goo.ne.jp/gooicon.ico" alt="" /></a><br> <!--アウトラインを消したい-->
<a href="javascript:void(0);">test</a> <!--アウトラインを消したくない-->
</body>
</html>

Aベストアンサー

ならば・・・

img { border-width: 0px; }
a:link{ text-decoration:none; }

を別ファイルで外部にしてclassやidで該当箇所に適応させれば良いのでは?


人気Q&Aランキング

おすすめ情報

~~ を表示することはできますか?

テーブルタグ
<table>
<tr>
<td>

をそのまま文字として表示することはできますでしょうか?

<を全角の<にすればいいのでしょうが、なにぶん、テーブルタグの量が膨大なため、手でいちいち直してたら数ヶ月、数年かかってしまいます。

タグをそのまま画面に表示させる良い方法はないでしょうか?

詳しい方いらっしゃいましたら教えていただけないでしょうか?

よろしくお願いします!

Aベストアンサー

タグの無効化というタグです

<xmp>タグ</xmp> タグを無効化にして文字として表示されます
良かったら使ってみて下さい

Qword 段組でイラストを入れると線が消える

word2003を使用しております。

 段組2にして、境界線を入れるにして
イラストを右側にいれ大きさを調整し、右側最大くらいにすると、
段組の線が消えてしまいます。
 イラストに余白があるのも分かりますが、それとは違う状況のようです。
また、図の上下で一番下にしてもだめです。
どなたか、解決方法をお教え願います。

Aベストアンサー

図を右クリック→図の書式設定→「レイアウト」タブで、折り返しの種類と配置を「行内」としてはどうですか。