Warning: Cannot use a scalar value as an array in /home/admin/public_html/forum/include/fm.class.php on line 757

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/include/fm.class.php on line 770

Warning: Invalid argument supplied for foreach() in /home/admin/public_html/forum/topic.php on line 737
Форумы портала PHP.SU :: зазоры между картинками при табличной верстке

 PHP.SU

 Программирование на PHP, MySQL и другие веб-технологии
PHP.SU Портал     На главную страницу форума Главная     Помощь Помощь     Поиск Поиск     Поиск Яндекс Поиск Яндекс     Вакансии  Пользователи Пользователи


 Страниц (1): [1]   

> Описание: помогите убрать зазоры между картинками при использовании табличной верстке
Поиск в теме | Версия для печати
MrNetMasters
Отправлено: 20 Апреля, 2016 - 08:03:25
Post Id


Новичок


Покинул форум
Сообщений всего: 6
Дата рег-ции: Февр. 2016  


Помог: 0 раз(а)
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2.  
  3.  
  4.  
  5.  
  6.  
  7.  
  8. <!DOCTYPE html>
  9. <html>
  10. <head>
  11. <title>MrNEtMasters</title>
  12. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  13. <style type="text/css">
  14. table {background:green;}
  15. td{padding:0;background:gray;}
  16. tr{background:blue;}
  17.  
  18.  
  19. </style>
  20. </head>
  21. <body>
  22.  <table cellspacing=0>
  23. <table cellspacing=0>
  24. <tr>
  25. <td>
  26. <img src="images/www_01.gif"; width:"1280px";height:"204px";>
  27. </td>
  28. </tr>
  29. </table>
  30. <table cellspacing=0 padding=0>
  31. <tr>
  32. <td><img src="images/www_02.gif" width:428 height:542></td>
  33. <td><img src="images/www_03.gif" width:452 height:542></td>
  34. <td><img src="images/www_04.gif" width:400 height:542></td>
  35. </tr>
  36. </table>
  37. <table cellspacing=0>
  38. <tr>
  39. <td>
  40. <img src="images/www_05.gif"; width:"1280px";height:"54px";>
  41. </td>
  42. </tr>
  43. </table>
  44. </table>
  45. </body>
  46.  
 
 Top
MrNetMasters
Отправлено: 20 Апреля, 2016 - 08:07:01
Post Id


Новичок


Покинул форум
Сообщений всего: 6
Дата рег-ции: Февр. 2016  


Помог: 0 раз(а)
вот образец того что получилось
Прикреплено изображение (Нажмите для увеличения)
Без-имени-1.gif
 
 Top
MrNetMasters
Отправлено: 20 Апреля, 2016 - 08:09:40
Post Id


Новичок


Покинул форум
Сообщений всего: 6
Дата рег-ции: Февр. 2016  


Помог: 0 раз(а)
http://forum.php.su/tools.php?action=smiles# за последние два дня перепробовал все что можнл и маргин и паддинг исолспаны и силспайсинг помогите очень нужно разобраться с данным вопросом
(Добавление)
а еще заметил что при удержании клавиши ctrl и прокрутки колеса мыши в открытом окне браузера с данной страничкой сайта ( меняем размер) то данные зазоры то увеличиваются то уменьшаются, исчезают и появляются чудеса!
Прикреплено изображение (Нажмите для увеличения)
Без-имени-1.gif
 
 Top
3d_killer
Отправлено: 20 Апреля, 2016 - 09:55:33
Post Id



Участник


Покинул форум
Сообщений всего: 1916
Дата рег-ции: Апр. 2011  
Откуда: Ростов-на-Дону


Помог: 21 раз(а)
CODE (htmlphp):
скопировать код в буфер обмена
  1.  table {background:green;border-collapse:collapse;border:0px;}

(Добавление)
и вот так быть не может
CODE (html):
скопировать код в буфер обмена
  1.  
  2.  <table cellspacing=0>
  3. <table cellspacing=0>
  4.  

это не верно
 
My status
 Top
MrNetMasters
Отправлено: 20 Апреля, 2016 - 13:13:04
Post Id


Новичок


Покинул форум
Сообщений всего: 6
Дата рег-ции: Февр. 2016  


Помог: 0 раз(а)
Нет не помогает я много что перепробовал проблема решается яано не так просто,еще раз все чего я добился это убрал расстояние внутри строк таблици между соседними ячейками по горизонтали путем

CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. td {padding:0;}
  3.  


но не молучается ублать растояние примерно 5-10 рх мнжду строками по вертикали!
 
 Top
IllusionMH
Отправлено: 20 Апреля, 2016 - 13:47:55
Post Id



Активный участник


Покинул форум
Сообщений всего: 4254
Дата рег-ции: Февр. 2011  
Откуда: .kh.ua


Помог: 242 раз(а)
MrNetMasters, это инлайновые блоки а значит нужно пробовать font-size: 0; и line-height: 0; для ячейки
 
 Top
MrNetMasters
Отправлено: 21 Апреля, 2016 - 08:22:40
Post Id


Новичок


Покинул форум
Сообщений всего: 6
Дата рег-ции: Февр. 2016  


Помог: 0 раз(а)
IllusionMH пишет:
MrNetMasters, это инлайновые блоки а значит нужно пробовать font-size: 0; и line-height: 0; для ячейки

