Leviofan
-
Posts
3 -
Joined
-
Last visited
Leviofan's Achievements
Explorer (1/14)
0
Reputation
-
Сделал все как вы сказали, вроде бы верно( насколько я понял), Вышло вот так: А надо что бы объекты (в данном случае слово "ТОВАР") шли подряд в несколько строк по 3 или 2 штуки в строке в зависимости от разрешения экрана. Код мой после внесения исправлений выглядел так: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <link type="image/x-icon" rel="shortcut icon" href="/favicon.ico"> <title>Телемаркет - Салон сотовой связи.</title> <style type="text/css"> BODY { margin: 0; padding: 0; } #tovar { min-width:200px; /* За хаком для Осла в Гугл */ max-width:1000px; /* Аналогично */ } .tovar_item { width:200px; height:300px; </style> </head> <body> <table style="text-align: left; width: 100%; height: 100px;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> </tr> </tbody> </table> <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="width: 200px; vertical-align: top;"> <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="height: 30px;"></td> </tr> <tr> <td style="vertical-align: top;"></td> </tr> <tr> <td style="vertical-align: top;"></td> </tr> <tr> <td style="vertical-align: top;"></td> </tr> <tr> <td style="vertical-align: top;"></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td align="undefined" valign="undefined"></td> </tr> <tr> <td align="undefined" valign="undefined"></td> </tr> </tbody> </table> </td> <td style="vertical-align: top;"> <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="height: 30px;"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> </tr> </tbody> </table> <br> <table style="text-align: left; width: 100%;" border="0"> <div id="tovar"> <div class="tovar_item">ТОВАР</div> <div class="tovar_item">ТОВАР</div> <div class="tovar_item">ТОВАР</div> <div class="tovar_item">ТОВАР</div> <div class="tovar_item">ТОВАР</div> <div class="tovar_item">ТОВАР</div> <div class="tovar_item">ТОВАР</div> <div class="tovar_item">ТОВАР</div> <div class="tovar_item">ТОВАР</div> <div class="tovar_item">ТОВАР</div> </div> </table> <br> <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="height: 30px;"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> </tr> </tbody> </table> <br> <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="height: 30px;"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> </tr> </tbody> </table> <br> </td> <td style="width: 200px; vertical-align: top; background-color: rgb(255, 255, 255);"> <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="height: 30px;"></td> </tr> </tbody> </table> <br> <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="width: 100%; height: 30px;"></td> </tr> <tr> <td align="undefined" valign="undefined"></td> </tr> <tr> <td align="undefined" valign="undefined"></td> </tr> <tr> <td align="undefined" valign="undefined"></td> </tr> <tr> <td align="undefined" valign="undefined"></td> </tr> <tr> <td align="undefined" valign="undefined"></td> </tr> <tr> <td align="undefined" valign="undefined"></td> </tr> <tr> <td align="undefined" valign="undefined"></td> </tr> </tbody> </table> <br> <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td align="undefined" valign="undefined"></td> </tr> </tbody> </table> <br> <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="text-align: center;"><a href="http://spb.tele2.ru/controls/jump.aspx?rotation_group=3"><img title="Теле2 - Просто дешевле." style="border: 0px solid ; width: 180px; height: 360px;" alt="Теле2 - Просто дешевле." src="http://spb.tele2.ru/controls/banner_show.aspx?rotation_group=3"></a></td> </tr> </tbody> </table> <br> <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td align="undefined" valign="undefined"><a href="http://www.spb.mts.ru/banner.sx?id=10308140@cmsBanner&cmd=click"><img style="border: 0px solid ; width: 195px; height: 327px;" alt="МТС - оператор связи." title="МТС - оператор связи." src="http://www.spb.mts.ru/images/mts/banners/SPb/mts_summerrouming195x327v4.gif"></a></td> </tr> </tbody> </table> <br> </td> </tr> </tbody> </table> <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> </tr> </tbody> </table> <br> </body> </html> Прошу помощи!!!!!!Заранее спасибо!!
-
Я работаю в NVU, по советам с этого сайта. вот мой код <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <link href="/favicon.ico" rel="shortcut icon" type="image/x-icon"> <title>Телемаркет - Салон сотовой связи.</title> <style type="text/css"> BODY { margin: 0; padding: 0; } </style> </head> <body> <table style="text-align: left; width: 100%; height: 100px;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> </tr> </tbody> </table> <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="width: 200px; vertical-align: top;"> <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="height: 30px;"></td> </tr> <tr> <td style="vertical-align: top;"></td> </tr> <tr> <td style="vertical-align: top;"></td> </tr> <tr> <td style="vertical-align: top;"></td> </tr> <tr> <td style="vertical-align: top;"></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td></td> </tr> <tr> <td align="undefined" valign="undefined"></td> </tr> <tr> <td align="undefined" valign="undefined"></td> </tr> </tbody> </table> </td> <td style="vertical-align: top;"> <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="height: 30px;"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> </tr> </tbody> </table> <br> <table style="text-align: left; margin-left: auto; margin-right: auto; width: 98%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="height: 30px;"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> </tr> <tr> <td style="height: 150px; width: 100px;"></td> <td style="height: 150px;"></td> <td style="height: 150px; width: 100px;"></td> <td style="height: 150px;"></td> <td style="height: 150px; width: 100px;"></td> <td align="undefined" valign="undefined"></td> </tr> <tr> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> </tr> <tr> <td style="height: 150px;"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> </tr> </tbody> </table> <br> <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="height: 30px;"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> </tr> </tbody> </table> <br> <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="height: 30px;"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> </tr> </tbody> </table> <br> </td> <td style="width: 200px; vertical-align: top; background-color: rgb(255, 255, 255);"> <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="height: 30px;"></td> </tr> </tbody> </table> <br> <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="width: 100%; height: 30px;"></td> </tr> <tr> <td align="undefined" valign="undefined"></td> </tr> <tr> <td align="undefined" valign="undefined"></td> </tr> <tr> <td align="undefined" valign="undefined"></td> </tr> <tr> <td align="undefined" valign="undefined"></td> </tr> <tr> <td align="undefined" valign="undefined"></td> </tr> <tr> <td align="undefined" valign="undefined"></td> </tr> <tr> <td align="undefined" valign="undefined"></td> </tr> </tbody> </table> <br> <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td align="undefined" valign="undefined"></td> </tr> </tbody> </table> <br> <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="text-align: center;"><a href="http://spb.tele2.ru/controls/jump.aspx?rotation_group=3"><img title="Теле2 - Просто дешевле." style="border: 0px solid ; width: 180px; height: 360px;" alt="Теле2 - Просто дешевле." src="http://spb.tele2.ru/controls/banner_show.aspx?rotation_group=3"></a></td> </tr> </tbody> </table> <br> <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td align="undefined" valign="undefined"><a href="http://www.spb.mts.ru/banner.sx?id=10308140@cmsBanner&cmd=click"><img style="border: 0px solid ; width: 195px; height: 327px;" alt="МТС - оператор связи." title="МТС - оператор связи." src="http://www.spb.mts.ru/images/mts/banners/SPb/mts_summerrouming195x327v4.gif"></a></td> </tr> </tbody> </table> <br> </td> </tr> </tbody> </table> <table style="text-align: left; width: 100%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> </tr> </tbody> </table> <br> </body> </html> Что с ним сделать???? А таблица - это часть вышеописанного кода, а именно <table style="text-align: left; margin-left: auto; margin-right: auto; width: 98%;" border="0" cellpadding="2" cellspacing="2"> <tbody> <tr> <td style="height: 30px;"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> </tr> <tr> <td style="height: 150px; width: 100px;"></td> <td style="height: 150px;"></td> <td style="height: 150px; width: 100px;"></td> <td style="height: 150px;"></td> <td style="height: 150px; width: 100px;"></td> <td align="undefined" valign="undefined"></td> </tr> <tr> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> </tr> <tr> <td style="height: 150px;"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> <td align="undefined" valign="undefined"></td> </tr> </tbody> </table>
-
Добрый день. Делаю сайт для магазина и хочу на первой его странице разместить несколько товаров с ценой и названием. Сделал таблицу, сунул в нее картикни и описание(цена,модель) и все бы хорошо, НО при изменении разрешения экрана монитора появляется горизонтальная полоса прокрутки, а хотелось бы чтоб моя таблица из таблицы в 3 столбца и 2 строки превращалась в таблицу 2 столбца и 3 строки при изменении разрешения дисплея. Если я все правильно понимаю и называю все своими именами, то макет - табличный, "резиновый" (ширина 2 колонок сайта в пикселях, 1-ой колонки в процентах, в ней-то как раз и находится таблица, которая должна из 3х2 превращаться в 2х3) Возможно ли это? Если да, то каким способом?