[Помощь] Как сделать описание как на Market.yandex.ru?

F

FuGeeZ

Создатель
Регистрация
15 Янв 2009
Сообщения
38
Реакции
3
Нужно сделать чтобы как на маркете в два столбца отображалась в полном описании...
Все CSS файлы перерыл, не получается...
Вот например их полное описание которое должно в два столбца выводится:
HTML: 
<table border="0" width="48%" cellspacing="0" cellpadding="5">
  <tbody>
    <tr>
      <td colspan="2"><strong>Матрица</strong></td>
    </tr>
    <tr>
      <td>Общее число пикселов</td>
      <td>10.5 млн</td>
    </tr>
    <tr>
      <td>Число эффективных пикселов</td>
      <td>10.1 млн</td>
    </tr>
    <tr>
      <td>Физический размер</td>
      <td>22.2 х 14.8 мм</td>
    </tr>
    <tr>
      <td>Кроп-фактор</td>
      <td>1.6</td>
    </tr>
    <tr>
      <td>Максимальное разрешение</td>
      <td>3888 x 2592</td>
    </tr>
    <tr>
      <td>Тип матрицы</td>
      <td>CMOS</td>
    </tr>
    <tr>
      <td>Чувствительность</td>
      <td>100 - 1600 ISO, Auto ISO</td>
    </tr>
    <tr>
      <td>Функция очистки матрицы</td>
      <td>есть</td>
    </tr>
    <tr>
      <td colspan="2"><strong>Режимы съемки</strong></td>
    </tr>
    <tr>
      <td>Скорость съемки</td>
      <td>3 кадр./сек</td>
    </tr>
    <tr>
      <td>Максимальная серия снимков</td>
      <td>514 для JPEG</td>
    </tr>
    <tr>
      <td>Таймер</td>
      <td>есть</td>
    </tr>
    <tr>
      <td>Время работы таймера</td>
      <td>2, 10 c</td>
    </tr>
    <tr>
      <td>Формат кадра (фотосъемка)</td>
      <td>3:2</td>
    </tr>
    <tr>
      <td colspan="2"><strong>Видоискатель и ЖК-экран</strong></td>
    </tr>
    <tr>
      <td>Видоискатель</td>
      <td>зеркальный (TTL)</td>
    </tr>
    <tr>
      <td>Использование экрана в качестве видоискателя</td>
      <td>есть</td>
    </tr>
    <tr>
      <td>Поле зрения видоискателя</td>
      <td>95%</td>
    </tr>
    <tr>
      <td>ЖК-экран</td>
      <td>230000 пикселов, 2.50 дюйма</td>
    </tr>
    <tr>
      <td colspan="2"><strong>Фокусировка</strong></td>
    </tr>
    <tr>
      <td>Подсветка автофокуса</td>
      <td>есть</td>
    </tr>
    <tr>
      <td>Ручная фокусировка</td>
      <td>есть</td>
    </tr>
    <tr>
      <td colspan="2"><strong>Питание</strong></td>
    </tr>
    <tr>
      <td>Формат аккумуляторов</td>
      <td>свой собственный</td>
    </tr>
    <tr>
      <td>Количество аккумуляторов</td>
      <td>1</td>
    </tr>
    <tr>
      <td>Емкость аккумулятора</td>
      <td>500 фотографий</td>
    </tr>
    <tr>
      <td>Батарейный блок</td>
      <td>BG-E5</td>
    </tr>
    <tr>
      <td>Разъем питания</td>
      <td>есть</td>
    </tr>
    <tr>
      <td colspan="2"><strong>Другие функции и особенности</strong></td>
    </tr>
    <tr>
      <td>Материал корпуса</td>
      <td>пластик</td>
    </tr>
    <tr>
      <td>Дополнительные возможности</td>
      <td>крепление для штатива, дистанционное управление, датчик ориентации, управление с компьютера</td>
    </tr>
    <tr>
      <td>Дата анонсирования</td>
      <td>2008-06-10</td>
    </tr>
  </tbody>
