1

.txtファイルを解析して不動産広告を表示するphpファイルを作成しました。

配列にforeachループを使用しましたが、IE7を除いてすべてが正常に機能します。テキストサイズは、IE7の各配列の後に増加します。これはすべてjoomlaの記事に含まれており、Sourcererプラグインを使用して適切なphpファイルが含まれています。

適切なcssファイルでfont-sizeを％からemに変更しましたが、機能しませんでした。divでzoom：1を使用しようとしましたが、containg div内にposition：absoluteがあり、それも機能しませんでした。

foreachループ：

foreach($results as $book){
echo '<div id="annonces">';
echo '<div id = "annoncetext">';
echo '<p class="annonces_title"> ' . $book[2]. '</p>';
echo '<p class="annonces_ref">' . $book[3]. ' m<sup>2</sup> - ' . $book[4] . ' pièces - ' . $book[5] . ' chambres<br>';
echo '<p class="annonces_prix">Prix : '  . $book[6]. ' €&lt;br></p>';
echo '<p class="annonces_description">' .  $book[8]. '<br><br>';
'</div></div>';

そして、関連するcssのいくつか：

p.annonces_title{ 
    font-size: 1.75em;
    font-weight:normal;
    line-height:28px;
    padding: 5px 10px 1px 0px;
    margin: 0px 4px 13px 0;
    letter-spacing:0px;
    text-transform: uppercase;
    color:#fff;
}
p.annonces_prix{ 
    font-size:1.3em;
    line-height:18px;
    padding:8px 0 4px 0;
    margin-bottom:8px;
    color:#fff;
    font-weight:normal;
    text-transform:none;
}

#annonces {
    margin-left:0;
    margin-top:30px;
    width:1080px;
    font-size-adjust:none;
    min-height:500px;
    position:relative;
    background-image:url(filet-annonces.jpg);
    background-position:bottom;
    background-repeat:no-repeat;
}

#annoncetext {
    position:absolute;
    top:0;
    width:340px;    
}

最後に、新しい広告ごとにテキストサイズを大きくするだけでなく、ループにないフッターも拡大し​​ます。このページへのリンクは次のとおりです。 http://www.lagrandiere-immobilier.fr/espace-location/nos-offres-de-location この現象は、AdobeBrowserLabで確認できます。

4

1 に答える 1

1

</p>行末に終了タグがありません

echo '<p class="annonces_ref">' . $book[3]. ' m<sup>2</sup> - ' . $book[4] . ' pièces - ' . $book[5] . ' chambres<br>';

そしてここにも：

echo '<p class="annonces_description">' .  $book[8]. '<br><br>';

そのため、HTMLが正しくレンダリングされない可能性があります。

さらに、ループ内ではIDを使用しないでください。ID属性は一意である必要があるため、クラス属性に変更するか、IDサフィックスを追加して一意にすることをお勧めします。

于 2012-06-20T12:02:19.220 に答える