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

Откуда:
Сообщений: 3269
здравствуйте, на ум приходит:
<div id="n84px" font-size:84px; color:white;><p>|</p></div>

но недостаток-при копировании хоть цвет и белый всё равно скопируется палочка |
да и при изменении font-size строка по высоте не увеличивается, спасибо
9 ноя 21, 21:18    [22393867]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
но недостаток-при копировании хоть цвет и белый всё равно скопируется палочка |
ну да протупил можно было её туда в тег не ставить, но вопрос актуальный

Сообщение было отредактировано: 9 ноя 21, 21:40
9 ноя 21, 21:39    [22393876]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
ну вот вроде
div:empty {height:0.1em;}

и
<div></div>

а ещё пониже чем 0.1 можно сделать?
9 ноя 21, 21:58    [22393882]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
в пикселях повеселей получается и 0 можно поставит
div:empty {height:0px;}
9 ноя 21, 22:12    [22393887]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
ну или в одну строку
<div style=height:0px></div>

кто-что ещё предложит?
9 ноя 21, 22:26    [22393891]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
бабушкин зайчик
Member

Откуда: сетевой
Сообщений: 477
чем height то не угодил?
10 ноя 21, 03:37    [22393941]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
вадя
Member

Откуда: Екатеринбург
Сообщений: 19509
катастрофа,

для чего это требуется?
10 ноя 21, 05:40    [22393946]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
бабушкин зайчик
чем height то не угодил?

это как будет в коде? вроде же в сообщениях выше он......
10 ноя 21, 09:12    [22393981]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
вадя
Member

Откуда: Екатеринбург
Сообщений: 19509
катастрофа,

тебе линия нужна?
10 ноя 21, 10:00    [22394010]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
вадя
катастрофа,

тебе линия нужна?

вот она
<hr><!--линия_______________-->

нет пустой абзац нужной высоты
10 ноя 21, 10:03    [22394013]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
Konst_One
Member

Откуда:
Сообщений: 11680
<p> - абзац, стилем делается высота
10 ноя 21, 10:33    [22394041]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
Konst_One
<p> - абзац, стилем делается высота

<p style=height:1px></p>

так?
если бы он менял цены бы ему не было....
10 ноя 21, 10:41    [22394047]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
Konst_One
Member

Откуда:
Сообщений: 11680
<style>
.empty {
  height: 60px;
}
</style>


<div>
<p>
1 row
</p>
<p class="empty"></p>
<p>
2 row
</p>
</div>
10 ноя 21, 10:49    [22394056]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
Konst_One
<style>
.empty {
  height: 60px;
}
</style>


<div>
<p>
1 row
</p>
<p class="empty"></p>
<p>
2 row
</p>
</div>

то же самое, что
<p style=height: 60px></p>

??
10 ноя 21, 11:08    [22394067]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
Konst_One
Member

Откуда:
Сообщений: 11680
вот так должно быть:
<p style="height: 60px"></p>
10 ноя 21, 11:18    [22394072]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13769
катастрофа
если бы он менял цены бы ему не было....

Умеешь ты задавать вопросы...
10 ноя 21, 11:28    [22394078]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
Konst_One,
Шапка1
<p style="height: 0px"></p>
Шапка2

беру линейку, прикладываю к монитору 12 мм между шапками
Шапка1
<div style="height: 0px"></div>
Шапка2

беру линейку, прикладываю к монитору 4 мм между шапками
получше, но нужен инструмент, чтобы было и 1, 2, 3 мм между шапками

Сообщение было отредактировано: 10 ноя 21, 11:31
10 ноя 21, 11:30    [22394079]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
Konst_One
Member

Откуда:
Сообщений: 11680
margin, padding - знаешь?
10 ноя 21, 11:32    [22394080]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
Konst_One
Member

Откуда:
Сообщений: 11680
и используй F12 вместо линейки
10 ноя 21, 11:33    [22394081]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
Konst_One
margin, padding - знаешь?

слышал конечно
можно пример?
спасибо
10 ноя 21, 11:35    [22394082]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
Konst_One
Member

Откуда:
Сообщений: 11680
покажи свою разметку, попробуем помочь исправить

