またお世話になります。
いまDreamWeaverでテーブルなどを極細にしたいのですが
**************************************************************************************************************************************************
<body>
<table width="538" border="0" cellpadding="0" cellspacing="1" bgcolor="#009900">
<!--DWLayoutTable-->
<tr>
<td height="60" colspan="2" valign="top" bgcolor="#FFFFFF">
**************************************************************************************************************************************************
こんな感じにborder=0にし、cellspacing=1にして、bgcolorを指定し、その中のテーブルを白で指定するとできることは
わかったのですが、これ以外にCSSで出来る方法があるようなのですが、教えてください。

OKでも検索しましたら
「CSSで設定できます。デザイン→CSSスタイルから、新規CSSスタイル(右下4つのマークの左から2番目)を選択して新しいCSSを作ります。
カテゴリの中から「ボーダー」を選んで、幅、カラーなどを設定できます。(上下左右とも1ピクセルにすれば1ピクセルの細い囲み罫ができます)」

のようなものを見つけたのでやってみたのですが、
実線などで上下左右を1ピクセルや1mm指定してもできません。どうやるのでしょうか。

それから同様なのですが、http://www.surf-for-life.net/ こちらのサイトも
極細で作っているのですが、c.gifというような細い線で囲まれているようなのです。
これはFIREWORKSか何かで枠を作ってペーストするとこのように出来るのでしょうか?

どうぞよろしくお願いいたします!

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

A 回答 (1件)

>「CSSで設定できます(略)1ピクセルの細い囲み罫ができます)」


というのは、それで新しくCSSを作成してボーダーの幅・色・スタイルを指定した後に、
適当な文章などを選択して、そのCSSを適用しましたか?
(上手く説明できなくてごめんなさい)

ただ、このやり方だと、テーブルの罫線を指定すると言うよりも
任意の部分(選択して適用した部分)の文字やテキストを細い線で囲むだけなので、
「テーブルの罫線を全て細くしたい」という場合はまた違ったやり方になると思います。

ちなみにそのURLのサイトのc.gifは、いわゆるスペーサーgifというやつですね。
htmlが分かるならソースを見てみるか、
保存してDreamweaverで開いてみると分かるのですが
赤い枠線に見えるところも幅が1pxのセルになってます。
で、そのセルの背景に赤い色を指定しています。
ただ、セルが空だと(文字や画像が入っていないと)背景自体が表示されなかったりするので
それを防ぐためにc.gifという1px×1pxの透明なgif画像を入れているのです。

 #ホントはこういうレイアウトをする場合は
 #テーブルを使わずに、CSSで組むべきなんですけどね。
 #例えばブログで記事などが細い線で囲まれているのは
 #テーブルを使っているわけではないのです。

スタイルシートが分からない場合は、この方法か
kommattaさんが書いていらっしゃるソースの方法が現実的じゃないかと思います。

もしkommattaさんの方法で、いちいちセルの背景色を指定するのが面倒な場合は
「そのページのテーブル全てが、同じ枠線になって構わない」ということが前提ですが
ちょっとだけCSSを使って、<head></head>の中に

