Добро пожаловать в форум, Guest  >>   Войти | Регистрация | Поиск | Правила | В избранное | Подписаться
Все форумы / HTML, JavaScript, VBScript, CSS Новый топик    Ответить
 Лишнее место в клетке таблицы  [new]
Владимир Саныч
Member

Откуда: Израиль (причем это 1 человек, а не 2 => прошу на ты)
Сообщений: 40413
Приветствую присутствующих. Вот код, и на картинке приложено то, что получается.

<table cellspacing=0 cellpadding=0 border style="line-height:20px;"><tr><td align=right>
<span style="border:1px solid red;">AAAA<span style="position:relative;left:-8px;margin-right:-8px;z-index:1;top:-4px;"><small>B</small></span></span>
<span style="border:1px solid red;">AAAA<span style="position:relative;left:-8px;margin-right:-8px;z-index:1;top:-4px;"><small>B</small></span></span>
</td></tr><tr><td>
<span style="border:1px solid red;">AAAA<span style="position:relative;left:-8px;margin-right:-8px;z-index:1;top:-4px;"><small>B</small></span></span>
<span style="border:1px solid red;">AAAA<span style="position:relative;left:-8px;margin-right:-8px;z-index:1;top:-4px;"><small>B</small></span></span>
</td></tr></table>


Не понимаю, откуда берется белое место сбоку внутри клетки (слева при align=right и справа в противном случае) и как от него избавиться. То есть понятно, что это вызвано моим margin-right:-8px, но почему именно так и что с этим делать - непонятно. Заранее спасибо.

К сообщению приложен файл. Размер - 1Kb
10 янв 19, 16:38    [21781903]     Ответить | Цитировать Сообщить модератору
 Re: Лишнее место в клетке таблицы  [new]
Владимир Саныч
Member

Откуда: Израиль (причем это 1 человек, а не 2 => прошу на ты)
Сообщений: 40413
P.S. Текст наложен один на другой намеренно. На самом деле у меня графические файлы и они должны быть расположены именно так, а здесь я для простоты заменил их на текст.
10 янв 19, 16:40    [21781908]     Ответить | Цитировать Сообщить модератору
 Re: Лишнее место в клетке таблицы  [new]
вадя
Member

Откуда: Екатеринбург
Сообщений: 15612
Владимир Саныч,
а что ты хочешь в итоге получить?
зачем position:relative?
10 янв 19, 17:01    [21781943]     Ответить | Цитировать Сообщить модератору
 Re: Лишнее место в клетке таблицы  [new]
Владимир Саныч
Member

Откуда: Израиль (причем это 1 человек, а не 2 => прошу на ты)
Сообщений: 40413
Хочу то же самое, но без пуговиц белого места. Клетка таблицы (черная рамка на моем рисунке) должна вмещать в себя только то, что я туда вместил (красные рамки), без этого белого места, которое то слева, то справа.

position:relative для того, чтобы буква B налезала на краешек текста AAAA (которыми я здесь заменил мои графические файлы).
10 янв 19, 17:20    [21781973]     Ответить | Цитировать Сообщить модератору
 Re: Лишнее место в клетке таблицы  [new]
вадя
Member

Откуда: Екатеринбург
Сообщений: 15612
Владимир Саныч,

так https://jsfiddle.net/7wn25qeg/
10 янв 19, 17:39    [21782006]     Ответить | Цитировать Сообщить модератору
 Re: Лишнее место в клетке таблицы  [new]
вадя
Member

Откуда: Екатеринбург
Сообщений: 15612
Владимир Саныч,

или так https://jsfiddle.net/7wn25qeg/1/
10 янв 19, 17:42    [21782012]     Ответить | Цитировать Сообщить модератору
 Re: Лишнее место в клетке таблицы  [new]
вадя
Member

Откуда: Екатеринбург
Сообщений: 15612
Владимир Саныч,

