質問 > その他 > 表などの挿入について教えてください。 |
その他
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | 下へ |
投稿者 | スレッド |
---|---|
t00310 |
投稿日時: 2012/9/26 16:49
対応状況: −−−
|
常連 登録日: 2012/5/24 居住地: 投稿: 50 |
表などの挿入について教えてください。 ブロック設定で次のような表を作りレイアウトでフッターの上に配置をしようと考えております。
<table border="0" cellpadding="0" cellspacing="0" bordercolor="#111111" width="960"> <tr> <td width="33%"> <table border="1" cellpadding="0" cellspacing="0" bordercolor="#111111" width="100%"> <tr> <td width="100%"> </td> </tr> </table> </td> <td width="33%"> </td> <td width="34%"> <table border="1" cellpadding="0" cellspacing="0" bordercolor="#111111" width="100%"> <tr> <td width="100%"> </td> </tr> </table> </td> </tr> </table> HTMLの知識がないため、マイクロソフトのフロントページや、ホームページビルダー などで作った表のHTMLを貼り付けている状態です。 横に3列の表は透明に、両サイドの表は黒にしたつもりですが プレビューしてみると表全体がグレーの線になっており余白もついており 使い物になりません。 よろしくお願いいたします。 [EC-CUBE] 2.12.2 新規インストール [レンタルサーバ] スピーバー [OS] Windows7 [PHP] 5.2.17 [データベース] MySQL 5.0.83-community [WEBサーバ] Apache [ブラウザ] IE9 |
tanaca |
投稿日時: 2012/9/27 8:02
対応状況: −−−
|
仙人 登録日: 2010/11/28 居住地: 福岡県 投稿: 332 |
Re: 表などの挿入について教えてください。 おそらく、EC-CUBEのスタイルシート(table.css)が影響しているのではないでしょうか。
|
t00310 |
投稿日時: 2012/9/28 13:14
対応状況: −−−
|
常連 登録日: 2012/5/24 居住地: 投稿: 50 |
Re: 表などの挿入について教えてください。 いつもありがとうございます。
table.cssを確認してみました。・・・が、よくわかりませんでした。 商品の詳細ページなどにも数字や文字の入った表を作って掲載したいのですが、 商品登録の「詳細-メインコメント(タグ許可)*」とかでも、単純にビルダーなどで作ったHTMLを貼り付けてもダメなんですね。 さすがにこのあたりは素人には難しいのでしょうか。 |
tanaca |
投稿日時: 2012/9/28 14:13
対応状況: −−−
|
仙人 登録日: 2010/11/28 居住地: 福岡県 投稿: 332 |
Re: 表などの挿入について教えてください。 ブラウザIE9をお使いなら、開発者ツールで確認されると分かりやすいと思います。
「開発者ツール」参考サイト http://www.atmarkit.co.jp/fwin2k/win2ktips/1181ie8dvt/ie8dvt.html
|
t00310 |
投稿日時: 2012/10/3 17:51
対応状況: 解決済
|
常連 登録日: 2012/5/24 居住地: 投稿: 50 |
Re: 表などの挿入について教えてください。 いつもありがとうございます。
確認しましたが、頭が痛くなりそうなので今回は断念します。 時間をおいてこのサイトを参考にチャレンジしてみます。 ありがとうございました。 |
dimaggio |
投稿日時: 2012/10/4 10:36
対応状況: −−−
|
一人前 登録日: 2011/3/30 居住地: Tokyo 投稿: 120 |
Re: 表などの挿入について教えてください。 (目的とされている表のイメージとHTMLのtableの記述があっているかわかりませんが、)ブロックに挿入された<table>タグの一行目を
<table id="t00310" border="0" cellpadding="0" cellspacing="0" bordercolor="#111111" width="960"> <tr> <td width="33%"> <table border="1" cellpadding="0" cellspacing="0" bordercolor="#111111" width="100%"> <tr> <td width="100%"> </td> </tr> </table> </td> <td width="33%"> </td> <td width="34%"> <table border="1" cellpadding="0" cellspacing="0" bordercolor="#111111" width="100%"> <tr> <td width="100%"> </td> </tr> </table> </td> </tr> </table> のように変更した上で、table.cssファイルの末尾に table#t00310 { border-collapse: collapse; border: 1px solid #111111; text-align: left; width: 100%; margin: 0 0 0 0; } table#t00310 table { border-collapse: collapse; border: 1px solid #111111; text-align: left; width: 100%; margin: 0 0 0 0; } table#t00310 td, table#t00310 table td { border: 1px solid #111111; padding: 0px; } を追加してみるとどうですかね。 |
スレッド表示 | 新しいものから | 前のトピック | 次のトピック | トップ |