| |
|
|
| | Здравствуйте.
Подскажите, пожалуйста, решение моей проблемы.
Я сверстал таблицу, но в ней есть ряд проблем, которые я не могу решить:
1) В ячейку нужно засунуть картинку. Картинка должна растягиваться по высоте ячейки, не растягиваясь по ширине и не повторяясь мозаикой
2) В таблице 2 строки. Все ячейки кроме одной слиты по вертикали, а у той, что не слита, высота в IE не задается правильно (нужно 6px) | |
| |
|
|
| |
|
|
| |
для: Balamut182
(24.09.2007 в 11:46)
| | | первая проблема решается при помощи JS, но результат вас удивит :)
вторая проблема серьезная. ие обычно старается привести высоту ячейки к... к чему-то привести, короче:) Попробуйте, если это возможно, поменять как-то разметку таблицы. Вообще, старайтесь избегать всяческих колспанов и роуспанов при верстке дизайна. Это я вам из собственного опыта. Если вы уверены, что так проще и не будет глючить - можно. Если как у вас - лучше без этого. | |
| |
|
|
| |
|
|
| |
для: SHAman
(24.09.2007 в 12:06)
| | | картинку я вставляю так
<img src="" height="100%" width="20">
|
В mozilla работает без проблем, в IE -нет, а нада чтоб работало | |
| |
|
|
| |
|
|
| |
для: Balamut182
(24.09.2007 в 12:49)
| | | пропиши доктайп
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
| |
| |
|
|
| |
|
|
| |
для: Lelik
(24.09.2007 в 13:05)
| | | СПС. Только это дает результат в IE, а в Mozilla после флэшки или картинки, вставленной в ячейку таблицы, появляется пустая строка. | |
| |
|
|
| |
|
|
| |
для: Balamut182
(24.09.2007 в 13:14)
| | | убери маргины рисунка и паддинги ячейки таблицы
img {margin: 0px;}
td {padding: 0px;}
|
но, только у тех для которых это необходимо | |
| |
|
|
| |
|
|
| |
для: Lelik
(24.09.2007 в 13:35)
| | | не работает - не вижу вообще никаких изменений
а на всех таблицах и так стоит
| |
| |
|
|
| |
|
|
| |
для: Balamut182
(24.09.2007 в 13:46)
| | | Оно у вас никогда и не заработает какие бы доктайпы не прописывали. Относительно чего 100% высоты у вас должна быть картинка? Если приписывать 100%, то укажите также высоту самой таблицы (ячейки) в которой лежит картинка - в общем с верху в низ. | |
| |
|
|
| |
|
|
| |
для: sim5
(24.09.2007 в 13:51)
| | | с XHTML 1.0 как раз все нормально в IE - теперь в Mozilla проблемы, в IE только не могу установить высоту ячейки в пикселях - ставлю 6 а получается гораздо больше | |
| |
|
|
| |
|
|
| |
для: Balamut182
(24.09.2007 в 13:56)
| | | Запакуйте свою таблицу вместе с приблудами и картинками, хотябы для интереса посмотреть - чего у вас там не получается. | |
| |
|
|
| |
|
|
| |
для: Balamut182
(24.09.2007 в 11:46)
| | | Пожалуйста
сам сайт - на [url]ivaron.ru[/url] | |
| |
|
|
| |
|
|
| |
для: Balamut182
(24.09.2007 в 14:20)
| | | Вы уж хоть пометили бы ячейку с которой (которыми) проблемы или назовите их, а то как разобраться. При беглом осмотре, я не увидел где бы вы задавали высоту ячейки 6рх, ширина в 6рх есть указанная, а вот высота? Если картинки небольшие их можно было бы к архиву приточать. | |
| |
|
|
| |
|
|
| |
для: sim5
(24.09.2007 в 14:36)
| | | Посмотрите на ivaron.ru под mozilla - везде, где стоят теги <img> и <object> - после них появляется какая-то пустая строка или отступ.
А ячейка высотой в 6 пикселей должна быть там, где сейчас картинка about.jpg
Раньше был такой код (где и была проблема):
<tr>
<td rowspan="2" width="6" bgcolor="цвет"></td>
<td height="6" bgcolor="цвет"></td>
<td rowspan="2" width="20" background="картинка"></td>
<td rowspan="2" width="43" background="картинка"></td>
</tr>
<tr>
<td>content</td>
</tr>
|
сейчас я попытался вместо этого сделать таблицу с одной строкой, а вместо
<td height="6" bgcolor="цвет"></td>
|
поставил картинку about.jpg - так она зараза все равно не хочет поверху становиться :) - какой-то отступ сверху, хотя в <td> стоит valign="top", а в таблице cellpadding="0" cellspacing="0" | |
| |
|
|
| |
|
|
| |
для: Balamut182
(24.09.2007 в 15:17)
| | | Чтобы не было всяких оступов и просветов в картинках, которые у вас в таблице, пишите всегда так:
<table><tr><td rowspan="2" width="6" bgcolor="цвет"><img src='name.gif'
width=20 height=40></td><td height="6" bgcolor="цвет"><img src='name.gif'
width=20 height=40></td></td><td rowspan="2" width="20"
background="картинка"><img src='name.gif' width=20 height=40></td></td><td
rowspan="2" width="43" background="картинка"><img src='name.gif'
width=20 height=40></td></td></tr><table>
|
Т.е. смысл в том, чтобы межу тегами элементов таблицы и вставленними в них тегами элементов не было пробелов и переносов строк. Переносите это на границе атрибутов элементов, либо по пробелам вставленному в ячейку тексту. | |
| |
|
|
| |
|
|
| |
для: sim5
(24.09.2007 в 16:01)
| | | я так уже пробовал - никакой разницы | |
| |
|
|
| |
|
|
| |
для: Balamut182
(24.09.2007 в 16:06)
| | | Ну тогда брость все архивом к этой таблице если это влезет в рамки допустимого прикрепляемого размера. Завата посмотрю, мне кажется, что все можно сделать - сегодя я собрал и инсталлирую комп, некогда. | |
| |
|
|
| |
 325.3 Кб |
