0

我在这里有这个 HTML/CSS：

<div class="liste">
    <div class="content">
        <h4>Cyekl something</h4>
        <p>
            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores, ullam, consectetur, totam vel consequuntur
            quas sunt nulla rerum maxime saepe repudiandae voluptate porro laudantium repellat rem non doloremque? Ea,
            delectus, quis quod nemo deleniti velit 
        </p>
    </div>
    <div class="listeimage">
        <img src="http://lorempixel.com/116/80/" alt="">
    </div>
    <p class="pris">Pris 9.995 kr.</p>
    <a href="#">
        <h4 class="mereinfo">Mere info</h4>
    </a>
</div>

当我将它与 PHP 一起使用时，我页面上的侧边栏会移动到内容类中，这有点毁了一切。

    $cykel_id = $row['cykel_id'];
    $cykel_tekst = $row['cykel_tekst'];
    $cykel_pris = $row['cykel_pris'];
    $img = 'http://lorempixel.com/116/80/';
    echo '<div class="liste"><div class="content"><h4>'.$cykel_id.'</h4>'.'<p>'.$cykel_tekst.'</p>'.'</div><div class="listeimage"><img src="'.$img.'"</div><p class="pris">'.$cyke_pris.'</p>'.'<a href="#"><h4 class="mereinfo">Mere info</h4></a></div>';
}

那就是我的php代码，我不知道出了什么问题希望有人可以帮助我。

4

2 回答 2

1

正确缩进你的代码，你会更快地看到错误。

格式化后，您的 PHPecho如下所示：

echo '
    <div class="liste">
        <div class="content">
            <h4>'.$cykel_id.'</h4>
            '.'<p>'.$cykel_tekst.'</p>'.'
        </div>
        <div class="listeimage">
            <img src="'.$img.'"
        </div>
        <p class="pris">'.$cyke_pris.'</p>
        '.'
        <a href="#">
            <h4 class="mereinfo">Mere info</h4>
        </a>
    </div>
';

标签未<img />正确关闭。此外，这里和那里有一些不必要的'.'片段，但它们不影响正确性。

带有img标签的行应如下所示：

<img src="'.$img.'" />

（并且要完全有效，它也应该具有alt属性）

于 2013-11-03T23:55:28.933 回答
0

你没有关闭你的img标签。另外，您在$cyke_pris. 应该是$cykel_pris。以下格式可能会帮助您在将来避免此错误：

<?php
$cykel_tekst = $row['cykel_tekst'];
$cykel_pris = $row['cykel_pris'];
$img = 'http://lorempixel.com/116/80/';
echo "<div class='liste'>
        <div class='content'>
          <h4>$cykel_id</h4>
          <p>$cykel_tekst</p>
        </div>
        <div class='listeimage'>
          <img src='$img' />
        </div>
        <p class='pris'>$cykel_pris</p>
        <a href='#'><h4 class='mereinfo'>Mere info</h4></a>
      </div>";
?>

您可以使用输出缓冲来消除空格，或者自己将它们取出。

于 2013-11-04T00:03:47.627 回答