убрать 2px между <img> в ФФ и Опере - HTML и CSS

Romanbl4 · 29.03.2008, 20:20

Есть код:

Код HTML:

<table width="4px" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 4px;"><img id="left_menu_stripe_r_t_img" src="img/left_menu_stripe_r_t.gif" style="width: 4px; height: 60px;" border="0" alt="" /><img id="left_menu_stripe_r_m_img" src="img/left_menu_stripe_r_m.gif" style="width: 4px; height: 37px;" border="0" alt="" /><img id="left_menu_stripe_r_b_img" src="img/left_menu_stripe_r_b.gif" style="width: 4px; height: <?php echo (37*count($menu)); ?>px;" border="0" alt="" /><img src="img/left_news_stripe_r.gif" style="width: 4px; height: 75px;" border="0" alt="" /></td>
</tr>
</table>

В ИЕ 7 все нормально, а в ФФ и Опере появляются вертикальные пробелы по 2px между изображениями.. Никак не могу убрать, подскажите, что сделать, пожалуйста.

В одно изображение склеивать все 4 нельзя, т.к. необходимо менять через javascript высоту id="left_menu_stripe_r_t_img" и id="left_menu_stripe_r_b_img"

Johnatan · 29.03.2008, 20:30

valign=top пробовал?

Romanbl4 · 29.03.2008, 20:43

попробовал.. не работает

Alar · 29.03.2008, 21:06

Romanbl4, rar архив прицепи с gif картинками и прочим.

Romanbl4 · 29.03.2008, 21:18

Вот то над чем я бьюсь (в архиве):

Alar · 29.03.2008, 22:16

Вот так сделай.

PHP код:


			
<body>

<div>

<div style=" height: 161px; valign:top; background-image: url('img/top_head.gif'); background-repeat: no-repeat;"></div>

<div style=" height: 80px; valign:top; background-image: url('img/right_top.gif'); background-repeat: no-repeat;"></div>

</div>

</body>

Romanbl4 · 29.03.2008, 22:21

Сверху все понятно - от этого проще уйти. А вот слева в меню посмотрите как в ИЕ смотрится и как в Опере (обратите внимание на тонкие границы слева 1пх и справа от меню 4пх - это img, которые и есть проблемные и которые нужно масштабировать). В ИЕ правильно а в Опере - появляются пробелы. Их можно было бы в фон, но мне нужно масштабировать эти картинки, фон можно как-то масштабировать?

Alar · 29.03.2008, 22:30

Это в помощь.

Цитата:

Через скрипт можно показать другую картинку, а эту скрыть.

Romanbl4 · 29.03.2008, 22:37

Цитата:

Сообщение от Alar

Через скрипт можно показать другую картинку, а эту скрыть.

Это для меня не выход, т.к. пунктов меню неизвестное количество (т.е. может меняться через админку).

Буду думать, если ничего не надумаю - сделаю через <div style="position: absolute; margin-top: .... "><img></div>

Но очень не хочется

Спасибо.

Johnatan · 30.03.2008, 03:34

Я может отсталый, и ослом не пользуюсь, но в моём ИЕ 6 - вообще ужасно смотрится.. Хотя в Файрфоксе заметные эти мелкие линии разделяющие, но не так страшно как в ИЕ.

Я думаю тебе нужно кардинально сменить подход к реализации меню. Возможно, действительно, с дивами делать. Завтра ещё подумаю.