<style type="text/css">
<!--
table { background-color:#009900}
td { background-color: #FFFFFF}
-->
</style>

と入れておくと、テーブルやセルにbgcolorの指定をしなくても済みます。
 #borderなどの指定はこれまで通り必要です。
 #一部だけセルの色を変えたければ
 #そこだけ今までのようにテーブル自体にbgcolorを指定すればかえられます。
    • good
    • 0
この回答へのお礼

とても分かりやすくおこたえいただきありがとうございます!なるほど~、ちょっと試してみます!それからスぺーサーと背景の関係のことにつきまして、とても感謝ですm(__)mそういう何気ない情報を解説本などでけっこう見落としてしまっているようで、、、とても参考になりました。だから1×1の画像いれて背景にしているのですね!これはやってみたらできました!1pxlの罫線のようなものが出現してこまかく1本づつ罫線をいれていく感じで表もできました。これでやるとメイン部分の真ん中が、そもそもが背景白になるので、その中に小さめにレイアウトテーブルを配置していけるのでバッチリですね!どうも私のやりかたでやると背景色があるので、その背景色を隠すように真ん中に満杯に白のレイアウトテーブルを配置すると下に何故か余白が出て背景色が出てしまい困っていたんですよ、、、タグではブランクもないのに。。。どうもレイアウトテーブル同志か、横のレイアウトセルなどと相互に影響しあってしまうようなのです。スぺーサー入れると相互にあまり影響もしなくなるようですね。背景を白にしてさらにレイアウトセルをいれたかったので、これで解決できそうです!もう一日ほどまって締め切りいたします!ありがとうございました!

お礼日時:2005/04/12 07:51

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

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

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

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

Q教えてgooのあるあるを教えて下さい。

教えてgooのあるあるを教えて下さい。

Aベストアンサー

ブロックされたらこんなくだらないことを
プロフィールに載せるヘタレもいる。

自己紹介
2017…とかの糞にBLKされた!今年は正しく毒を吐く!(笑)

QDreamweaverで<画像>のaltの中だけの「<」が検索できない

Dreamweaverで<img src="s.gif" alt="<画像>">のaltの中だけの
「<」を検索するにはどうすればよいのでしょうか?

ご存知の方がおられましたらご回答をよろしくお願いします。

Aベストアンサー

> 本来alt=""の中に<>を入れてはいけないので検索できないようになっているのでしょうか?
あなた自身が勘違いしているだけです。

単に「<を検索する」というのでは、altの外にある<も検索します。
それは日本語の通りです。
「<を検索してください」と言われたときと
「altの中の<を検索してください」と言われたときの結果は変わるはずです。

"abc def gih mde fgd ihm"
「最初に出てくる"d"を見つけてください。」
と言われたとき、あなたはどのdを指しますか?
「最初に出てくる"gの直後にあるd"を検索してください。」
と言われたとき、あなたはどのdを指しますか?


DWで正規表現検索ってできましたっけ?

alt="<([^">]+)>"
これを
alt="($1)"

にするとか

とにかく
altの中の<を検索したいのであれば、
何らかの方法で「altの中の」をDWに教えなければなりません。

Qあるあるの豆乳ダイエットをしてる方に質問です。(長文です)

それまで黒酢ダイエットをしてたのですが効果が無く先日のチャートで私は豆乳ダイエット向きと分かり豆乳ダイエットを実行して1週間になります。仕事で昼は出来ないので朝夕のみの実行ですが飲んだ後すごくお腹が重くなって胸焼けはするし食事を前にしても気持ちが悪く一口も食事が取れません。そのうち昼食時も今ひとつ食欲がなくなり殆ど食べれなくなってしまいました。これなら確かに痩せるかもって思うのですが、果たして健康的に良いのか痩せて豆乳を飲まなくなってリバウンドしないのか?とても気になります。それにTVでは食事の変わりに豆乳で痩せるんじゃなく成分が痩せるって言っていたのに、これでは成分より食事を取らずに痩せるになってしまいそうで皆さんはどうなのでしょうか?教えて下さい宜しくお願いいたします。

Aベストアンサー

こんにちは!
ダイエットは体質に合うやり方をしないと体調を悪くしたり効果も期待出来ないと思います。
太り方にも水太りや脂肪太りなどが有りますし、体質などにより多少の副作用が考えられます。酢は色々な用途に使われ、血圧・ダイエット・筋肉の柔軟性などが良く用いられます。しかし胃腸の弱い方は胃酸が増えるお腹がはるなどの機能障害や有るようです。
ダイエットの基本は食事の摂取量・運動と間食の除去ですので食品や薬などに頼るのではなく生活習慣を改める事が一番お金もかからず体には良いと思われます。食事は活動中の朝から昼を中心とし夜を少し減らせば良いと思います。運動は朝軽く体操・夜は日頃使わない筋肉を動かす様に運動を考えるのが基本です。
テレビなどで食品など良くを取り上げられますが業者がらみのやらせや良い事ばかりの情報の一方通行の話しで悪い事は言わ無いように感じます。
まずは少しずつの生活習慣を良い方向に変えて焦らずにされて見てはと思いますが・・・

QHTMLタグの等の中の「#」「"」は省略してもいいのでしょうか?