но как-то странно...
в итоге 2 картинки в ячейке с крестиком на удаление картинки?
10 янв 19, 17:44    [21782014]     Ответить | Цитировать Сообщить модератору
 Re: Лишнее место в клетке таблицы  [new]
Владимир Саныч
Member

Откуда: Израиль (причем это 1 человек, а не 2 => прошу на ты)
Сообщений: 40413
Дык, в обоих вариантах белое место осталось, только по-другому расположено. Это всё я перепробовал до того, как обратился сюда.

Про удаление картинки ничего не понял. Какое удаление, какой крестик?
10 янв 19, 17:56    [21782036]     Ответить | Цитировать Сообщить модератору
 Re: Лишнее место в клетке таблицы  [new]
вадя
Member

Откуда: Екатеринбург
Сообщений: 15612
Владимир Саныч,
https://jsfiddle.net/7wn25qeg/3/
10 янв 19, 20:02    [21782143]     Ответить | Цитировать Сообщить модератору
 Re: Лишнее место в клетке таблицы  [new]
Владимир Саныч
Member

Откуда: Израиль (причем это 1 человек, а не 2 => прошу на ты)
Сообщений: 40413
Вадя, спасибо тебе большое. Ты знаешь, что это было? Перевод строки после открывающего тега td. Всё остальное, что ты менял, не имеет значения.
10 янв 19, 21:47    [21782212]     Ответить | Цитировать Сообщить модератору
 Re: Лишнее место в клетке таблицы  [new]
Владимир Саныч
Member

Откуда: Израиль (причем это 1 человек, а не 2 => прошу на ты)
Сообщений: 40413
Нет, виноват. И то, и другое нужно. Еще раз большое спасибо!
10 янв 19, 21:52    [21782217]     Ответить | Цитировать Сообщить модератору
 Re: Лишнее место в клетке таблицы  [new]
вадя
Member

Откуда: Екатеринбург
Сообщений: 15612
Владимир Саныч,
а что это тебя понесло в эту область?
10 янв 19, 22:11    [21782239]     Ответить | Цитировать Сообщить модератору
 Re: Лишнее место в клетке таблицы  [new]
Владимир Саныч
Member

Откуда: Израиль (причем это 1 человек, а не 2 => прошу на ты)
Сообщений: 40413
Рисую всякие схемы в Википедии.
https://www.sql.ru/forum/985849/html-v-vikipedii
10 янв 19, 23:54    [21782312]     Ответить | Цитировать Сообщить модератору
 Re: Лишнее место в клетке таблицы  [new]
Владимир Саныч
Member

Откуда: Израиль (причем это 1 человек, а не 2 => прошу на ты)
Сообщений: 40413
P.S. Добавлю для полноты картины. Движок Википедии добавляет перевод строки перед </td>, и убрать его без костылей нельзя. Поэтому мне там предложили еще две вещи (на выбор):

<span style="border:1px solid red;">AAAA<span style="position:relative;display:inline-block;left:-8px;margin-right:-8px;z-index:1;top:-4px;"><small>B</small></span></span>

или

<div><span style="border:1px solid red;">AAAA<span style="position:relative;left:-8px;margin-right:-8px;z-index:1;top:-4px;"><small>B</small></span></span></div>
11 янв 19, 14:22    [21782846]     Ответить | Цитировать Сообщить модератору
 Re: Лишнее место в клетке таблицы  [new]
вадя
Member

Откуда: Екатеринбург
Сообщений: 15612
Владимир Саныч
display:inline-block;
я б этот вариант предпочёл
11 янв 19, 15:06    [21782917]     Ответить | Цитировать Сообщить модератору
 Re: Лишнее место в клетке таблицы  [new]
Владимир Саныч
Member

Откуда: Израиль (причем это 1 человек, а не 2 => прошу на ты)
Сообщений: 40413
Угу, я его и предпочел.
11 янв 19, 19:31    [21783242]     Ответить | Цитировать Сообщить модератору
Все форумы / HTML, JavaScript, VBScript, CSS Ответить