Странная проблема выравнивания - PullRequest
2 голосов
/ 19 мая 2011

Если вы посмотрите здесь, приведенный ниже код для будущих ссылок.

<h1>Accreditations</h1>
<p>
<strong>
  <a href="BRCCertificateE.PDF">
  <img src="images/brc.png" width="150" height="60"
  border="0" />BRC Standard</a>
</strong>
<br />The British Retail Consortium (BRC) Global Standard for
Packaging has been developed to set out hygiene and quality
requirements for packaging manufacturers</p>
<div>
  <strong>
    <a href="9001certificate.pdf">
    <img src="images/iso.png" alt="" width="150" height="60"
    border="0" />ISO900</a>
  </strong>
  <a href="#">
    <strong>1</strong>
  </a>
  <strong>:2008</strong>
  <br />
  <p>is a recognised quality management standard that we use to
  ensure we manufacture all of our products to the highest
  standards.</p>
  <p>
  <strong>
  <a href="FSC Certificate.pdf">
    <img src="images/fsc.png" width="150" height="60" border="0" />
  </a>FSC</strong>
  <strong>Chain of Custody</strong>
  <br />The Forestry Stewardship Council (FSC) monitors the use of
  timber in paper and board based products, ensuring that material
  used is coming from areas of forest that are managed responsibly.
  The FSC Chain of Custody certification tracks the FSC certified
  material through the production processes all the way to the
  store.</p>
  <p>
  <strong>Environmental issues</strong>
  <br />These have to be at the top of the agenda for the customer
  and for the packaging producer. We believe that cartonboard
  represents the most environmentally friendly form of packaging
  available due to the consumer being able to recycle 100% of the
  product.</p>
</div>

Спасибо за любую помощь, которую думают ваши гении

Ответы [ 3 ]

1 голос
/ 19 мая 2011

Это потому, что изображения во второй ссылке имеют значение float: left, влияющее на поток документов под ним.

Самый простой способ исправить это - добавить

clear: both

к <p> элемент, заключающий в себе третий элемент.

0 голосов
/ 19 мая 2011

Заполнение над <p> над ним недостаточно велико, чтобы разбить изображения ниже. Таким образом, затронутый <p> на самом деле все еще рядом с изображениями из <p> над ним.

0 голосов
/ 19 мая 2011

добавить это как атрибут к вашей ссылке fsc

style="display: block; width: 60px;"
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...