Помощь Самовольное масштабирование картинок

[hromich]

Нужна помощь!
Столкнулся в PrestaShop с некоторой особенностью верстки.
В редакторе админки показывает то, что я хочу получить на странице, а именно:
Для просмотра ссылки Войди или Зарегистрируйся
Исходный код:

<div style="float: left;">
<table width="300" height="100">
<tbody>
<tr>
<td><img src="http://aksakov.dp.ua/img/cms/Advantage/advantage1.png" alt="" width="100" height="100" /></td>
<td>
<ul>
<li>Мягкие</li>
<li>Не рушится</li>
<li>Нелипкие</li>
<li>Не окрашивает</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div style="float: left;">
<table width="300" height="100">
<tbody>
<tr>
<td><img src="http://aksakov.dp.ua/img/cms/Advantage/advantage2.png" width="100" height="100" /></td>
<td>
<ul>
<li>Пахнет настоящими фруктами</li>
<li>Нетоксичные (на 100% безопасны для детей)</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div style="float: left;">
<table width="300" height="100">
<tbody>
<tr>
<td><img src="http://aksakov.dp.ua/img/cms/Advantage/advantage3.png" width="100" height="100" /></td>
<td>
<ul>
<li>Регидратируемый</li>
<li>Нетоксичные (на 100% безопасны для детей)</li>
</ul>
</td>
</tr>
</tbody>
</table>
</div>
<div style="float: left;">
<table width="300" height="100">
<tbody>
<tr>
<td><img src="http://aksakov.dp.ua/img/cms/Advantage/advantage4-1.png" width="100" height="100" /></td>
<td>Можно повторно увлажнять снова и снова с помощью небольшого количества воды</td>
</tr>
</tbody>
</table>
</div>

По факту на странице показывает следующее: Для просмотра ссылки Войди или Зарегистрируйся
Кто знает как такое можно побороть?

 

[hromich]

Не помогло. Слеш автоматом движек сам добавляет.
<-------------- добавлено через 2310 сек. -------------->

Ну тогда предлагаю сразу оптимизировать картинки по размеру.
Надеюсь увеличение их не понадобится.

Картинки в том размере, в котором нужны. Что я только не делал. Движек упорно сам масштабирует картинки. По своему усмотрению выставляет размер, отличающийся от оригинала.
<-------------- добавлено через 3027 сек. -------------->
Намного лучше стало. Почти то, что хотел. Спасибо огромное!

 

[davekiller]

Попробуйте убрать слэш
height="100" />
он там совсем не нужен
<-------------- добавлено через 1889 сек. -------------->
Ну тогда предлагаю сразу оптимизировать картинки по размеру.
Надеюсь увеличение их не понадобится.
<-------------- добавлено через 3015 сек. -------------->
Попробуй такой код

    <div style="float: left;">
        <div style="float: left; width: 100px">
            <img src="http://aksakov.dp.ua/img/cms/Advantage/advantage1.png" alt="" width="100" height="100" />
        </div>
        <div style="float: left; width: 200px">
            <ul>
            <li>Мягкие</li>
            <li>Не рушится</li>
            <li>Нелипкие</li>
            <li>Не окрашивает</li>
            </ul>
        </div>
    </div>
<div style="float: left;">
        <div style="float: left; width: 100px">
            <img src="http://aksakov.dp.ua/img/cms/Advantage/advantage2.png" alt="" width="100" height="100" />
        </div>
        <div style="float: left; width: 200px">
            <ul>
            <li>Пахнет настоящими фруктами</li>
            <li>Нетоксичные (на 100% безопасны для детей)</li>
            </ul>
        </div>
    </div>

<div style="float: left;">
        <div style="float: left; width: 100px">
            <img src="http://aksakov.dp.ua/img/cms/Advantage/advantage3.png" alt="" width="100" height="100" />
        </div>
        <div style="float: left; width: 200px">
            <ul>
            <li>Регидратируемый</li>
            <li>Нетоксичные (на 100% безопасны для детей)</li>
            </ul>
        </div>
    </div>

<div style="float: left;">
        <div style="float: left; width: 100px">
            <img src="http://aksakov.dp.ua/img/cms/Advantage/advantage4-1.png" alt="" width="100" height="100" />
        </div>
        <div style="float: left; width: 200px">
            <ul>
            <li>Можно повторно увлажнять снова и снова с помощью небольшого количества воды</li>
            </ul>
        </div>
    </div>

<-------------- добавлено через 780 сек. -------------->
Всегда пожалуйста.
Совет.
Тебе еще надо меню обязательно выправить, а то оно вылетает рано.
Это правится в JS.

 

[xxxATOMxxx]

Попробуйте сделать через bootstrap