Как убрать отступ

@dapkopoen · Регистрация: 04.01.2013

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

всем привет. не могу понять, откуда отступ взялся?
вот страница - http://93lab.ru
даю скрин, где подсвечен отступ. из за него последняя картинка в таблице расположена чуть нижке других. как убрать?

@N-Star · 14.03.2017, 16:15

https://www.cyberforum.ru/atta... 1489497234

задай высоту в 180px

@dapkopoen · 14.03.2017, 17:12 **[ТС]**

N-Star, там и так стоит 181

@N-Star · 14.03.2017, 17:14

dapkopoen, height: 180 - высоту ставь, в отладчике я ее дописал

@dapkopoen · 14.03.2017, 17:16 **[ТС]**

окей

@dapkopoen · 14.03.2017, 17:19 **[ТС]**

N-Star, картинка овалом становиться

@N-Star · 14.03.2017, 17:23

ну если так, то лучше картинке задать необходимую высоту в редакторе добавив строки пикселей с верху и низу до нужных размеров

@dapkopoen · 14.03.2017, 17:25 **[ТС]**

N-Star, у всех картинок размеры одинаковые, в том то и дело. отличие лишь в том, что у последней больший отступ сверху, поэтому она ниже других. проблема в отступе

@N-Star · 14.03.2017, 17:31

dapkopoen, ну конечно,,,, а если внимательней посмотреть - 169 высота вмсто 180

@dapkopoen · 14.03.2017, 17:34 **[ТС]**

посмотри внимательнее. картинки все одинаковые. 181х180. другой и взяться неоткуда

@monochromer · 14.03.2017, 17:43

просто само изображение в картинке ниже - нужно "перенарезать"

@N-Star · 14.03.2017, 17:50

вот теперь стало 180 - до этого, клянусь было 169!

@dapkopoen · 14.03.2017, 18:37 **[ТС]**

N-Star, а хочешь прикол настоящий? картинки взяты отсюда - http://kontek-volga.ru
но они ровно стоят. хотя крайняя правая картинка такая же

@N-Star · 14.03.2017, 18:50

dapkopoen, там верстка другая и картинок уже нет

@dapkopoen · 14.03.2017, 19:05 **[ТС]**

N-Star, как это нет. все там есть.

@mrtoxas · 14.03.2017, 19:48

dapkopoen, любуйтесь.

HTML5
1
2
3
4
5
6
7
8
9
10
11
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>Document</title>
</head>
<body>
  <img src="http://93lab.ru/image/catalog/cat/0505.png" style="border:1px solid black;">
  <img src="http://93lab.ru/image/catalog/cat/0404.png" style="border:1px solid black;">
</body>
</html>

@dapkopoen · 14.03.2017, 21:21 **[ТС]**

mrtoxas, но на том то сайте они вровень стоят!

@mrtoxas · 14.03.2017, 21:45

dapkopoen, потому что, в исходном варианте картинки добавлены при помощи background-image и последней задан стиль background-position: 50% -14px, который поднимает на 14 пикселей картинку. Когда у всех остальных установлены значения 50% 50%
Вы напихали новых элементов, отступы через nbsp;, добавили картинку через <img> и на полном серьезе удивляетесь, что не получается, а ведь оно же все так же

@dapkopoen · 14.03.2017, 21:47 **[ТС]**

mrtoxas, такую разметку делает встроенный редактор в опенкарте. так что мне делать то?

@mrtoxas · 14.03.2017, 21:49

HTML5
1
<p style="text-align: center;margin-top: -30px;">&nbsp;<img src="http://93lab.ru/image/catalog/cat/0505.png" style="width: 181px;"></p>

И правильней будет попытаться убрать   и установить нормальные отступы.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .	SDL3 для Web (WebAssembly): Работа со звуком через SDL3_mixer 8Observer8 08.02.2026 Содержание блога Пошагово создадим проект для загрузки звукового файла и воспроизведения звука с помощью библиотеки SDL3_mixer. Звук будет воспроизводиться по клику мышки по холсту на Desktop и по. . .	SDL3 для Web (WebAssembly): Основы отладки веб-приложений на SDL3 по USB и Wi-Fi, запущенных в браузере мобильных устройств 8Observer8 07.02.2026 Содержание блога Браузер Chrome имеет средства для отладки мобильных веб-приложений по USB. В этой пошаговой инструкции ограничимся работой с консолью. Вывод в консоль - это часть процесса. . .
SDL3 для Web (WebAssembly): Обработчик клика мыши в браузере ПК и касания экрана в браузере на мобильном устройстве 8Observer8 02.02.2026 Содержание блога Для начала пошагово создадим рабочий пример для подготовки к экспериментам в браузере ПК и в браузере мобильного устройства. Потом напишем обработчик клика мыши и обработчик. . .	Философия технологии iceja 01.02.2026 На мой взгляд у человека в технических проектах остается роль генерального директора. Все остальное нейронки делают уже лучше человека. Они не могут нести предпринимательские риски, не могут. . .	SDL3 для Web (WebAssembly): Вывод текста со шрифтом TTF с помощью SDL3_ttf 8Observer8 01.02.2026 Содержание блога В этой пошаговой инструкции создадим с нуля веб-приложение, которое выводит текст в окне браузера. Запустим на Android на локальном сервере. Загрузим Release на бесплатный. . .	SDL3 для Web (WebAssembly): Сборка C/C++ проекта из консоли 8Observer8 30.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .

