VPF::Контейнер, как? - Форум программистов

SneG0K

Дата 20.1.2010, 22:45 (ссылка)

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

Загрузка ...

Max Mara

Профиль
Группа: Завсегдатай
Сообщений: 1887
Регистрация: 1.12.2007
Где: Wis Dells

Репутация: нет
Всего: 54

Есть задача, отобразить список товаров.

рисунок

Делаю это в таблице, на один tr один товар.

Как сделать так, чтобы надписи Tiny1, Tiny2 (названия товаров) были сверху, как заголовок, потом шла картинка слева, а справа текст, который будет обтекать эту картинку?

Код


var table = document.createElement("table");
                table.border = 1;
                $(table).addClass("prd");
                
                for (var i = 0; i < data.length; i++) {
                    var tr = document.createElement("tr");
                    var td = document.createElement("td");
                    
                    $(tr).append(td);
                    
                    var p = document.createElement("p");
                    
                    //info add
                    var a = document.createElement("a");
                    $(a).addClass("link");
                    $(a).attr({"align":"center"});
                    a.href = data[i].url;
                    a.appendChild(document.createTextNode(data[i].name));
                    p.appendChild(a);
                    p.appendChild(document.createElement("br"));
                    
                    for (var j = 0; j < data[i].param.length; j++) {
                        var div = document.createElement("div");
                        div.appendChild(document.createTextNode(g_data[j + 1].name + ": " + data[i].param[j]));
                        p.appendChild(div);
                        p.appendChild(document.createElement("br"));
                    }
                                
                    //pic add
                    var img = document.createElement("img");
                    $(img).addClass("photo");
                    $(img).attr({"align": "center"});
                    img.src = data[i].pic;
                    p.appendChild(img);
                    
                    $(tr).append(p);
                    $(table).append(tr);
                }

Код


.photo { margin: auto; } 
.prd { width: 95%; }

patap

Дата 21.1.2010, 18:40 (ссылка)

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

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 893
Регистрация: 7.5.2005
Где: Украина, Зп

Репутация: нет
Всего: 40

ну если с таблицами - то можно в каждый td добавлять таблицу
вот фрагмент:

Код

<tr>
  <td>
    <table>
      <tr>
         <td colspan="2>Tiny</td>
      </tr>
      <tr>
          <td>тут фото</td>
          <td>тут описание</td>
      </tr>
    </table>
  </td>
</tr>

но вообще думаю, лучше через дивы все делать

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

На боку кобура болталась, сзади шашка отцовская звякала.
Впереди меня все хохотало, а позади все плакало (с)

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