hachik
Newbie-
Posts
11 -
Joined
-
Last visited
hachik's Achievements
Explorer (1/14)
0
Reputation
-
Ну все перелопатил, а этого не нашел. Плохой из меня сыщег
-
Хм... вариант )))) "Фишка" в "width:1000px" я так понимаю ? (вопрос, наверное, риторический) Прикольно. Работает. Буду юзать пока так Спасибо большое!
-
В любом случае большое спасибо за уделенное время
-
очень плохо.... задача вроде бы должна переодически возникать сам не первый раз натыкаюсь на такую необходимость
-
ну т.е. все, не будет мне щастья?
-
2) поля разные, в чем собсна, и состоял вопрос 3) это те же, яйца таблицы, только в профиль div-ами )) нет ) у "long item" поля больше, а нужно, чтобы везде одинаково было может, я непонятно изгалаю, в чем проблема? <table width="100%"> <tr> <td>мало</td> <td>много-много-много-текста</td> </tr> </table> при такой верстке ПОЛЯ ЯЧЕЕК ПОЛУЧАЮТСЯ РАЗНЫМИ, пропорционально кол-ву текста в ячейке, а нужно именно ПОЛЯ (padding) ОДИНАКОВОЙ ШИРИНЫ
-
с десяток вариантов, ни один из которыхз не дает нужного результата: <table style='border:1px solid green; width:700px;'> <tr> <td style='border:1px solid red; text-align:center; padding:10px;'> <div style='position:absolute; width:1px overflow:auto; border:1px solid blue; display:inline; '>которко</div></td> <td style='border:1px solid red; text-align:center; padding:10px;'> <div style='position:absolute; width:1px overflow:auto; border:1px solid blue; display:inline;'>очень-очень длинный текст</div></td> </tr> </table> <br /><br /> <table style='border:1px solid green; width:700px;'> <tr> <td style='border:1px solid red; text-align:center; padding:10px;'>которко</td> <td style='border:1px solid red; text-align:center; padding:10px;'>очень-очень длинный текст</td> </tr> </table> <br /><br /> <table style='border:1px solid green; width:700px;'> <tr> <td style='border:1px solid red; text-align:center;'>которко</td> <td style='border:1px solid red; text-align:center;'>очень-очень длинный текст</td> </tr> </table> <br /><br /> <table style='border:1px solid green; width:700px; table-layout:fixed'> <tr> <td style='border:1px solid red; text-align:center; padding:10px;'>которко</td> <td style='border:1px solid red; text-align:center; padding:10px;'>очень-очень длинный текст</td> </tr> </table> <br /><br /> <table style='border:1px solid green; width:700px; table-layout:fixed'> <tr> <td style='border:1px solid red; text-align:center;'>которко</td> <td style='border:1px solid red; text-align:center;'>очень-очень длинный текст</td> </tr> </table> <br /><br /> <table style='border:1px solid green; width:700px;'> <tr> <td style='border:1px solid red; text-align:center; width:1px;'>которко</td> <td style='border:1px solid red; text-align:center; width:1px;'>очень-очень длинный текст</td> </tr> </table> <br /><br /> <table style='border:1px solid green; width:700px;'> <tr> <td style='border:1px solid red; text-align:center; width:1px; padding:auto;'>которко</td> <td style='border:1px solid red; text-align:center; width:1px; padding:auto;'>очень-очень длинный текст</td> </tr> </table> <br /><br /> <table style='border:1px solid green; width:700px;'> <tr> <td style='border:1px solid red; text-align:center; width:1px; padding:auto;'><div style='width:1px; white-space:nowrap'>которко</div></td> <td style='border:1px solid red; text-align:center; width:1px; padding:auto;'><div style='width:1px; white-space:nowrap'>очень-очень длинный текст</div></td> </tr> </table> <br /><br /> <table style='border:1px solid green; width:700px;'> <tr> <td style='border:1px solid red; text-align:center; width:1px; padding:auto;'><div>которко</div></td> <td style='border:1px solid red; text-align:center; width:1px; padding:auto;'><div>очень-очень длинный текст</div></td> </tr> </table> <br /><br /> <table style='border:1px solid green; width:700px;'> <tr> <td style='border:1px solid red; text-align:center; width:1px; padding:auto;'><div style='position:relative'>которко</div></td> <td style='border:1px solid red; text-align:center; width:1px; padding:auto;'><div style='position:relative'>очень-очень длинный текст</div></td> </tr> </table> <br /><br /> <table style='border:1px solid green; width:700px;'> <tr> <td style='border:1px solid red; text-align:center;'> <table style='border:1px solid lime; width:100%; '> <tr> <td> </td> <td>которко</td> <td> </td> </tr> </table> </td> <td style='border:1px solid red; text-align:center;'> <table style='border:1px solid lime; width:100%;'> <tr> <td> </td> <td style='white-space:nowrap; width:1px;'>очень-очень длинный текст</td> <td> </td> </tr> </table> </td> </tr> </table> <br /><br /> <table style='border:1px solid green; width:700px;'> <tr> <td style='border:1px solid red; text-align:center; padding:10px;'><div style='white-space:nowrap; margin:0 auto;'>которко</div></td> <td style='border:1px solid red; text-align:center; padding:10px;'><div style='white-space:nowrap; margin:0 auto;'>очень-очень длинный текст</div></td> </tr> </table> <br /><br /> <table style='border:1px solid green; width:700px;'> <tr> <td style='border:1px solid red; text-align:center;'><div style='border:1px solid blue; position:absolute;'>1</div><div style='white-space:nowrap; width:1px;'>которко</div><div style='border:1px solid blue;'>1</div></td> <td style='border:1px solid red; text-align:center;'><div style='border:1px solid blue; position:absolute;'>2</div><div style='white-space:nowrap; width:1px;'>очень-очень длинный текст</div><div style='border:1px solid blue;'>2</div></td> </tr> </table>
-
не могу ( мог бы - не писал бы )) все уже поперепробовал на первый взгляд кажется, что нет проблемы, а она есть. как суслик из ДМБ...
-
Доброго времени суток, уважаемые! Никак не могу решить такую задачу: нужно сделать "резиновый" ряд "кнопок" Суммарная ширина ряда - 100% от родителя. Ширина каждой "кнопки" = ширина текста в ней + ОДИНАКОВЫЕ ВО ВСЕХ КНОПКАХ поля. при растягиваии "родителя" размер всех кнопок тоже меняется НА ОДИНАКОВУЮ ВЕЛИЧИНУ хоть дивами, хоть таблицей, но без скриптов желательно вот так должно быть:
-
Да, дело было в table-layout: fixed Ришпект!
-
Здравствуйте, многоуважаемые! то ли лыжи не едут, то ли я мастер спорта :-( помогите пролить свет на темное царство: задача вроде элементарная - таблица в пол-окна шириной. поделена на 2 равные колонки. в каждой колонке - по картинке шириной с колонкую. вот решение: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name="charset" content="windows-1251"/> </head> <body> <table border="1" width="50%"> <tr> <td width="50%"><img width="100%" src="files/photo/911_QuietComfort_15_1.jpg" /></td> <td width="50%"><img width="100%" src="files/photo/911_QuietComfort_15_1.jpg" /></td> </tr> </table> </body> </html> вот готовая страничка: http://www.kinohouse.ru/test.html НО НЕ ТУТ-ТО БЫЛО!!!! в IE7 это выглядит немного не так, как ожидалось :-( , а вот так: http://kinohouse.ru/sample.jpg