Вертикальный зазор в 1 пиксель справа от изображений в простой подписи HTML - PullRequest
Новая
       12

Вертикальный зазор в 1 пиксель справа от изображений в простой подписи HTML

0 голосов
/ 17 сентября 2018

Я попробовал ВСЕ, что смог найти.Знаменитый вертикальный промежуток в 1 пиксель на правой стороне изображения, похоже, пока не решает проблему!Пожалуйста, помогите решить эту проблему.У меня буквально не осталось волос после того, как я их вытащил один за другим!

Plesae может кто-нибудь помочь? 

<style type="text/css">
    /* /\/\/\/\/\/\/\/\/ RESET STYLES /\/\/\/\/\/\/\/\/ */
    body{
        margin:0;
        padding:0;
    }

    img{
        border:0 none;
        height:auto;
        line-height:100%;
        outline:none;
        text-decoration:none;
    }

    a img{
        border:0 none;
    }

    .imageFix{
        display:block;
    }

    table, tr, td{
        border-collapse:collapse;
    }

    #bodyTable{
        height:100% !important;
        margin:0;
        padding:0;
        width:799px !important;
        max-width: 799px !important;
    }
</style>
<table bgcolor="red" width="799" cellspacing="0" cellpadding="0">
<tbody>
    <tr>
        <td width="176" height="115">
            <img src="https://www.htref.co.za/signatures/images/img01-01.png" class="imageFix" alt="logo" width="176" height="115">
        </td>
        <td width="623" height="115">
            <img src="https://www.htref.co.za/signatures/images/img01.png" class="imageFix" alt="logo" width="623" height="115">
        </td>
    </tr>
</tbody>
</table>

Пример демонстрации вертикального зазора в 1 пиксель на правой стороне изображения

Example show of 1px vertical gap on the right side of the image

Ответы [ 3 ]

0 голосов
/ 17 сентября 2018 
bgcolor="red"

Это необходимо? Без этого пропасть исчезла.

0 голосов
/ 19 сентября 2018

Вы пытались не ставить пробелы до или после ваших изображений?Я вроде помню, что пробелы в исходном коде HTML свернуты, но все же отображаются в виде пробела в выводе.Поэтому без пробела, табуляции или символа новой строки до или после тега img.

Но если это все, что есть в вашей подписи, вам не нужен table (это способ выравнивания изображений очень 90-х годов).Вы можете напрямую использовать img s (но без пробелов до или после тегов): 

<!DOCTYPE html>
<html>
<head>
  <style type="text/css">
    body{
        width: 799px
    }
  </style>
</head>
<body><img src="https://www.htref.co.za/signatures/images/img01-01.png" 
         alt="logo" width="176" height="115" 
     /><img src="https://www.htref.co.za/signatures/images/img01.png" 
         alt="logo" width="623" height="115" 
    /></body>
</html>
0 голосов
/ 17 сентября 2018

На моем компьютере границы не отображаются!

Поместите в тело светло-серый цвет фона, все что угодно справа от изображения.

Зачем использовать таблицу, если вы можете сделать это, например, с Flexbox?

...