</table>
<table border="0" width="48%" cellspacing="0" cellpadding="5">
  <colgroup span="2">
  </colgroup>
  <tbody>
    <tr>
      <td colspan="2"><strong>Функциональные возможности</strong></td>
    </tr>
    <tr>
      <td>Баланс белого</td>
      <td>автоматический, ручная установка, из списка, брекетинг</td>
    </tr>
    <tr>
      <td>Вспышка</td>
      <td>встроенная, подавление эффекта красных глаз, башмак, брекетинг, E-TTL II</td>
    </tr>
    <tr>
      <td colspan="2"><strong>Объектив</strong></td>
    </tr>
    <tr>
      <td>Поддержка сменных объективов</td>
      <td>Canon EF/EF-S</td>
    </tr>
    <tr>
      <td>Объектив в комплекте</td>
      <td>есть</td>
    </tr>
    <tr>
      <td colspan="2"><strong>Экспозиция</strong></td>
    </tr>
    <tr>
      <td>Выдержка</td>
      <td>30 - 1/4000 с</td>
    </tr>
    <tr>
      <td>Выдержка X-Sync</td>
      <td>1/200 c</td>
    </tr>
    <tr>
      <td>Ручная настройка выдержки и диафрагмы</td>
      <td>есть</td>
    </tr>
    <tr>
      <td>Автоматическая обработка экспозиции</td>
      <td>с приоритетом затвора, с приоритетом диафрагмы</td>
    </tr>
    <tr>
      <td>Экспокоррекция</td>
      <td>+/- 2 EV с шагом 1/3 ступени</td>
    </tr>
    <tr>
      <td>Замер экспозиции</td>
      <td>центровзвешенный, общий (Evaluative)</td>
    </tr>
    <tr>
      <td>Брекетинг экспозиции</td>
      <td>есть</td>
    </tr>
    <tr>
      <td colspan="2"><strong>Память и интерфейсы</strong></td>
    </tr>
    <tr>
      <td>Тип карт памяти</td>
      <td>SD, SDHC</td>
    </tr>
    <tr>
      <td>Максимальный объем карты памяти</td>
      <td>32 Гб</td>
    </tr>
    <tr>
      <td>Форматы изображения</td>
      <td>2 JPEG, RAW</td>
    </tr>
    <tr>
      <td>Интерфейсы</td>
      <td>USB 2.0, видео, разъем для пульта ДУ</td>
    </tr>
    <tr>
      <td colspan="2"><strong>Запись видео и звука</strong></td>
    </tr>
    <tr>
      <td>Запись видео</td>
      <td>нет</td>
    </tr>
    <tr>
      <td>Запись звука</td>
      <td>нет</td>
    </tr>
    <tr>
      <td colspan="2"><strong>Размеры и вес</strong></td>
    </tr>
    <tr>
      <td>Размер</td>
      <td>126x98x62 мм, без объектива</td>
    </tr>
    <tr>
      <td>Вес</td>
      <td>450 г, без элементов питания; без объектива</td>
    </tr>
  </tbody>
</table>
Источник: Для просмотра ссылки Войди или Зарегистрируйся
 
Тоже интересует подобное. Пока что не придумал ничего лучше "копировать-вставить" с куском html-кода. Или же, как вариант, установить более продвинутый редактор, FCKeditor тот же. Но эти варианты автоматизации процесса не дают.
 
Я.Маркет объединили 2 столбца на 1, с этим проще, можно ничего не править в коде