я так думаю, что тебе надо margin-top или margin-bottom указывать для твоих шапок
10 ноя 21, 11:38    [22394083]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13769
катастрофа
слышал конечно
можно пример?

Дык!
10 ноя 21, 11:41    [22394085]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
Konst_One
покажи свою разметку, попробуем помочь исправить

я так думаю, что тебе надо margin-top или margin-bottom указывать для твоих шапок

нету её, хочу покончить раз и навсегда для себя, контрол:

<select name="control">
  <option>1. Ничего не выбрано</option>
  <option>2. Пустая строка (абзац)</option>
  <option>3. Линия</option>
  <option>4. Кнопка</option>
  <option>5. Фрейм, рамка</option>
  <option>6. Таблица</option>
  <option>7. Поле ввода</option>
  <option>8. Поле выбора</option>
  <option>9. Текстерея (textarea)</option>
</select>

выбрали пункт 2 запрашивает высоту, ввёл, выдало тебе строку кода
10 ноя 21, 12:07    [22394097]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
Konst_One
Member

Откуда:
Сообщений: 11680
ничего не понятно, что ты хочешь сделать и что у тебя не получается
10 ноя 21, 12:10    [22394101]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
Konst_One,
Шапка1
<div style="height: 0px"></div>
Шапка2

беру линейку, прикладываю к монитору 4 мм между шапками
нужен инструмент, чтобы было и 1, 2, 3 мм между шапками 1 и 2
про эф12 слышал от Вас, спасибо, пока не нужно))
10 ноя 21, 12:16    [22394107]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
Konst_One
Member

Откуда:
Сообщений: 11680
читай по ссылке выше про margin
10 ноя 21, 12:24    [22394116]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13769
Konst_One
ничего не понятно, что ты хочешь сделать и что у тебя не получается

Похоже он пытается сделать какой-то html-конструктор...
10 ноя 21, 12:32    [22394122]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13769
катастрофа
беру линейку, прикладываю к монитору 4 мм между шапками
нужен инструмент, чтобы было и 1, 2, 3 мм между шапками 1 и 2

Не знаю как сейчас...
Но ранее в браузерах/принтерах было достаточно проблематично получать точность именно в миллиметрах.
Их тогда и задавать нужно именно в mm.
<div style='height: 10mm; background-color: red;'></div>
10 ноя 21, 12:36    [22394125]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
Konst_One
Member

Откуда:
Сообщений: 11680
<!DOCTYPE html>
<html>
<head>
<style>
div, p {
  margin: 0;
  padding: 0;
  width: 100%;
}
.header1, .header2 {
  background-color: lightblue;
  height: 30px;
}
.content {
  font-size: 12pt;
  margin-top: 2mm;
  margin-bottom: 3mm;
  border: 1px black solid;
  background-color: lightgreen;
}
</style>
</head>
<body>

<div class="header1">
header 1
</div>
<p class="content">
test content<br/>
test content<br/>
test content<br/>
</p>
<div class="header2">
header 2
</div>

</body>
</html>
10 ноя 21, 12:51    [22394135]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
voraa
Member

Откуда:
Сообщений: 299
катастрофа
Konst_One,
Шапка1
<div style="height: 0px"></div>
Шапка2

беру линейку, прикладываю к монитору 4 мм между шапками
получше, но нужен инструмент, чтобы было и 1, 2, 3 мм между шапками

Нарисуй границу своим шапкам и посмотри.
Те 4 мм - это внутри шапок. Им надо стили править.
А 0px между шапками это как? Буквы верхние и нижние соприкасаться должны?
10 ноя 21, 13:30    [22394153]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
krvsa
Konst_One
ничего не понятно, что ты хочешь сделать и что у тебя не получается

Похоже он пытается сделать какой-то html-конструктор...

да
может где видели в сети?
Буквы верхние и нижние соприкасаться должны?
ответ - да
и задавать нужно именно в mm
ок сейчас попробую
10 ноя 21, 14:03    [22394180]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
mm и px я бы сказал знак =
10 ноя 21, 14:08    [22394183]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13769
катастрофа
mm и px я бы сказал знак =

