Модераторы: Illuminaty
  

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> Стиль для таблицы 
:(
    Опции темы
nurv_ad
Дата 9.3.2007, 19:08 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 57
Регистрация: 15.10.2006

Репутация: нет
Всего: нет



<table width="200" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="10" height="10">
<img src="images/l_t.gif">
</td>
<td style="background: url('images/l.gif') repeat-x;" width="100%">

</td>
<td>
<img src="images/r_t.gif">
</td>
</tr>
<tr>
<td style="background: url('images/ll.gif') repeat;"></td>
<td align="center" valign="middle">
</td>
<td style="background: url('images/rr.gif') repeat-y;"></td>
</tr>
<tr>
<td>
<img src="images/l_b.gif">
</td>
<td style="background: url('images/lb.gif') repeat-x;">

</td>
<td>
<img src="images/r_b.gif">
</td>
</tr>
</table>

Вот сама таблица.

есть 8 картинок
4 картинки это уголки размер 10х10
остальные 4 - это стороны (1х10 и 10х1, при этом  ближний пиксель к краю закрашен, остальные бесцветны.

Вопрос в том, почему в эксплорере боковые картинки не доходят до краев а в Мозиле токо правый край не доходит...
PM MAIL   Вверх
SelenIT
Дата 9.3.2007, 19:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



nurv_ad, можно увидеть скриншот с проблемой?
Навскидку - пробелы после <img> могут интерпретироваться как текст (особенно в IE), лучше бы собрать td-шки в одну строку по возможности. Хотя вообще лучше бы делать все единообразно - фонами... и для надежности указывать позицию фона (напр. background: url('images/l.gif') 100% 0 repeat-x;).


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
nurv_ad
Дата 9.3.2007, 19:47 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 57
Регистрация: 15.10.2006

Репутация: нет
Всего: нет



http://89.207.222.58/000/index.php
либо 
http://nurv-ad.net.ru/000/index.php

Добавлено @ 19:47 
Вот щас в мозиле нормально отображает а в эксплорере прыгает

Добавлено @ 19:49 
А что дает  100% 0  это по размеру картинки получается?

Добавлено @ 19:51 
попробовал так записать как ты сказал 
<td style="background: url('images/l.gif') 100% 0 repeat-x;">

таже ситуация в эксплорере
PM MAIL   Вверх
SelenIT
Дата 9.3.2007, 20:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


баг форума
****


Профиль
Группа: Завсегдатай
Сообщений: 3996
Регистрация: 17.10.2006
Где: Pale Blue Dot

Репутация: 97
Всего: 401



Цитата(nurv_ad @  9.3.2007,  19:47 Найти цитируемый пост)
А что дает  100% 0

Это положение фона в ячейке, откуда начинать отсчет: первая цифра - по горизонтали, вторая - по вертикали. 0 0 - левый верхний угол, 100% 0 - правый верхний, 100% 100% - правый нижний и т.д., 50% 50% - центр.

Я, кажется, понял, в чем проблема - в IE ячейка не сжимается до 10 px по высоте, т.к. внутри стоит текстовый блок высотой в 1 стандартную строчку. Видимо, нужно задать для этой ячейки line-height не больше 10 px. Или положить картинку фоном с прижатием к нужному углу + overflow: hidden...


--------------------
Осторожно! Данный юзер и его посты содержат ДГМО! Противопоказано лицам с предрасположенностью к зонеризму!
PM MAIL   Вверх
nurv_ad
Дата 9.3.2007, 20:09 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 57
Регистрация: 15.10.2006

Репутация: нет
Всего: нет



Видимо, нужно задать для этой ячейки line-height не больше 10 px. Или положить картинку фоном с прижатием к нужному углу + overflow: hidden...

А можно поподробнее пожалуйста

Добавлено @ 20:20 
line-height не помогло
100% 0 дублирует еще один пиксель который ближе к центру
PM MAIL   Вверх
nurv_ad
Дата 9.3.2007, 20:27 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 57
Регистрация: 15.10.2006

Репутация: нет
Всего: нет



http://nurv-ad.net.ru/000/index.php
вот такая картина получается делает проктически на 2 пикселя больше...

Добавлено @ 20:30 
выделил специально border =1
PM MAIL   Вверх
nurv_ad
Дата 10.3.2007, 00:12 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Шустрый
*


Профиль
Группа: Участник
Сообщений: 57
Регистрация: 15.10.2006

Репутация: нет
Всего: нет



Цитата(SelenIT @ 9.3.2007,  19:14)
Навскидку - пробелы после <img> могут интерпретироваться как текст (особенно в IE), лучше бы собрать td-шки в одну строку по возможности.

Решил проблему. Огромное спасибо. SelenIT

Очень помогло, вот токо до этого руки дошли уже почему в последний момент. облазив весь инет и выпив молока подумал а вдруг пробелы пустоты между и точно влияют. 
Огромное спаибо.
PM MAIL   Вверх
  
Ответ в темуСоздание новой темы Создание опроса
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | Вёрстка веб-сайтов | Следующая тема »


 




[ Время генерации скрипта: 0.0485 ]   [ Использовано запросов: 21 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.