Помощник
|
Зазор между картинками при табличной верстке |
lesli007
|
Сообщение
#1
|
||
|
|
||
|
|||
Symphony |
30.9.2010, 17:58;
Ответить: Symphony
Сообщение
#2
|
|
а дивной версткой не хочеш?
|
|
|
lesli007
|
Сообщение
#3
|
|
не. любитель таблиц. да и ошибка то где то под носом. но вот не ловится никак!
|
|
|
bestolloch |
30.9.2010, 19:23;
Ответить: bestolloch
Сообщение
#4
|
|
<style type="text/css"> .table-up { background:#333; height:84px; width:100%; } .table-up-left { background:url(#); width:638px; } .table-up-center { width:auto; } .table-up-right { background:url(#); width:112px; } .table-center { background:#743; height:15px; width:100%; } .table-center-left { background:url(#); width:638px; } .table-center-center { width:auto; } .table-center-right { background:url(#); width:112px; } .table-futer { background:#303; height:141px; width:100%; } .table-futer-left { background:url(#); width:576px; } .table-futer-right { width:auto; } </style> </head> <body> <table class="table-up" cellspacing="0"> <tr> <td class="table-up-left"> </td> <td class="table-up-center"> </td> <td class="table-up-right"> </td> </tr> </table> <table class="table-center" cellspacing="0"> <tr> <td class="table-center-left"> </td> <td class="table-center-center"> </td> <td class="table-center-right"> </td> </tr> </table> <table class="table-futer" cellspacing="0"> <tr> <td class="table-futer-left"> </td> <td class="table-futer-right"> </td> </tr> </table> поменяйте просто где указан background:url(#); свой путь - и все нормльно будет. Изменять гораздо удобней. А то у вас она еще не растягивалась нормально. |
|
|
Robot-sgibatel |
30.9.2010, 19:28;
Ответить: Robot-sgibatel
Сообщение
#5
|
|
Попробуйте во все table и td добавить точный height и valign="top"
|
|
|
lesli007
|
Сообщение
#6
|
|
Итак пишу отчет на будущее у кого будет похожая проблема.
Во первых спасибо, bestolloch! Чисто ваш код я не взял (я работаю отдельно с html и css а у вас все вместе), однако увидел разницу между вашим и моим кодом, а именно: 1. Картинки должны быть в background, а не вставкой img 2. При использовании растяжки на расширение экрана: при наличии 3 и более разносортных ячеек по ширине (в px и %) у заливочных ячеек надо использовать параметр width:auto а не width: 100% Во вторых, скажите пожалуйста, почему вставка изображений давала зазоры межд таблицами? а бэкграунд не дает такого эффекта? |
|
|
bestolloch |
30.9.2010, 22:08;
Ответить: bestolloch
Сообщение
#7
|
|
td, th {
padding: 0; } - это пропишите, сам только что нашел http://www.drupal.ru/taxonomy/term/942, тк я блочной версткой занимаюсь, решил заодно разобраться сам. и потом почему бы вам 2 первые таблици не сооеденить в одну, я вообще наверно все бы объяденил. пс. естественно у меня тоже в разных файлах код и стили, но для такого короткого кода стало лень создавать отдельно И вы еще не дооцениваете непосредственно каскадные таблицы стилий - тк они удобней для редактирования и не столько места занимают.) |
|
|
ZiTosS |
1.10.2010, 22:22;
Ответить: ZiTosS
Сообщение
#8
|
|
lesli007,
1. Картинки должны быть в background, а не вставкой img Это не обязательно. Сколько не пытался получить пропуски, не получил. У вас, скорее всего, высота второй таблицы боле чем 15px. Почему, сказать точно не могу, но как-то встречался с подобной проблемой давным давно. 2. При использовании растяжки на расширение экрана: при наличии 3 и более разносортных ячеек по ширине (в px и %) у заливочных ячеек надо использовать параметр width:auto а не width: 100% Если что, можно двум указать точные значения в px, а последняя ячейка будет сама растягиваться на возможный размер. Так что тут ни auto, ни 100% не нужно. Во вторых, скажите пожалуйста, почему вставка изображений давала зазоры межд таблицами? а бэкграунд не дает такого эффекта? Попробуйте посмотреть размер средней таблицы либо через дебаггер (в Mozilla - FireBug), либо можетре выставить у табличек бордюры и посмотреть в чем у вас пробелы, либо кустарным методом - printscreen и в Photoshop посмотреть размеры средней таблицы по высоте. |
|
|
Гость_0_* Гость_0_* |
2.10.2010, 14:42;
Ответить: Гость_0_*
Сообщение
#9
|
|
|
ну, давай по очереди:
1 <table ... height=100 ... В спецификации HTML нет такого свойства height. Оно, конечно, понимается такими нестандартными обозревателями, как Internet Explorer, но другие обозреватели скорее всего его не поймут. Ели очень хочеться задать высоту, то лучше это делать через стиль: <table ... style=height: 100 ... 2 ... background=IMG/2162_background.gif ... Тоже что-то странное. Во-первых, фоновый рисунок, насколько я помню, задаётся у ячейки, а не у таблицы. А даже если у таблицы, то всё равно это не стандартный способ задать фоновый рисунок. Стандартный такой: style=background-image: urlIMG/2162_background.gif или такой: style=background-image: IMG/2162_background.gif. Какой из них конкретно -- не помню уже... Это можно объединить со стилем для высоты таблицы. 3 ... id=1> Идентификатор должен быть идентификатором: начинаться с буквы, состоять из букв и цифр и т.п... 4 ... bordercolor=#666666> Так тоже нельзя. Только некоторые обозреватели понимают такой аттрибут. Наверное, это тоже можно как-то через стиль определить, хотя я не знаю, как. Ну и напоследок: попробуй поместить картинку в тот же каталог, что и таблица и ссылку тоже исправить.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на первый заказ. Мегамаркет. Скидка 1000 рублей при покупке от 5000 рублей на все, на п |
6 | stu999 | 1551 | 21.3.2024, 20:45 автор: stu999 |
|
Как вы сравниваете ТОП сайтов между собой? | 5 | noviktamw | 5772 | 10.1.2024, 13:23 автор: wanessa |
|
Получил странную ссылку при линкбилдинге Как поведет себя поиск при обнаружении странной ссылке? |
10 | r0mZet | 2178 | 24.10.2022, 19:23 автор: Wachowski |
|
300 площадок под вечные ссылки на выбор: ТИЦ 20-9400, PR 0-6, ЯК, DMOZ. Скидки при пакетном заказе! | 65 | inkon | 30255 | 19.7.2022, 13:41 автор: Funoman |
|
тИЦ отменили! Новый показатель Яндекса ИКС! Лучшие площадки под размещение. Бесплатное написание статей при любом заказе. Эксклюзивное предложение. Успей получить написание статей БЕСПЛАТНО |
71 | VIMstat | 78307 | 21.6.2022, 9:38 автор: VIMstat |
Текстовая версия | Сейчас: 28.3.2024, 12:44 |