Код: 
<table cellspacing="0" cellpadding="0">
  <tr>
    <th colspan="2">Основные характеристики</th>
  </tr>
  <tr>
    <th>Тип</th>
    <td>ЖК-телевизор</td>
  </tr>
  <tr>
    <th>Светодиодная (LED) подсветка</th>
    <td>есть, Edge LED</td>
  </tr>
  <tr>
    <th>Диагональ</th>
    <td>42" (107 см)</td>
  </tr>
  <tr>
    <th>Формат экрана</th>
    <td>16:9</td>
  </tr>
  <tr>
    <th>Разрешение</th>
    <td>1920x1080</td>
  </tr>
  <tr>
    <th>Поддержка HDTV</th>
    <td>есть, 1080p (Full HD)</td>
  </tr>
  <tr>
    <th>Стереозвук</th>
    <td>есть</td>
  </tr>
  <tr>
    <th>Частота обновления</th>
    <td>100 Гц</td>
  </tr>
  <tr>
    <th>Поддержка 3D</th>
    <td>есть</td>
  </tr>
  <tr>
    <th colspan="2">Изображение</th>
  </tr>
  <tr>
    <th>Динамическая контрастность</th>
    <td>5000000:1</td>
  </tr>
  <tr>
    <th>Время отклика пикселя</th>
    <td>2.4 мс</td>
  </tr>
  <tr>
    <th>Прогрессивная развертка</th>
    <td>есть</td>
  </tr>
  <tr>
    <th colspan="2">Прием сигнала</th>
  </tr>
  <tr>
    <th>Поддержка стереозвука NICAM</th>
    <td>есть</td>
  </tr>
  <tr>
    <th>Поддержка телевизионных стандартов</th>
    <td>PAL, SECAM, NTSC</td>
  </tr>
  <tr>
    <th>Поддержка DVB-T</th>
    <td>DVB-T MPEG4</td>
  </tr>
  <tr>
    <th>Поддержка DVB-C</th>
    <td>DVB-C MPEG4</td>
  </tr>
  <tr>
    <th>Поддержка DVB-S</th>
    <td>есть</td>
  </tr>
  <tr>
    <th>Телетекст</th>
    <td>с памятью на 2000 стр.</td>
  </tr>
  <tr>
    <th>Поддерживаемые форматы входного сигнала</th>
    <td>480i, 480p, 576i, 576p, 720p, 1080i, 1080p</td>
  </tr>
  <tr>
    <th>Доступные разрешения при подключении к ПК</th>
    <td>640x480 <br>
      800x600 <br>
      1024x768 <br>
      1280x1024 <br>
      1360x768 <br>
      1920x1080 <br></td>
  </tr>
  <tr>
    <th colspan="2">Звук</th>
  </tr>
  <tr>
    <th>Мощность звука</th>
    <td>20 Вт (2х10 Вт)</td>
  </tr>
  <tr>
    <th>Акустическая система</th>
    <td>два динамика </td>
  </tr>
  <tr>
    <th>Объемное звучание</th>
    <td>есть</td>
  </tr>
  <tr>
    <th>Декодер Dolby Digital</th>
    <td>есть</td>
  </tr>
  <tr>
    <th colspan="2">Мультимедиа</th>
  </tr>
  <tr>
    <th>Поддерживаемые форматы</th>
    <td>MP3, MPEG4, Xvid, DivX, MKV, JPEG</td>
  </tr>
  <tr>
    <th colspan="2">Интерфейсы</th>
  </tr>
  <tr>
    <th>Входы</th>
    <td>AV x2, аудио x2, компонентный, SCART, RGB, VGA, HDMI x4, USB x2, RS-232, Ethernet (RJ-45)</td>
  </tr>
  <tr>
    <th>Выходы</th>
    <td>оптический</td>
  </tr>
  <tr>
    <th>Поддержка Wi-Fi</th>
    <td>опционально</td>
  </tr>
  <tr>
    <th>Разъем для наушников</th>
    <td>есть</td>
  </tr>
  <tr>
    <th>Слот для CI/PCMCIA</th>
    <td>есть</td>
  </tr>
  <tr>
    <th colspan="2">Функции</th>
  </tr>
  <tr>
    <th>Поддержка 24p True Cinema</th>
    <td>есть</td>
  </tr>
  <tr>
    <th>Поддержка DLNA</th>
    <td>есть</td>
  </tr>
  <tr>
    <th>Запись видео</th>
    <td>на USB-накопитель</td>
  </tr>
  <tr>
    <th>Функция TimeShift</th>
    <td>есть</td>
  </tr>
  <tr>
    <th>Выход в интернет</th>
    <td>есть</td>
  </tr>
  <tr>
    <th>Таймер сна</th>
    <td>есть</td>
  </tr>
  <tr>
    <th>Защита от детей</th>
    <td>есть</td>
  </tr>
  <tr>
    <th>Экранное меню на русском</th>
    <td>есть</td>
  </tr>
  <tr>
    <th colspan="2">Дополнительно</th>
  </tr>
  <tr>
    <th>Цвет</th>
    <td>черная передняя панель с декорированным розовым оформлением</td>
  </tr>
  <tr>
    <th>Возможность крепления на стену</th>
    <td>есть</td>
  </tr>
  <tr>
    <th>Размеры с подставкой (ШxВxГ)</th>
    <td>999x681x255 мм</td>
  </tr>
  <tr>
    <th>Вес с подставкой</th>
    <td>15.7 кг</td>
  </tr>
  <tr>
    <th>Размеры без подставки (ШxВxГ)</th>
    <td>999x623x31 мм</td>
  </tr>
  <tr>
    <th>Вес без подставки</th>
    <td>13.4 кг</td>
  </tr>
  <tr>
    <th>Дополнительная информация </th>
    <td>для получения 3D используются легкие поляризационные очки</td>
  </tr>