Я бы так не сказал...
Поскольку это таки разные единицы измерения.
mm - метрическая и на каждом устройстве должно быть одинаковым (с точностью до пикселя)
px - чисто пиксельная величина, у каждого устройства она своя, с метрической т.з.
катастрофа
да
может где видели в сети?

Я же разработкой занимаюсь...
Зачем мне чужие конструкторы. А нам такое пока не заказывали...
Т.ч. у тебя есть шанс попасть к нам в клиенты. ;)
https://ivolga-it.ru/web/
10 ноя 21, 15:10    [22394248]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
krvsa, спасибо
10 ноя 21, 15:26    [22394254]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
катастрофа
krvsa, спасибо

имелось ввиду не надо
интересно, заказчик в ТЗ написал
что нужен в нужном месте
select
его опции
01. Ничего не выбрано
02. Пустая строка (абзац)
в нужное
<option>01. Ничего не выбрано</option>
<option>02. Пустая строка (абзац)</option>
то есть добавить у каждой строки <option> и </option>
это Ваши спецы как делаете?
10 ноя 21, 15:32    [22394261]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13769
катастрофа
это Ваши спецы как делаете?

Все что можно повторить/реализовать в вебе и мобильном приложении, в разрезе возможностей JS, мы делаем.
10 ноя 21, 16:24    [22394313]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
катастрофа
Member

Откуда:
Сообщений: 3269
krvsa, я про Фому, а вы про Ивана.................
10 ноя 21, 16:38    [22394321]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13769
катастрофа, так ты объясняльщик еще тот...
Почем мне знать чего ты имел ввиду. Я как прочитал - так и понял...
10 ноя 21, 17:12    [22394350]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
voraa
Member

Откуда:
Сообщений: 299
катастрофа

Буквы верхние и нижние соприкасаться должны?
ответ - да

Такого быть не может. По крайней мере для большинства шрифтов.
Вот картинка.
Картинка с другого сайта.
Изучайте, что такое font-size. И узнайте, что есть еще line-height
10 ноя 21, 18:38    [22394369]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
voraa
Member

Откуда:
Сообщений: 299
krvsa
катастрофа
mm и px я бы сказал знак =

Я бы так не сказал...
Поскольку это таки разные единицы измерения.
mm - метрическая и на каждом устройстве должно быть одинаковым (с точностью до пикселя)

Вот совсем не так. Ну совсем.
Есть такие понятия, как dpi и пиксель CSS
Для большинства мониторов, без масштабирования dpi = 96 пискселей.
CSS ориентируется на это.
Т.е если нарисовать вот такой div
<style>
div {
	box-sizing: border-box;	
	margin: 0;
	height: 1in;
	width: 96px;
	border: 1px solid blue;
}
</style>
<div></div>

Мы получим квадрат
Ну так и получается.
Т.е для CSS дюйм это просто 96px

Ну а mm - 1/25,4 дюйма или 3,78 px

Теперь посмотрим на реальные экраны.
Мой десктоп. Высота изображения на экране примерно 325 мм. Разрешение 1200px Там поместится 317 мм CSS
Ноутбук - Высота 195мм Разрешение 1080. Там помещается 285 мм CSS (Это совсем не 195).
10 ноя 21, 20:12    [22394408]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13769
voraa
Вот совсем не так. Ну совсем.
...
Теперь посмотрим на реальные экраны.
Мой десктоп. Высота изображения на экране примерно 325 мм. Разрешение 1200px Там поместится 317 мм CSS
Ноутбук - Высота 195мм Разрешение 1080. Там помещается 285 мм CSS (Это совсем не 195).

Т.е., как я и писал выше, px это px и ни как не mm.
10 ноя 21, 22:00    [22394456]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
voraa
Member

Откуда:
Сообщений: 299
krvsa

mm - метрическая и на каждом устройстве должно быть одинаковым (с точностью до пикселя)

А это какой смысл вложен?
10 ноя 21, 22:14    [22394461]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
krvsa
Member

Откуда: г Волжский
Сообщений: 13769
voraa, я ориентируюсь на такое описание px...
автор
Пиксель px – это самая базовая, абсолютная и окончательная единица измерения.

