VPF::трабла с inline и table - Форум программистов

Bangladesh

Дата 23.4.2006, 21:38 (ссылка)

(нет голосов)

Загрузка ...

AsBest

Профиль
Группа: Завсегдатай
Сообщений: 1089
Регистрация: 4.9.2004
Где: Калининград

Репутация: 4
Всего: 17

сталкнулся с проблемой, которую не вот уже 2 часа пытаюсь решить всяческим способом. моя задачи сделать список главных разделов с подразделами, которые смещаются аналагично товарам вот тут: http://store.artlebedev.ru/. пропробывал решить проблему инлайном. порылся в коде лебедева, css слил, но там ничего не найдешь, даже поиском — мясо. с инлайном получилось так:

Код


<html>

<head>
  <title></title>
</head>

<body>

<div align="top" style="display: inline;">
     <table style="dispay: inline;" align="top" cellspacing="0" cellpadding="0" border="0">
     <tr>
     <td width="75" valign="top" >
     <img src="something" width="75" height="85" alt="Что-то" border="0">
     </td>
     <td valign="top" style="padding-left: 15px;" width="165">
     <a href="">Что-то</a>
     <div style="padding-top: 3px; font-size: 9pt; color: #838383; padding-bottom: 10px;">
     <a href="">Подраздел 1</a>.
     <a href="">Подраздел 2</a>.
     <a href="">Подраздел 3</a>.
     <a href="">Подраздел 4</a>.
     </div>
     </td>
     </tr>
     </table>
</div>

<div align="top" style="display: inline;">
     <table style="dispay: inline;" align="top" cellspacing="0" cellpadding="0" border="0">
     <tr>
     <td width="75" valign="top" >
     <img src="something" width="75" height="85" alt="Что-то" border="0">
     </td>
     <td valign="top" style="padding-left: 15px;" width="165">
     <a href="">Что-то</a>
     <div style="padding-top: 3px; font-size: 9pt; color: #838383; padding-bottom: 10px;">
     <a href="">Подраздел 1</a>.
     <a href="">Подраздел 2</a>.
     <a href="">Подраздел 3</a>.
     <a href="">Подраздел 4</a>.
     </div>
     </td>
     </tr>
     </table>
</div>

<div  align="top" style="display: inline;">
  <table style="display: inline;"  cellsapcing="0" cellpadding="0" border="0">
  <tr>
   <td>Что-то</td>
  </tr>
  </table>
</div>

<div  align="top" style="display: inline;">
  <table style="display: inline;"  cellsapcing="0" cellpadding="0" border="0">
  <tr>
   <td>Что-то</td>
  </tr>
  </table>
</div>
<div  align="top" style="display: inline;">
  <table  style="display: inline;" cellsapcing="0" cellpadding="0" border="0">
  <tr>
   <td>Что-то</td>
  </tr>
  </table>
</div>

</body>

</html>

блоки с таблицами, где написано "что-то" становятся рядом, но только в IE. блоки, где картинки и текст не становятся ни там не там.

как решить эту проблему??? спасибо за понимание.

--------------------

ок

dm9

Дата 24.4.2006, 10:03 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

float: left;

Примерно так: http://dm9.ru/vingrad/examples/html/fallingblocks/

Bangladesh

Дата 24.4.2006, 22:53 (ссылка)

(нет голосов)

Загрузка ...

AsBest

Профиль
Группа: Завсегдатай
Сообщений: 1089
Регистрация: 4.9.2004
Где: Калининград

Репутация: 4
Всего: 17

вообщем-то надо будет ещё js заделать, а то получается, что кое-какие разделы остаются одни на строчке:

Код


р1   р2
р3   р4
р5   р6
     р7
р8   р9

как p7 (pX - это блок с иконкой и текстом (условной обозначение)). я думаю это из-за неравной высоты?

Это сообщение отредактировал(а) I, GyoZ - 24.4.2006, 22:59

--------------------

ок

dm9

Дата 24.4.2006, 23:58 (ссылка)

(нет голосов)

Загрузка ...

Дмитрий Копытин

Профиль
Группа: Vingrad developer
Сообщений: 3876
Регистрация: 22.7.2002
Где: Москва

Репутация: 29
Всего: 137

Да, наверное, только как ты это будешь решать через JS? Я бы просто запихал всё в блоки строго заданнной ширины и высоты, и всё...

Bangladesh

Дата 25.4.2006, 20:35 (ссылка)

(нет голосов)

Загрузка ...

AsBest

Профиль
Группа: Завсегдатай
Сообщений: 1089
Регистрация: 4.9.2004
Где: Калининград

Репутация: 4
Всего: 17

гы... там теоритически можно добавлять бесконечно разделов, и если они будут больше занимать... ) а через js можно вычислить высоту самого высого блока и задать её всем другим блокам...

--------------------

ок

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| Вёрстка веб-сайтов \| Следующая тема »