バージョン選択

フォーラム

メニュー

オンライン状況

115 人のユーザが現在オンラインです。 (98 人のユーザが フォーラム を参照しています。)
登録ユーザ: 0
ゲスト: 115
もっと...

サイト内検索

質問 > フロント機能 > main.css での変更箇所について

フロント機能

新規スレッドを追加する

スレッド表示 | 新しいものから 前のトピック | 次のトピック | 下へ
投稿者 スレッド
muton
投稿日時: 2007/12/9 17:22
対応状況: −−−
新米
登録日: 2007/12/8
居住地:
投稿: 10
main.css での変更箇所について
メイン画面のブロック/タイトル画像を、従来よりも小さくしましたので
下のテーブルとの間に少し隙間が出ています。
http://muton.net/mart

その隙間を修正したいのですが、main.cssのどこを変更すれば
良いのかわかりません。

ブロック/プロフィールで、テーブルを使うと灰色の枠が出てしまうのですが、それもなぜ、灰色の枠が出てしまうのかわからない
状況です。

<!--▼プロフィールここから-->
<h2>
<img src="<!--{$TPL_DIR}-->img/side/title_profile.jpg" width="166" height="25" alt="検索条件" />
</h2>
<div id="profile">
<table width="0" border="0">
<tr>
<td><p class="style4"><span class="style2"><strong><a href="http://muton.net/mart/user_data/profile.php#ootsuka">・大塚 忍</a></strong><a href="http://muton.net/mart/user_data/profile.php#ootsuka"><br />
(オオツカ シノブ)</a><br />
Photographer</span></p>
<p class="style4"><a href="http://mixi.jp/show_friend.pl?id=7932192">[mixi]shinob</a><a href="http://mixi.jp/show_friend.pl?id=7932192">u</a></p></td>
</tr>
</table>

</div>
<!--▲プロフィールここまで-->


教えてください。

よろしくお願いします。
homan
投稿日時: 2007/12/9 18:18
対応状況: −−−
仙人
登録日: 2007/7/2
居住地: 宮崎県宮崎市
投稿: 633
Re: main.css での変更箇所について
●下のテーブルとの隙間について
ie6でみると開いていますが、firefox2.0では埋まっています。
これはおそらく、画像をつかうとよくある現象で、
main.css の任意の場所に以下を追加してみて下さい。

h2 img {
    vertical-align: bottom;
}




●テーブルの灰色線について

main.cssでテーブルの共通設定がされているからではないでしょうか?

〜省略〜

/* テーブル共通指定
----------------------------------------------- */
table  {
    margin: 15px auto 0 auto;
    border-top: 1px solid #999999;
    border-left: 1px solid #999999;
    border-collapse: collapse;
    text-align: left;
}
table th {
    padding: 8px;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    background-color: #999999;
    font-weight: normal;
}
table td {
    padding: 8px;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
}

〜省略〜


profile のところのテーブルだけ別のCSSを記述すればいいと思います。


----------------
このコミュニティでの投稿はボランティアの範囲に留めさせていただいています。個別の相談やカスタマイズは有償にて承っておりますのでご相談下さい。

[url=http://www.eccube-school.jp/]EC-CUBE

kvex2004
投稿日時: 2007/12/9 18:21
対応状況: −−−
長老
登録日: 2007/10/31
居住地: 埼玉
投稿: 218
Re: main.css での変更箇所について
グレーの件に関してはhomanさんの指摘通り

heightの件はmain.cssの113行あたりから

div#header {
background: url("../img/header/bg.gif");
width: 780px;
height: 95px;
margin: 0 auto;
}


というか「ヘッダーロゴ」とか丁寧にコメントが書いてあるので、すぐわかりますね。
muton
投稿日時: 2007/12/14 23:27
対応状況: 解決済
新米
登録日: 2007/12/8
居住地:
投稿: 10
Re: main.css での変更箇所について
解決しました。

アドバイスありがとうございます!
スレッド表示 | 新しいものから 前のトピック | 次のトピック | トップ


 



ログイン


EC-CUBE公式 Amazon Payプラグイン

統計情報

総メンバー数は90,265名です
総投稿数は110,351件です

投稿数ランキング

1
seasoft
7369
2
468
3217
3
AMUAMU
2712
4
nanasess
2314
5
umebius
2085
6
yuh
1819
7
h_tanaka
1689
8
red
1571
9
mcontact
1357
10
tsuji
958
11
fukap
907
12
shutta
835
13
tao_s
799
14 ramrun 789
15 karin 689
16 sumida 641
17
homan
633
18 DELIGHT 572
19
patapata
502
20
flealog
485


ネットショップの壺

EC-CUBEインテグレートパートナー

Copyright© EC-CUBE CO.,LTD. All Rights Reserved.