Количество пикселей задаётся в настройках разрешения экрана, один px – это как раз один такой пиксель на экране. Все значения браузер в итоге пересчитает в пиксели.

https://learn.javascript.ru/css-units

И сколько это будет в mm или дюймах - меня не особо волнует. Это чисто экранная единица измерения, не метрическая (для меня).

Поскольку на экране все рисуется (рисовалось) точками, если дать команду нарисовать что-то в mm оно и будет нарисовано с точностью до экранного пикселя.
Тот же источник...
автор
Пиксели могут быть дробными, например размер можно задать в 16.5px. Это совершенно нормально, браузер сам использует дробные пиксели для внутренних вычислений. К примеру, есть элемент шириной в 100px, его нужно разделить на три части – волей-неволей появляются 33.333...px. При окончательном отображении дробные пиксели, конечно же, округляются и становятся целыми.

https://learn.javascript.ru/css-units

На сим считаю что тема px и mm раскрыта полностью и в дальнейшей полемике на эту тему не участвую.
11 ноя 21, 08:44    [22394517]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
voraa
Member

Откуда:
Сообщений: 299
krvsa
voraa, я ориентируюсь на такое описание px...
автор
Пиксель px – это самая базовая, абсолютная и окончательная единица измерения.

Количество пикселей задаётся в настройках разрешения экрана, один px – это как раз один такой пиксель на экране. Все значения браузер в итоге пересчитает в пиксели.

https://learn.javascript.ru/css-units


На сим считаю что тема px и mm раскрыта полностью и в дальнейшей полемике на эту тему не участвую.


Я не знаю, что автор учебника называет "базовой абсолютной и окончательной" единицей измерения, но 1px в CSS это явно не то.
Ни автор учебника, ни Вы не сможете задать, например, DIV с границей шириной в 1 экранный пиксель.
Вот, что бы с ним не делать, а граница все равно 1 экранный пиксель.
Это будет пиксель CSS. Но он совсем не абсолютен и не окончателен.
11 ноя 21, 09:21    [22394529]     Ответить | Цитировать Сообщить модератору
 Re: Пустая строка нужной высоты  [new]
s62
Member

Откуда: Жуковский
Сообщений: 1506
Насчет пикселей, px.
Недавно столкнулся, когда делал media-query для разных размеров экрана. (Потом вспомнил, что раньше тоже сталкивался, но давно не занимался вебом, забыл уже.)
У меня телефон с разрешением экрана 2340*1080. Делаю медиа-квери, такое, что при ширине экрана меньше 1200px, поля содержимого слева и справа уменьшаются. Думаю так: если буду держать телефон поперёк, ширина экрана - 2340, поля большие, разворачиваю телефон, ширина - 1080, поля маленькие.
Смотрю, поля маленькие всё время. Пишу страничку, где выводятся размеры экрана в пикселях, screen.width, screen.height.
И что я вижу? Ширина - 412, высота - 892. Если развернуть телефон, то наоборот.
Начал читать по теме. Вычитал, что есть абсолютный пиксель (точнее, абсолютные единицы измерения, и среди них - пиксель), который раньше что ли считался по фактическому разрешению (DPI), а в CSS3 равен просто 1/96 дюйма.
А есть пиксель, вот по ссылке ниже его называют reference pixel, который выглядит примерно как пиксель при 96 dpi, если смотреть на экран с расстояния вытянутой руки (28 дюймов). Соответственно, если экран дальше, то пиксель больше. А на телефонах с большим разрешением экрана такому пикселю соответствует несколько физических точек-пикселей.

Вот тут текст и картинки https://www.w3.org/TR/css-values-3/#absolute-lengths
На второй картинке видно, что одному px может соответствовать несколько аппаратных, физических пикселей.

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

Сообщение было отредактировано: 11 ноя 21, 14:46
11 ноя 21, 14:43    [22394650]     Ответить | Цитировать Сообщить модератору
Топик располагается на нескольких страницах: 1 2      [все]
Все форумы / HTML, JavaScript, VBScript, CSS Ответить