HTMLタグの<body bgcolor="#AAAAAA">等の中の「#」や「""」は省略しても大丈夫でしょうか?

検証してみても、特に結果は変わらないようです。。
他のタグでも幾つか試してみましたが特に大丈夫でした…

それとも、ブラウザによって読み込めなくなるとか、
省略してるとなんかおかしくなる事がおきるのでしょうか?

Aベストアンサー

色の指定は「'#'で始まり,その直後に3桁又は6桁の16進数が続くもの」という定義になっているそうです(下記HP参照)。
ただ、他の色指定の書式とは書式が違うのでブラウザが(ある意味では)勝手に解釈しているのだと思います。
ですから、""や#を省略して読めないブラウザがある可能性はあると思われます。

参考URL:http://zng.info/w3-specs/css3-color.html.utf8

QあるあるのCMの曲

あるあるのCMというか番宣のときに流れてる洋楽の題名を調べています。歌い回しからしてELOな気がします、ご存知の方はレスお願いいたします

Aベストアンサー

今晩は
もしかしたら「Mr. Roboto」という曲でしょうか?
オリジナルはStyxというバンド ですが、
番宣で使われているのはPOLYSICSのヴァージョンかもしれません。
もし違ってたらすみません。

Styx
http://www.towerrecords.co.jp/sitemap/CSfCardMain.jsp?GOODS_NO=606853&GOODS_SORT_CD=101

POLYSICS
http://www.sonymusic.co.jp/Music/Arch/KS/Polysics/KSCL-453/

