Как убрать промежуток между картинками

@KyponaTka · Регистрация: 19.02.2014

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

Здравствуйте. Подскажите пожалуйста, как подогнать изображение треугольника впритык, чтобы не было промежутка. Максимальное значение которое могу поставить для изображения margin-top: -9px, а потом оно опускается вниз и не дает поставить выше как-будто что-то мешает (может отступ). Просмотрела все элементы с отступами вроде все нормально. Не могу понять откуда взялся этот промежуток. Только код у меня может немного неразборчивый, просто только учусь...

HTML5
1
2
3
4
5
6
7
8
<div id="form_box">
                <form action="formdate.php" method="post" name="form1">
                    <input type="text" class="f1" name="im" size="42" value="Представьтесь, пожалуйста" maxlength="15"><img src="img/treygol.png">
                    <input type="text" class="f2" name="mail" size="42" value="Ваш  e-mail" maxlength="40"><img src="img/treygol.png">
                    <textarea type="text" class="f3" name="message" cols="32" rows="8" id="text">Ваше сообщение</textarea><img src="img/treygol.png">
                    <input type="submit" class="f4" name="submit" value="Отправить сообщение"><img src="img/treygol.png">
                </form>
            </div>

CSS
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
#form_box{
    margin: 15px 0 0 0;
    padding: 0;
}
 
#form_box img{
    margin: -9px 0px 0px 270px;
    height: 9px;
    width: 9px;
}
 
.f1, .f2{
    border: solid 1px #6A3F00;
    margin: 1px 0px 10px -5px;
    padding: 0px 0px 0px 3px;
    height: 40px;
    width: 280px;
    font: 14px Myriad Pro, Tahoma, sans-serif;
    
}
 
.f3{
    border: solid 1px #6A3F00;
    margin: 1px 0px 10px -5px;
    padding: 10px 0px 0px 3px;
    height: 98px;
    width: 280px;
    font: 14px Myriad Pro, Tahoma, sans-serif;
}
 
.f4{
    text-align: left;
    background: #fff;
    border: solid 1px #6A3F00;
    margin: 1px 0px 10px -5px;
    padding: 0px;
    height: 40px;
    width: 285px;
    cursor: pointer;
    font: 14px Myriad Pro, Tahoma, sans-serif;
}

@Academik · 05.03.2014, 20:16

KyponaTka, так наверно

CSS
1
2
3
#form_box img{
    margin: -10px 0px 0px 270px;
}

@KyponaTka · 05.03.2014, 20:24 **[ТС]**

когда я ставлю отступ больше -9px у меня он вниз начинает идти

Новые блоги и статьи Все статьи Все блоги /
CQRS (Command Query Responsibility Segregation) на Java Javaican 12.05.2025 CQRS — Command Query Responsibility Segregation, или разделение ответственности команд и запросов. Суть этого архитектурного паттерна проста: операции чтения данных (запросы) отделяются от операций. . .	Шаблоны и приёмы реализации DDD на C# stackOverflow 12.05.2025 Когда я впервые погрузился в мир Domain-Driven Design, мне показалось, что это очередная модная методология, которая скоро канет в лету. Однако годы практики убедили меня в обратном. DDD — не просто. . .	Исследование рантаймов контейнеров Docker, containerd и rkt Mr. Docker 11.05.2025 Когда мы говорим о контейнерных рантаймах, мы обсуждаем программные компоненты, отвечающие за исполнение контейнеризованных приложений. Это тот слой, который берет образ контейнера и превращает его в. . .	Micronaut и GraalVM - будущее микросервисов на Java? Javaican 11.05.2025 Облачные вычисления безжалостно обнажили ахиллесову пяту Java — прожорливость к ресурсам и медлительный старт приложений. Традиционные фреймворки, годами радовавшие корпоративных разработчиков своей. . .	Инфраструктура как код на C# stackOverflow 11.05.2025 IaC — это управление и развертывание инфраструктуры через машиночитаемые файлы определений, а не через физическую настройку оборудования или интерактивные инструменты. Представьте: все ваши серверы,. . .
Инъекция зависимостей в ASP.NET Core - Практический подход UnmanagedCoder 11.05.2025 Инъекция зависимостей (Dependency Injection, DI) — это техника программирования, которая кардинально меняет подход к управлению зависимостями в приложениях. Представьте модульный дом, где каждая. . .	Битва за скорость: может ли Java догнать Rust и C++? Javaican 11.05.2025 Java, с её мантрой "напиши один раз, запускай где угодно", десятилетиями остаётся в тени своих "быстрых" собратьев, когда речь заходит о сырой вычислительной мощи. Rust и C++ традиционно занимают. . .	Упрощение разработки облачной инфраструктуры с Golang golander 11.05.2025 Причины популярности Go в облачной инфраструктуре просты и одновременно глубоки. Прежде всего — поразительная конкурентность, реализованная через горутины, которые дешевле традиционных потоков в. . .	Создание конвейеров данных ETL с помощью Pandas AI_Generated 10.05.2025 Помню свой первый опыт работы с большим датасетом — это была катастрофа из неотформатированных CSV-файлов, странных значений NULL и дубликатов, от которых ехала крыша. Тогда я потратил три дня на. . .	C++ и OpenCV - Гайд по продвинутому компьютерному зрению bytestream 10.05.2025 Компьютерное зрение — одна из тех технологий, которые буквально меняют мир на наших глазах. Если оглянуться на несколько лет назад, то сложно представить, что алгоритмы смогут не просто распознавать. . .

@KyponaTka 0 / 0 / 0 Регистрация: 19.02.2014 Сообщений: 151
	05.03.2014, 20:24 [ТС]
	когда я ставлю отступ больше -9px у меня он вниз начинает идти 0

Опции темы