@dapkopoen 5 / 5 / 1 Регистрация: 04.01.2013 Сообщений: 393

	Как убрать отступ 14.03.2017, 15:34. Показов 2383. Ответов 22 Метки нет (Все метки) всем привет. не могу понять, откуда отступ взялся? вот страница - http://93lab.ru даю скрин, где подсвечен отступ. из за него последняя картинка в таблице расположена чуть нижке других. как убрать? Миниатюры 0

@N-Star 60 / 60 / 29 Регистрация: 03.11.2016 Сообщений: 292 Записей в блоге: 2
	14.03.2017, 16:15
	https://www.cyberforum.ru/atta... 1489497234 задай высоту в 180px Миниатюры 0

@dapkopoen 5 / 5 / 1 Регистрация: 04.01.2013 Сообщений: 393
	14.03.2017, 17:12 [ТС]
	N-Star, там и так стоит 181 0

@N-Star 60 / 60 / 29 Регистрация: 03.11.2016 Сообщений: 292 Записей в блоге: 2
	14.03.2017, 17:14
	dapkopoen, height: 180 - высоту ставь, в отладчике я ее дописал 0

@dapkopoen 5 / 5 / 1 Регистрация: 04.01.2013 Сообщений: 393
	14.03.2017, 17:16 [ТС]
	окей Миниатюры 0

@dapkopoen 5 / 5 / 1 Регистрация: 04.01.2013 Сообщений: 393
	14.03.2017, 17:19 [ТС]
	N-Star, картинка овалом становиться 0

@N-Star 60 / 60 / 29 Регистрация: 03.11.2016 Сообщений: 292 Записей в блоге: 2
	14.03.2017, 17:23
	ну если так, то лучше картинке задать необходимую высоту в редакторе добавив строки пикселей с верху и низу до нужных размеров 0

@dapkopoen 5 / 5 / 1 Регистрация: 04.01.2013 Сообщений: 393
	14.03.2017, 17:25 [ТС]
	N-Star, у всех картинок размеры одинаковые, в том то и дело. отличие лишь в том, что у последней больший отступ сверху, поэтому она ниже других. проблема в отступе 0

@N-Star 60 / 60 / 29 Регистрация: 03.11.2016 Сообщений: 292 Записей в блоге: 2
	14.03.2017, 17:31
	dapkopoen, ну конечно,,,, а если внимательней посмотреть - 169 высота вмсто 180 0

@dapkopoen 5 / 5 / 1 Регистрация: 04.01.2013 Сообщений: 393
	14.03.2017, 17:34 [ТС]
	посмотри внимательнее. картинки все одинаковые. 181х180. другой и взяться неоткуда 0

@monochromer 419 / 381 / 163 Регистрация: 03.01.2013 Сообщений: 966
	14.03.2017, 17:43
	просто само изображение в картинке ниже - нужно "перенарезать" 0

@N-Star 60 / 60 / 29 Регистрация: 03.11.2016 Сообщений: 292 Записей в блоге: 2
	14.03.2017, 17:50
	вот теперь стало 180 - до этого, клянусь было 169! 0

@dapkopoen 5 / 5 / 1 Регистрация: 04.01.2013 Сообщений: 393
	14.03.2017, 18:37 [ТС]
	N-Star, а хочешь прикол настоящий? картинки взяты отсюда - http://kontek-volga.ru но они ровно стоят. хотя крайняя правая картинка такая же 0

@N-Star 60 / 60 / 29 Регистрация: 03.11.2016 Сообщений: 292 Записей в блоге: 2
	14.03.2017, 18:50
	dapkopoen, там верстка другая и картинок уже нет 0

@dapkopoen 5 / 5 / 1 Регистрация: 04.01.2013 Сообщений: 393
	14.03.2017, 19:05 [ТС]
	N-Star, как это нет. все там есть. Миниатюры 0

@dapkopoen 5 / 5 / 1 Регистрация: 04.01.2013 Сообщений: 393
	14.03.2017, 21:21 [ТС]
	mrtoxas, но на том то сайте они вровень стоят! 0

@mrtoxas 3827 / 2677 / 1521 Регистрация: 12.07.2015 Сообщений: 6,672 Записей в блоге: 4
	14.03.2017, 21:45
	dapkopoen, потому что, в исходном варианте картинки добавлены при помощи `background-image` и последней задан стиль `background-position: 50% -14px`, который поднимает на 14 пикселей картинку. Когда у всех остальных установлены значения `50% 50%` Вы напихали новых элементов, отступы через `nbsp;`, добавили картинку через `<img>` и на полном серьезе удивляетесь, что не получается, а ведь оно же все так же 0

@dapkopoen 5 / 5 / 1 Регистрация: 04.01.2013 Сообщений: 393
	14.03.2017, 21:47 [ТС]
	mrtoxas, такую разметку делает встроенный редактор в опенкарте. так что мне делать то? 0