</table>
 
FuGeeZ написал(а):
Нужно сделать чтобы как на маркете в два столбца отображалась в полном описании...
Все CSS файлы перерыл, не получается...
Нажмите для раскрытия...
HTML: 
<style type="text/css">
.b-properties{width:100%;margin:0 0 2em;border-collapse:collapse}
.b-properties th{text-align:left;vertical-align: top;}
.b-properties__title{padding:.8em 0 .6em;font-size:140%}
.b-properties__title_first_yes{padding-top:0}
.b-properties__label{font-weight:normal;width:1%;padding:0 0 .7em}
.b-properties__label-title{width:270px;padding:0 10px 0 0;background:url(http://market.yandex.ru//_c/aYN5BTca5kbhA-5_ioaa5tzaql0.gif) repeat-x 100% .9em}
.b-properties__label span{padding:0 2px 0 0;background:#fff}
.b-properties__value{padding:0 0 .7em}
</style>
<table class="b-properties">
<tbody>
<tr>
<th colspan="2" class="b-properties__title">Матрица</th>
</tr>
<tr>
<th class="b-properties__label b-properties__label-title"><span>Общее число пикселов</span></th>
<td class="b-properties__value">10.5 млн</td>
</tr>
<tr>
<th class="b-properties__label b-properties__label-title"><span>Число эффективных пикселов</span></th>
<td class="b-properties__value">10.1 млн</td>
</tr>
<tr>
<th class="b-properties__label b-properties__label-title"><span>Физический размер</span></th>
<td class="b-properties__value">22.2 х 14.8 мм</td>
</tr>
<tr>
<th class="b-properties__label b-properties__label-title"><span>Кроп-фактор</span></th>
<td class="b-properties__value">1.62</td>
</tr>
<tr>
<th class="b-properties__label b-properties__label-title"><span>Максимальное разрешение</span></th>
<td class="b-properties__value">3888 x 2592</td>
</tr>
<tr>
<th class="b-properties__label b-properties__label-title"><span>Тип матрицы</span></th>
<td class="b-properties__value">CMOS</td>
</tr>
</tbody></table>
 
Войдите или зарегистрируйтесь для ответа.
Назад
Сверху