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
Форумы портала PHP.SU :: Версия для печати :: зазоры между картинками при табличной верстке
Форумы портала PHP.SU » Клиентская разработка » HTML, Дизайн & CSS » зазоры между картинками при табличной верстке

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

1. MrNetMasters - 20 Апреля, 2016 - 08:03:25 - перейти к сообщению
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.  
2. MrNetMasters - 20 Апреля, 2016 - 08:07:01 - перейти к сообщению
вот образец того что получилось
3. MrNetMasters - 20 Апреля, 2016 - 08:09:40 - перейти к сообщению
http://forum.php.su/tools.php?action=smiles# за последние два дня перепробовал все что можнл и маргин и паддинг исолспаны и силспайсинг помогите очень нужно разобраться с данным вопросом
(Добавление)
а еще заметил что при удержании клавиши ctrl и прокрутки колеса мыши в открытом окне браузера с данной страничкой сайта ( меняем размер) то данные зазоры то увеличиваются то уменьшаются, исчезают и появляются чудеса!
4. 3d_killer - 20 Апреля, 2016 - 09:55:33 - перейти к сообщению
CODE (htmlphp):
скопировать код в буфер обмена
  1.  table {background:green;border-collapse:collapse;border:0px;}

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

это не верно
5. MrNetMasters - 20 Апреля, 2016 - 13:13:04 - перейти к сообщению
Нет не помогает я много что перепробовал проблема решается яано не так просто,еще раз все чего я добился это убрал расстояние внутри строк таблици между соседними ячейками по горизонтали путем

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


но не молучается ублать растояние примерно 5-10 рх мнжду строками по вертикали!
6. IllusionMH - 20 Апреля, 2016 - 13:47:55 - перейти к сообщению
MrNetMasters, это инлайновые блоки а значит нужно пробовать font-size: 0; и line-height: 0; для ячейки
7. MrNetMasters - 21 Апреля, 2016 - 08:22:40 - перейти к сообщению
IllusionMH пишет:
MrNetMasters, это инлайновые блоки а значит нужно пробовать font-size: 0; и line-height: 0; для ячейки

Мужиииииииик!!!!)))))))))))))))))))))))) помогло спасибо!!!
8. MrNetMasters - 23 Апреля, 2016 - 19:46:10 - перейти к сообщению
при проверке на локальной машине помогло а при тесте сервиса для 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/

 

Powered by ExBB FM 1.0 RC1