QDW8で置換したい。
  • dreamwever8を使っているのですが、置換で分からない所があります。
    <li><a リンク>ああああああ</a></li>
    <li><a リンク>いいいいいい</a></li>
    <li><a リンク>うううううう</a></li>
    上記の<a リンク>から中のそれぞれの文字と</a>を全て消して
    <li></li>にしたい時はどうすればいいのでしょうか?
    (※中の文字はそれぞれ全て違います。)
    どなたか分かる方いましたら教えて下さい。
    お願いします。

    Aベストアンサー

    hrefのURLが全部違うと開始タグの一括置換はDWじゃ無理かな?
    エクステンションで正規表現の置換が出来るようなものがあれば別ですが
    デフォルトでは出来なかったはず。
    確か秀丸で正規表現使う置換が出来たと思うのでお試しください。
    (なくても置換の設定が細かくできるのでDWより楽だと思います)

    Q川崎あるある

    川崎のあるあるを教えてください!

    例:
    地元民はピンクおじさんをみても驚かない
    ギネス認定の世界一短いエスカレーターがある
    駅前通りのコンビニの多さ

    よろしくおねがいします!

    Aベストアンサー

    駅ビルの地下とアゼリアは繋がっていない。

     *どこか壁ひとつ壊せば繋がりそうですけどね。
      秘密の連絡口があったりして。

    Q

    お世話になります。
    ホームページを作成する場合、見出し<h1>または<h2>の下に<p><div>で本文を記述すると、見出しと本文の間が空いてしまいます。
    この間を狭く調整する方法を探しています。
    よろしくお願いします。

    Aベストアンサー

     No. 1 のご回答のように,これはスタイルシートの範疇ですが,もう少し根本的な方法で考えてみましょう。

     おそらく,h1,h2,p の前後には,既定で 1 行分程度の空きができているはずです。そこで,それらの間の空きをすべて詰めてしまう記述を考えます。
     次の記述を <head>...</head> に加えてみてください。

    <style type="text/css">
    h1 { margin-top: 0; margin-bottom: 0 }
    h2 { margin-top: 0; margin-bottom: 0 }
    p { margin-top: 0; margin-bottom: 0 }
    </style>

    これでこれらの要素が隣接しても,ぴったりくっついて出てきます(<!-- ... --> でくくる場合もありますが,XHTML を使わなければどちらでもかまいません)。
     詰めすぎ,と思われるなら,上記の数値をいじります。およそ 1 行分を「1em」として,数値を書き換えてください(「em」をつけることが必要です)。これで,間隔を好きなように調整できます。ほかの要素でも同様ですので,例にならって書いてみてください。

     具体的には,h1 と p,h2 と p の間にできる空きだけをつぶしたい場合は,h1,h2 の下マージンと p の上マージンを狭めます。

    <style type="text/css">
    h1 { margin-bottom: 0 }
    h2 { margin-bottom: 0 }
    p { margin-top: 0 }
    </style>

    このときは,h1,h2 の上マージンと p の下マージンはそのままです。ご質問の最低限のご要望を満たすのは上記の記述になります(ぴったりくっつくのがお嫌ならば,適切な間隔を指定してください)。

     あとは,ご自分で応用なされるとよいでしょう。これを機にスタイルシート(CSS)をはじめてみたいと思われれば,参考 URL の「Let's begin CSS」あたりをおすすめしておきます。

    参考URL:http://www.tg.rim.or.jp/~hexane/ach/

     No. 1 のご回答のように,これはスタイルシートの範疇ですが,もう少し根本的な方法で考えてみましょう。

     おそらく,h1,h2,p の前後には,既定で 1 行分程度の空きができているはずです。そこで,それらの間の空きをすべて詰めてしまう記述を考えます。
     次の記述を <head>...</head> に加えてみてください。

    <style type="text/css">
    h1 { margin-top: 0; margin-bottom: 0 }
    h2 { margin-top: 0; margin-bottom: 0 }
    p { margin-top: 0; margin-bottom: 0 }
    </style>

    これでこれらの要素が...続きを読む

    Qタバコ、あるあるー!(吸う人、吸わない人)

    こんばんは! 寒くなってきましたね! 外で吸うと、白い息モクモクですよね!
    「タバコなんて害だ!」「増税だ!」あれこれ言われてますね! けど、好き!

    あなたの『タバコあるある』や『ルール』を教えて下さい!
    たとえば…
    「出かける前の一本は水で消火を確認する」「1日3本だけ!」

    吸わない方も!
    「吸ってる人を見かけたら、睨むことにしてる!」「夫の本数管理をしている」

    銘柄と一緒に教えて下さーい!

    Aベストアンサー

    喫煙者の99%以上はマナーを守れない いや、普通の人間ではマナーにしがみつくことすらできないであろう。 

    海は吸殻 道路は吸殻 腕は吸殻 パチンコ屋の駐車場は吸殻 地球は喫煙者の吸殻 

    携帯用の吸殻にわざわざ入れてもって帰るものならそれは神に近いでしょう。

    タバコ程度にここまで支配されてしまうほど人間とは弱いものなのですから仕方の無いことです。

    Qcssの記述について教えてください、

    cssの記述について教えてください。勉強不足で<li>タグだけなら正常に表示できるのですが、無理に<ul>タグを追加すると型崩れしてしまいます。<ul>タグは必須としていれなくてもいいですか??<li>タグのみで

    Aベストアンサー

    CSS(大文字で書いてください)ではなくて、HTMLですね。
    ul,olは、内部にli要素しかもてません。
    liは、必ずul,ol内にしか存在できません。
     HTMLの仕様では、liの終了タグは省略できます。が!!、XHTMLを考えると書いておく癖をつけましょう。
    【引用】____________ここから
    <!ELEMENT UL - - (LI)+ -- unordered list -->
    <!ELEMENT OL - - (LI)+ -- ordered list -->
     ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Lists in HTML documents (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/lists.html#edef-UL )]より
    は、そういう意味です。

    よって、
    <ul>
      <li>・・・・</li>
      <li>・・・・</li>
      <li>・・・・</li>
    </ul>
    と書きます。デザインが崩れるのは、CSSの書き方が間違っている。
     ただ、ブラウザによってリストのマージンやパディングの取り方が違うので、きちんと設定する必要があります。

    CSS(大文字で書いてください)ではなくて、HTMLですね。
    ul,olは、内部にli要素しかもてません。
    liは、必ずul,ol内にしか存在できません。
     HTMLの仕様では、liの終了タグは省略できます。が!!、XHTMLを考えると書いておく癖をつけましょう。
    【引用】____________ここから
    <!ELEMENT UL - - (LI)+ -- unordered list -->
    <!ELEMENT OL - - (LI)+ -- ordered list -->
     ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ ̄ここまで[Lists in HTML documents (ja)( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html40...続きを読む


    人気Q&Aランキング