Мужиииииииик!!!!)))))))))))))))))))))))) помогло спасибо!!!
 
 Top
MrNetMasters
Отправлено: 23 Апреля, 2016 - 19:46:10
Post Id


Новичок


Покинул форум
Сообщений всего: 6
Дата рег-ции: Февр. 2016  


Помог: 0 раз(а)
при проверке на локальной машине помогло а при тесте сервиса для E-Maill рассылки зазоры!!!!((((((
(Добавление)
разобрался ключевое слово Inline
CODE (htmlphp):
скопировать код в буфер обмена
  1.  
  2. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
  3. <html>
  4. <head>
  5. <title>3D|Мобильный кинотеатр</title>
  6. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  7. </head>
  8. <body>
  9. <table border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0; font-size:0; line-height:0" ><!-- 1 -->
  10. <tr border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0">
  11. <td border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0">
  12. <img src="http://s020.radikal.ru/i701/1604/fc/71d11668fc3d.gif">
  13. </td>
  14. </tr>
  15. </table>
  16. <table border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0; font-size:0; line-height:0" ><!-- 2 -->
  17. <tr border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0">
  18. <td border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0"><img src="http://i062.radikal.ru/1604/67/2c7d1d68aa1b.gif"></td>
  19. <td border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0"><a href="http://vk.com/3dmobil"><img src="http://s017.radikal.ru/i412/1604/1e/b07068e1192f.gif"></a></td>
  20. <td border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0"><img src="http://s018.radikal.ru/i505/1604/8e/31a52a0cbcca.gif">
  21. </td>
  22. </tr>
  23. </table>
  24. <table border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0; font-size:0; line-height:0" ><!-- 3 -->
  25. <tr border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0">
  26. <td border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0"><img src="http://s50.radikal.ru/i130/1604/58/6f90c3afb7f6.gif"></td>
  27. <td border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0"><a href="http://3d-5d.ru"><img src="http://i026.radikal.ru/1604/21/f2b90874eb2d.gif"></a></td>
  28. <td border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0"><img src="http://s017.radikal.ru/i414/1604/89/09ffbdeb3c3a.gif">
  29. </td>
  30. </tr>
  31. </table>
  32. <table border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0; font-size:0; line-height:0" ><!-- 4 -->
  33. <tr border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0">
  34. <td style="padding: 0px;"><img src="http://s015.radikal.ru/i332/1604/13/f25f723baafc.gif";>
  35. </td>
  36. </tr>
  37. </table>
  38. <table border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0; font-size:0; line-height:0" ><!-- 9/10/11 -->
  39. <tr>
  40. <td><img src="http://i062.radikal.ru/1604/6d/81232a38d4ab.gif";></td>
  41. <td><a href="http://3d-5d.ru"><img src="http://s018.radikal.ru/i526/1604/0f/9e600eca561d.gif";></a></td>
  42. <td><img src="http://s13.radikal.ru/i186/1604/2e/49313ea7abd3.gif";>
  43. </td>
  44. </tr>
  45. </table>
  46. <table border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0; font-size:0; line-height:0" ><!-- 12 -->
  47. <tr>
  48. <td><img src="http://s008.radikal.ru/i306/1604/4e/d77015ac1aab.gif";></td>
  49. </tr>
  50. </table>
  51. <table border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0; font-size:0; line-height:0" ><!-- 13/14/15 -->
  52. <tr>
  53. <td><img src="http://s018.radikal.ru/i515/1604/9d/30c31dc0f6d1.gif";></td>
  54. <td><a href="http://vk.com/3dmobil"><img src="http://s009.radikal.ru/i308/1604/af/f0d390ed6692.gif";></a></td>
  55. <td><img src="http://s017.radikal.ru/i415/1604/e4/2566cf26dce0.gif";></td>
  56. </tr>
  57. </table>
  58. <table border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0; font-size:0; line-height:0" ><!-- 161718 -->
  59. <tr>
  60. <td><img src="http://i023.radikal.ru/1604/ca/b7eff87db4ab.gif";></td>
  61. <td><a href="http://3d-5d.ru"><img src="http://s010.radikal.ru/i311/1604/c3/857ef6134d9a.gif";></a></td>
  62. <td><img src="http://s017.radikal.ru/i426/1604/63/cd6a39f395bf.gif";></td>
  63. </tr>
  64. </table>
  65. <table border="0" cellpadding="0" cellspacing="0" style="margin:0; padding:0; font-size:0; line-height:0" ><!-- 19 -->
  66. <tr>
  67. <td><img src="http://s020.radikal.ru/i720/1604/31/b7ea39489168.gif";></td>
  68. </tr>
  69. </table>
  70. </body>
  71. </html>
  72.  


вот отличная статья с хабрахабр очень помогла https://habrahabr[dot]ru/post/252279/
 
 Top
Поиск в теме | Версия для печати
Страниц (1): [1]
Сейчас эту тему просматривают: 0 (гостей: 0, зарегистрированных: 0)
« HTML, Дизайн & CSS »


Все гости форума могут просматривать этот раздел.
Только зарегистрированные пользователи могут создавать новые темы в этом разделе.
Только зарегистрированные пользователи могут отвечать на сообщения в этом разделе.
  



Powered by PHP  Powered By MySQL  Powered by Nginx  Valid CSS  RSS

 
Powered by ExBB FM 1.0 RC1. InvisionExBB