Работа с изображениями

@Lizka_Love · Регистрация: 15.12.2016

Студворк — интернет-сервис помощи студентам

Добрый вечер, форумчане.
Помогите, пожалуйста, с такой проблемой: пытаюсь выводить несколько картинок-кнопок в одну строку и между кнопками появляется какой-то пробел. До этого не сталкивалась со вставкой изображений, а в интернете ничего нормального, которое смогло бы решить это, не смогла найти.

Вставляю вот так по-дурацки, но по-другому как не знаю даже

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<div>
    <a href="@Url.Action("Login","Account")">
        <img src="~/Img/4_01.png" />
    </a>
 
    <a href="@Url.Action("Login","Account")">
        <img src="~/Img/4_02.png" />
    </a>
    <a href="@Url.Action("Login","Account")">
        <img src="~/Img/4_03.png" />
    </a>
    <a href="@Url.Action("Login","Account")">
        <img src="~/Img/4_04.png" />
    </a>
    <a href="@Url.Action("Login","Account")">
        <img src="~/Img/4_05.png" />
    </a>
    <a href="@Url.Action("Login","Account")">
        <img src="~/Img/4_06.png" />
    </a>
    <a href="@Url.Action("Login","Account")">
        <img src="~/Img/4_07.png" />
    </a>
    <a href="@Url.Action("Login","Account")">
        <img src="~/Img/4_08.png" />
    </a>
</div>

@lvlkoo · 03.01.2019, 12:27

Без знаний, хотя бы, основ принципов верстки и том, что кроме HTML разметки есть еще и CSS, разобраться Вам будет сложно.

Почему появляються пробелы? Потому, что в CSS могут быть прописаны либо padding'и либо margin'ы у элементов <a/> или <img/>, либо Ваши изображения сами по себе содержат в себе отступы по краям.

@OwenGlendower · 03.01.2019, 12:31

Lizka_Love, попробуй так

HTML5
1
2
3
<div>
<a href="@Url.Action("Login","Account")"><img src="~/Img/4_01.png" /></a><a href="@Url.Action("Login","Account")"><img src="~/Img/4_02.png" /></a><a href="@Url.Action("Login","Account")"><img src="~/Img/4_03.png" /></a><a href="@Url.Action("Login","Account")"><img src="~/Img/4_04.png" /></a><a href="@Url.Action("Login","Account")"><img src="~/Img/4_05.png" /></a><a href="@Url.Action("Login","Account")"><img src="~/Img/4_06.png" /></a><a href="@Url.Action("Login","Account")"><img src="~/Img/4_07.png" /></a><a href="@Url.Action("Login","Account")"><img src="~/Img/4_08.png" /></a>
</div>

@Lizka_Love · 03.01.2019, 14:16 **[ТС]**

Спасибо большое. Выводит как нужно

Новые блоги и статьи Все статьи Все блоги /
Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.
Фиксация колонок в отчете СКД Maks 14.04.2026 Фиксация колонок в СКД отчета типа Таблица. Задача: зафиксировать три левых колонки в отчете. Процедура ПриКомпоновкеРезультата(ДокументРезультат, ДанныеРасшифровки, СтандартнаяОбработка) / / . . .	Настройки VS Code Loafer 13.04.2026 { "cmake. configureOnOpen": false, "diffEditor. ignoreTrimWhitespace": true, "editor. guides. bracketPairs": "active", "extensions. ignoreRecommendations": true, . . .	Оптимизация кода на разграничение прав доступа к элементам формы Maks 13.04.2026 Алгоритм из решения ниже реализован на нетиповом документе, разработанного в конфигурации КА2. Задачи, как таковой, поставлено не было, проделанное ниже исключительно моя инициатива. Было так:. . .	Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .

@lvlkoo .NET C#,ASP.NET MVC 594 / 507 / 224 Регистрация: 16.10.2010 Сообщений: 1,902
	03.01.2019, 12:27
	Без знаний, хотя бы, основ принципов верстки и том, что кроме HTML разметки есть еще и CSS, разобраться Вам будет сложно. Почему появляються пробелы? Потому, что в CSS могут быть прописаны либо padding'и либо margin'ы у элементов <a/> или <img/>, либо Ваши изображения сами по себе содержат в себе отступы по краям. 0

@Lizka_Love 1 / 1 / 0 Регистрация: 15.12.2016 Сообщений: 50
	03.01.2019, 14:16 [ТС]
	Спасибо большое. Выводит как нужно 0

Работа с изображениями

Решение