Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 14.11.2011, 01:13
Интересующийся
Отправить личное сообщение для matana Посмотреть профиль Найти все сообщения от matana
 
Регистрация: 29.04.2009
Сообщений: 20

резиновая таблица с картинками
Здравствуйте!
Вот у меня табличка из картинок, пока не было ссылок, отражалось в браузерах (IE, FF, Opera,Google Chrome) как единая картинка, как задумано, а со ссылками в IE и Google Chrome между ними появились расстояния. Ссылки пустые, должны заполняться позже. Подскажите, пожалуйста, как справиться с проблемой?
<div class="layer6">

<table width="100%"   height="100%">
<tbody>
 <tr>
   <td  width="24%"height="19%">
   <img src="blok_s01.jpg" alt="1ч ">
   </td>
   <td width="24%" height="19%">
  <img src="blok_s02.jpg" alt="2ч ">
   </td>
   <td width="24%" height="19%">
   <img src="blok_s03.jpg" alt="3ч ">
   </td>
   <td width="28%"height="19%">
  <img src="blok_s04.jpg" alt="4ч ">
   </td>
 </tr>
 <tr>
   <td  height="10%">
   <a href="[]"><img src="blok_s05.jpg" alt="1ч з1"></a>
   </td>
   <td height="10%">
   <a href="[]"><img src="blok_s06.jpg" alt="2ч з1"></a>
   </td>
   <td  height="10%">
   <a href="[]"><img src="blok_s07.jpg" alt="3ч з1"></a>
   </td>
   <td height="10%">
   <a href="[]"><img src="blok_s08.jpg" alt="4ч з1"></a>
   </td height="10%">
 </tr>
...
</div>
Ответить с цитированием
  #2 (permalink)  
Старый 14.11.2011, 01:37
Аватар для trikadin
Модератор
Отправить личное сообщение для trikadin Посмотреть профиль Найти все сообщения от trikadin
 
Регистрация: 27.04.2010
Сообщений: 3,417

a {
  padding: 0;
  margin: 0;
}

a img {
 border: 0;
 padding: 0;
 margin: 0;
}
__________________
Читайте:
Ты любопытный) Всё-таки, ничему в этом мире не помешает хорошая доля юмора)
Как спросить, чтобы вам ответили
Часто Задаваемые Вопросы (FAQ)
Ответить с цитированием
  #3 (permalink)  
Старый 14.11.2011, 10:45
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 806

Сообщение от matana
Подскажите, пожалуйста, как справиться с проблемой?
можно также
img {display: block;}

по умолчанию img - это строковый элемент.
Ответить с цитированием
  #4 (permalink)  
Старый 14.11.2011, 22:37
Интересующийся
Отправить личное сообщение для matana Посмотреть профиль Найти все сообщения от matana
 
Регистрация: 29.04.2009
Сообщений: 20

С проблемой справилась, спасибо. Но в таблице стилей все это было прописано, помогло td img:{display: block;}
Вообще, хотелось бы найти перечень параметров, которые не понимают те или иные браузеры. Не знаете такой источник?
Ответить с цитированием
  #5 (permalink)  
Старый 14.11.2011, 22:43
Лаборант :-)
Отправить личное сообщение для Pavel M. Посмотреть профиль Найти все сообщения от Pavel M.
 
Регистрация: 08.11.2011
Сообщений: 806

я часто здесь смотрю, например, http://htmlbook.ru/css/display

и там есть таблица какие браузеры это свойство поддерживают полностью / частично
Ответить с цитированием
  #6 (permalink)  
Старый 14.11.2011, 23:34
Профессор
Отправить личное сообщение для Seva1986 Посмотреть профиль Найти все сообщения от Seva1986
 
Регистрация: 01.10.2011
Сообщений: 422

Сообщение от matana
Вообще, хотелось бы найти перечень параметров, которые не понимают те или иные браузеры. Не знаете такой источник?
Такой источник это только личный опыт, я когда начинал тоже тыкался где какие хаки для каких браузеров, кто что и как поддерживает, в одном месте нет нигде... по кускам везед разбросанно, а некоторые баги которые я сам нашёл, вообще нигде в интеренете не описанны (покрайне мере гугл не мог найти), а если вас css3 интересует так там вообще всё меняется постоянно... из адекватных сайтов что я видел где более мение комплексно описывают, это http://www.xiper.net/

Последний раз редактировалось Seva1986, 14.11.2011 в 23:37.
Ответить с цитированием
  #7 (permalink)  
Старый 15.11.2011, 00:33
Аспирант
Отправить личное сообщение для observer Посмотреть профиль Найти все сообщения от observer
 
Регистрация: 11.11.2011
Сообщений: 96

Сообщение от matana Посмотреть сообщение
Не знаете такой источник?
Берите папиросы и бегом на www.quirksmode.org...
Ответить с цитированием
  #8 (permalink)  
Старый 15.11.2011, 12:15
Интересующийся
Отправить личное сообщение для matana Посмотреть профиль Найти все сообщения от matana
 
Регистрация: 29.04.2009
Сообщений: 20

Спасибо, буду изучать
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
JS и таблица pavel24071988 Общие вопросы Javascript 2 02.08.2011 16:40
jqgrid. таблица не отображается в Mozilla и Google Chrom skalka jQuery 0 19.07.2011 09:19
Динамическая таблица результатов Anutik_pk Я не знаю javascript 0 29.05.2009 01:02
Динамически раскрываемая таблица dm1tr1y Общие вопросы Javascript 11 25.04.2009 15:50
jQuery складывающаяся таблица Spirit Общие вопросы Javascript 1 26.02.2009 13:26