|
| |
для: sim5
(24.09.2007 в 16:12)
| | | все здесь, тока на рнр | |
| |
|
|
| |
|
|
| |
для: Balamut182
(24.09.2007 в 16:30)
| | | Взято. | |
| |
|
|
| |
40.8 Кб |
|
| |
для: Balamut182
(24.09.2007 в 11:46)
| | | Как должна в итоге выглядеть ваша картинка? IE сейчас отображает так - прикрепляю. А про разрешение 1024х768 можно уже забыть? ) Не удобно очень. | |
| |
|
|
| |
|
|
| |
для: sim5
(25.09.2007 в 08:25)
| | | изначально было запланировано для 19".
А картинка должна выглядит почти так, как на картинке.
Верхняя горизонтальная серая полоска в белом (основном) прямоугольнике должна быть без зазора сверху | |
| |
|
|
| |
|
|
| |
для: Balamut182
(25.09.2007 в 21:40)
| | | Не у всех мониторы 19", и не каждый при этом устанавливает максимальное разрешение.
Вся проблема в том, что у вас картинка "плавает" в той же ячейке где и информация (РНР что-то у вас там прописывает). Вы просто неудачно разрезали свою картинку на составляющие для таблицы под эту информацию. У вас получились лишние ячейки. Можно было обойтись без вложенной таблицы, и все сделать в одной так, чтобы в ячейку под информацию никаких "дизайнерских" картинок не вставлялось. | |
| |
|
|
| |
|
|
| |
для: sim5
(25.09.2007 в 23:49)
| | | я пробовал обойтись без вложенных таблиц, но при вставке меню с кнопками таблица по строкам выравнивалась хаотично разно при каждом обновлении - но в основном по нижней границе этого меню - это было неприемлимо.
При чем выравнивались строки по высоте даже если у них была прописана высота - поэтому пришлось использовать вложенные таблицы
Но речь не о том. как убрать отступы в ячейках в mozilla и отступ у горизонтальной верхней серой полоски в IE - вот вопрос! | |
| |
|
|
| |
|
|
| |
для: Balamut182
(26.09.2007 в 12:15)
| | | А вы удалите запись касающуюся РНР, закрывающий тег ячейки поставьте вплотную и ваша картинка "приклеется" к верху. Пока эта картинка будет "плавать" вместе с содержимым, а высота содержимого не будет достаточна для "прижимания" этой картинки к верху, у вас все так и будет. Разрежьте заново картику, встроенную таблицу лучше для меню сделать, а все ячейки основной таблицы должны быть привязаны к размерам картинок - ничего "плавать" не будет. | |
| |
|
|
| |
|
|
| |
для: sim5
(26.09.2007 в 12:31)
| | | Это я уже делаю.
То, что все разваливается в IE после вставки рнр кода я тоже заместил - но не вижу объяснимых причин (вставляется чисто текст без какого-либо форматирования) - остается верить в чудеса и молиться на Microsoft.
И все-таки как быть с этим:
1) В ячейку нужно засунуть картинку. Картинка должна растягиваться по высоте ячейки, не растягиваясь по ширине и не повторяясь мозаикой - под IE? | |
| |
|
|
| |
|
|
| |
для: Balamut182
(26.09.2007 в 15:45)
| | | Не надо молиться без веры :) Еще раз говорю, если грамотно разрезать картинку и составить таблицу, то по-барабану будет какой там браузер.
Я бы сделал так (если именно таблицей), одна таблица - это ваша картинка: верх, рамки и ячейка содержимого. Вторая вложенная - это меню.
Подумайте и получится, гарантирую. А так как вы делаете "все в кучу", это не есть гут. | |
| |
|
|
| |
|
|
| |
для: sim5
(26.09.2007 в 16:30)
| | | УРА!!! у меня почти все получилось и без перерезания - в mozillа пропали гребанные отступы - всего лишь убрал объявление доктайпа.
И вертикальные полоски получились.
Правда осталось 2 вопроса:
1)если в ячейку таблицы вставить горизонтальную картинку (полоской) и выровнять её поверху в mozilla она будет поверху, а в IE - какой-то отступ. как от него избавиться?
2) как сделать под IE чтобы в ячейке, в которую вставлена меньшая по размеру картинка и в которой задан фон, отображалась картинка, а там где пустое просранство - фон. У меня почему-то только фон? | |
| |
|
|
| |
|
|
| |
для: Balamut182
(26.09.2007 в 16:42)
| | | 1. Если нормально прописана таблица, достаточно указать тор.
2. Указать размеры ячейки как у изображения для фона. | |
| |
|
|
