-4

いくつかの要素間のスペースを変更したいWebサイトがあります。CSSについてはよくわかりません。私はそれの初心者です。あなたはここでウェブサイトを見ることができます。これは現在一時的なドメイン名：timepasssite.hostoi.comにあります。

  1. ロゴとメインメニューの間のスペースを減らしたい1...ホーム..リストを追加..少し上に移動する必要があります。
  2. また、メインメニュー1の行で検索ボックスを上に移動したいと思います。
  3. 注目のリストを地球の写真の近くまで上に移動したいのですが、4ピクセルの距離で十分です。リストカテゴリは、2ピクセルの距離で注目リストに近づきます。

誰かが私にこれを行う方法を教えてもらえますか？

Common.cssファイルとStyle.cssファイルは次のとおりです。

Common.cssStyle.css をダウンロードする

画像 ：i.stack.imgur.com/R91fy.jpg

ここにファイルを貼り付けることができません...方法がわかりません...ファイルをダウンロードして解決策を教えてください！

4

5 に答える 5

2

一般的に言えばmargin、paddingまたは絶対位置の場合left, topなどを使用する必要があります。

ロゴとメインメニューの間のスペースを減らすには、次のように、padding-bottomにdiv#logoあるcssプロパティを減らす（または削除する）必要がありますcommon.css。

div#logo {
    padding: 15px 0 0 0;
    text-align: center;
}

検索バーの場合、cssは親div内のインラインスタイルに含まれています。cssファイルのプロパティをオーバーライドし、topたとえば値として-50を指定する必要があります。

これで一般的な考え方がわかりました。他の問題を管理できると思います。

ただし、Firebug（Firefox / Chromeの拡張機能）を使用することを強くお勧めします。

お気軽に精度をお尋ねください。

于 2012-06-29T11:16:51.010 に答える
0

common.cssで、これを見つけます。

div#logo
{
    /*width: 185px;
    height: 75px;
    float: left;*/
    text-align: center;
    padding:15px 0px;
}

属性に2つの値が指定されている場合padding、それらは上/下と左/右の値を指定します。したがって、現時点では、ロゴの上部と下部の両方に15pxのパディングが適用されています。（http://www.w3schools.com/cssref/pr_padding.aspを参照してください。）

padding:15px 0px;行を-に変更しpadding: 15px 0px 0px 0px;ます。これにより、15pxのままである上部を除いて、すべてのパディングが0に設定されます。

他のクエリについても同様の解決策を見つけることができるはずです。HTMLでコンテナIDを探し、そのIDのCSSを見つけます。たとえば、注目のリストがにある場合は<div id="featured">、CSSで。を探し、div#featuredそこでパディングプロパティを編集します。

于 2012-06-29T11:17:58.183 に答える
0

私はあなたのCSSを見ました。padding: 7px 10px 10px;メニューとロゴの間にスペースを作ることで、またあなたは高さについても言及されました。パディングとマージントッププロパティを減らします。

あなたのコードをよりよく投稿してください

于 2012-06-29T11:19:04.787 に答える
0

common.cssでこの変更を行い、ロゴの下部の間隔を削除します-

div#logo {
    padding: 15px 0 0 0;
    text-align: center;
}
于 2012-06-29T11:15:04.927 に答える
0
  1. 2、3

私はあなたが使用margin-topまたはbottomプロパティできると思います

またpadding

于 2012-06-29T11:15:51.900 に答える