29.03.2008, 20:20	#1
Romanbl4 Форумчанин Регистрация: 20.06.2007 Сообщений: 144	убрать 2px между <img> в ФФ и Опере Есть код: Код HTML: <table width="4px" cellspacing="0" cellpadding="0"> <tr> <td style="width: 4px;"><img id="left_menu_stripe_r_t_img" src="img/left_menu_stripe_r_t.gif" style="width: 4px; height: 60px;" border="0" alt="" /><img id="left_menu_stripe_r_m_img" src="img/left_menu_stripe_r_m.gif" style="width: 4px; height: 37px;" border="0" alt="" /><img id="left_menu_stripe_r_b_img" src="img/left_menu_stripe_r_b.gif" style="width: 4px; height: <?php echo (37count($menu)); ?>px;" border="0" alt="" /><img src="img/left_news_stripe_r.gif" style="width: 4px; height: 75px;" border="0" alt="" /></td> </tr> </table> В ИЕ 7 все нормально, а в ФФ и Опере* появляются вертикальные пробелы по 2px между изображениями.. Никак не могу убрать, подскажите, что сделать, пожалуйста. В одно изображение склеивать все 4 нельзя, т.к. необходимо менять через javascript высоту id="left_menu_stripe_r_t_img" и id="left_menu_stripe_r_b_img"

29.03.2008, 20:30	#2
Johnatan Antimoderаtoris Участник клуба Регистрация: 08.02.2008 Сообщений: 1,251	valign=top пробовал? 98% из тысячи моих постов сделаны в профильном подфоруме. Я не накручиваю свои посты болтанием в "курилке", а ты?

29.03.2008, 21:06	#4
Alar Александр Администратор Регистрация: 28.10.2006 Сообщений: 17,501	Romanbl4, rar архив прицепи с gif картинками и прочим. Купить рекламу на форуме за 42 тыс руб за месяц размещения

29.03.2008, 22:16	#6
Alar Александр Администратор Регистрация: 28.10.2006 Сообщений: 17,501	Вот так сделай. PHP код: `<body> <div> <div style=" height: 161px; valign:top; background-image: url('img/top_head.gif'); background-repeat: no-repeat;"></div> <div style=" height: 80px; valign:top; background-image: url('img/right_top.gif'); background-repeat: no-repeat;"></div> </div> </body>` Купить рекламу на форуме за 42 тыс руб за месяц размещения

29.03.2008, 22:21	#7
Romanbl4 Форумчанин Регистрация: 20.06.2007 Сообщений: 144	Сверху все понятно - от этого проще уйти. А вот слева в меню посмотрите как в ИЕ смотрится и как в Опере (обратите внимание на тонкие границы слева 1пх и справа от меню 4пх - это img, которые и есть проблемные и которые нужно масштабировать). В ИЕ правильно а в Опере - появляются пробелы. Их можно было бы в фон, но мне нужно масштабировать эти картинки, фон можно как-то масштабировать? Последний раз редактировалось Romanbl4; 29.03.2008 в 22:27.

29.03.2008, 20:43	#3
Romanbl4 Форумчанин Регистрация: 20.06.2007 Сообщений: 144	попробовал.. не работает

30.03.2008, 03:34	#10
Johnatan Antimoderаtoris Участник клуба Регистрация: 08.02.2008 Сообщений: 1,251	Я может отсталый, и ослом не пользуюсь, но в моём ИЕ 6 - вообще ужасно смотрится.. Хотя в Файрфоксе заметные эти мелкие линии разделяющие, но не так страшно как в ИЕ. Я думаю тебе нужно кардинально сменить подход к реализации меню. Возможно, действительно, с дивами делать. Завтра ещё подумаю. 98% из тысячи моих постов сделаны в профильном подфоруме. Я не накручиваю свои посты болтанием в "курилке", а ты?

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
убрать пробелы	zetrix	Microsoft Office Excel	9	10.03.2009 10:03
Файл в опере не скачивается	Ozerich	HTML и CSS	7	24.08.2008 04:24
Убрать значки	masterprog	Помощь студентам	2	28.12.2007 19:47
Создаю диаграмму "Bar". Подскажите как убрать растояние между "столбами"	MAcK	Компоненты Delphi	11	24.10.2007 10:49
Убрать из uses	Маркъ	Общие вопросы Delphi	3	03.02.2007 11:44