ReSQL.ru
     
powered by simpleCommunicator - 2.0.18     © 2024 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Map
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Лишнее место в клетке таблицы
16 сообщений из 16, страница 1 из 1
Лишнее место в клетке таблицы
    #39758032
Фотография Владимир Саныч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Владимир Саныч
Участник
Приветствую присутствующих. Вот код, и на картинке приложено то, что получается.

Код: html
1.
2.
3.
4.
5.
6.
7.
<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, но почему именно так и что с этим делать - непонятно. Заранее спасибо.
...
Рейтинг: 0 / 0
10.01.2019, 16:38
| Ответить | Цитировать | Написать  
Лишнее место в клетке таблицы
    #39758034
Фотография Владимир Саныч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Владимир Саныч
Участник
P.S. Текст наложен один на другой намеренно. На самом деле у меня графические файлы и они должны быть расположены именно так, а здесь я для простоты заменил их на текст.
...
Рейтинг: 0 / 0
10.01.2019, 16:40
| Ответить | Цитировать | Написать  
Лишнее место в клетке таблицы
    #39758045
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Владимир Саныч,
а что ты хочешь в итоге получить?
зачем position:relative?
...
Рейтинг: 0 / 0
10.01.2019, 17:01
| Ответить | Цитировать | Написать  
Лишнее место в клетке таблицы
    #39758056
Фотография Владимир Саныч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Владимир Саныч
Участник
Хочу то же самое, но без пуговиц белого места. Клетка таблицы (черная рамка на моем рисунке) должна вмещать в себя только то, что я туда вместил (красные рамки), без этого белого места, которое то слева, то справа.

position:relative для того, чтобы буква B налезала на краешек текста AAAA (которыми я здесь заменил мои графические файлы).
...
Рейтинг: 0 / 0
10.01.2019, 17:20
| Ответить | Цитировать | Написать  
Лишнее место в клетке таблицы
    #39758066
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Владимир Саныч,

так https://jsfiddle.net/7wn25qeg/
...
Рейтинг: 0 / 0
10.01.2019, 17:39
| Ответить | Цитировать | Написать  
Лишнее место в клетке таблицы
    #39758069
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Владимир Саныч,

или так https://jsfiddle.net/7wn25qeg/1/
...
Рейтинг: 0 / 0
10.01.2019, 17:42
| Ответить | Цитировать | Написать  
Лишнее место в клетке таблицы
    #39758070
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Владимир Саныч,

но как-то странно...
в итоге 2 картинки в ячейке с крестиком на удаление картинки?
...
Рейтинг: 0 / 0
10.01.2019, 17:44
| Ответить | Цитировать | Написать  
Лишнее место в клетке таблицы
    #39758075
Фотография Владимир Саныч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Владимир Саныч
Участник
Дык, в обоих вариантах белое место осталось, только по-другому расположено. Это всё я перепробовал до того, как обратился сюда.

Про удаление картинки ничего не понял. Какое удаление, какой крестик?
...
Рейтинг: 0 / 0
10.01.2019, 17:56
| Ответить | Цитировать | Написать  
Лишнее место в клетке таблицы
    #39758119
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Владимир Саныч,
https://jsfiddle.net/7wn25qeg/3/
...
Рейтинг: 0 / 0
10.01.2019, 20:02
| Ответить | Цитировать | Написать  
Лишнее место в клетке таблицы
    #39758147
Фотография Владимир Саныч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Владимир Саныч
Участник
Вадя, спасибо тебе большое. Ты знаешь, что это было? Перевод строки после открывающего тега td. Всё остальное, что ты менял, не имеет значения.
...
Рейтинг: 0 / 0
10.01.2019, 21:47
| Ответить | Цитировать | Написать  
Лишнее место в клетке таблицы
    #39758150
Фотография Владимир Саныч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Владимир Саныч
Участник
Нет, виноват. И то, и другое нужно. Еще раз большое спасибо!
...
Рейтинг: 0 / 0
10.01.2019, 21:52
| Ответить | Цитировать | Написать  
Лишнее место в клетке таблицы
    #39758156
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Владимир Саныч,
а что это тебя понесло в эту область?
...
Рейтинг: 0 / 0
10.01.2019, 22:11
| Ответить | Цитировать | Написать  
Лишнее место в клетке таблицы
    #39758186
Фотография Владимир Саныч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Владимир Саныч
Участник
Рисую всякие схемы в Википедии.
https://www.sql.ru/forum/985849/html-v-vikipedii
...
Рейтинг: 0 / 0
10.01.2019, 23:54
| Ответить | Цитировать | Написать  
Лишнее место в клетке таблицы
    #39758455
Фотография Владимир Саныч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Владимир Саныч
Участник
P.S. Добавлю для полноты картины. Движок Википедии добавляет перевод строки перед </td>, и убрать его без костылей нельзя. Поэтому мне там предложили еще две вещи (на выбор):

Код: plaintext
<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>

или

Код: plaintext
 <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>
...
Рейтинг: 0 / 0
11.01.2019, 14:22
| Ответить | Цитировать | Написать  
Лишнее место в клетке таблицы
    #39758481
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
вадя
Участник
Владимир Саныч
Код: plaintext
 display:inline-block;
я б этот вариант предпочёл
...
Рейтинг: 0 / 0
11.01.2019, 15:06
| Ответить | Цитировать | Написать  
Лишнее место в клетке таблицы
    #39758595
Фотография Владимир Саныч
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Владимир Саныч
Участник
Угу, я его и предпочел.
...
Рейтинг: 0 / 0
11.01.2019, 19:31
| Ответить | Цитировать | Написать  
16 сообщений из 16, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Лишнее место в клетке таблицы
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (1): Анонимы (1)
Читали форум (1): Анонимы (1)
Пользователи онлайн (7): Анонимы (4), Bing Bot, Yandex Bot, Google Bot 9 мин.
Польз. соглашение
NoSQL.ru, Чат Кролика       Пашэ: Рисунки, Чат       Фотоальбом: Участники, Встречи
Закрыть
Start [/forum/topic.php?fid=22&tid=1443907&gotonew=1]:
 0ms
get settings:
 0ms
get forum list:
 7ms
check forum access:
 1ms
check topic access:
 1ms
track hit:
 29ms
get topic data:
 9ms
get first new msg:
 5ms
get forum data:
 1ms
get page messages:
 42ms
update_topic_read_status (1443907): 11.01.2019 19:31:23:
 0ms
get tp. blocked users:
 1ms
get online users:
 21ms
check new:
 1ms
others: 91ms
total:  209ms
созд. / загр.: 209ms (нв.: 1ms)
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]