2016-08-05 12 views
-2

調整しようとしている結果ページがあります。今私は4つのフィールドを持っていますが、コントロールする方法を理解できません。私はいくつかの進歩を遂げましたが、それらを1行にまとめる何かがあります、と私は思いますか?何かが多分それはPHPファイルで、一緒にこれらのフィールドのグループを作っている個々の行にフィールドを分割する方法がわかりません

.IDX-resultsContentMain div { 
    color: #333; 
    float: left; 
    line-height: 1em; 
    margin-top: 0; 
    margin-right: 10px; 
    margin-left: 100px; 
    margin-bottom: 5px; 
} 
.IDX-resultsField-propStatus div{ 
    margin-left: 100px !important; ; 
} 
.IDX-resultsField-bedrooms div{ 
    margin-left: 100px !important; ; 
} 
.IDX-resultsField-totalBaths div{ 
    margin-left: 100px !important; ; 
} 
.IDX-resultsField-partialBaths div{ 
margin-left: 100px !important; ; 
} 

:私は、私は次のようにフィールドを制御していると思う5つのアイテムを持っている

Results Page

:私の結果ページがです何か、私は多くの経験がない場所です。

私の目標は、フィールドをあらゆる論理的な方法で整列させることです。何か案は?本当にありがとう。 -Beth

+0

htmlコードを共有してください –

+0

[MCVE]指導書を更新し、ポストのサンプル*インライン*を参照してください。 –

答えて

0

すべてのフィールドが同じ行にあり、すべてのdivがfloat: leftルールを持つためです。それを削除すると、各部門は新しい行で始まります。

+0

私はフロートを取り除いた:私はフィールドを制御していたと思った唯一の場所から左に移動し、それはステータスとベッドルームのフィールドではなく、全体のバスと部分浴場のフィールドでは機能しませんでした。フィールドにmargin-left:100pxのdivがあるので、何をすべきかわからないのですか? – bethabernathy

+0

あなたは、次のCSSルールを追加する必要があります。 '.IDX-resultsContentMain .IDX-resultsField-totalBathsを、 .IDX-resultsContentMain .IDX-resultsField-partialBaths { マージン左:0; } ' – Mila

+0

これは完全に機能しました。私はそれを理解するだけです。そのコードを追加することで、協力していなかったフィールドに別のコマンドが追加されますか? – bethabernathy

関連する問題