powered by simpleCommunicator - 2.0.49     © 2025 Programmizd 02
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Пустая строка нужной высоты
45 сообщений из 45, показаны все 2 страниц
Пустая строка нужной высоты
    #40110466
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
здравствуйте, на ум приходит:
Код: html
1.
<div id="n84px" font-size:84px; color:white;><p>|</p></div>


но недостаток-при копировании хоть цвет и белый всё равно скопируется палочка |
да и при изменении font-size строка по высоте не увеличивается, спасибо
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110473
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
но недостаток-при копировании хоть цвет и белый всё равно скопируется палочка |
ну да протупил можно было её туда в тег не ставить, но вопрос актуальный
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110479
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ну вот вроде
Код: html
1.
div:empty {height:0.1em;}


и
Код: html
1.
<div></div>


а ещё пониже чем 0.1 можно сделать?
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110481
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
в пикселях повеселей получается и 0 можно поставит
Код: xml
1.
div:empty {height:0px;}
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110482
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ну или в одну строку
Код: html
1.
<div style=height:0px></div>


кто-что ещё предложит?
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110501
чем height то не угодил?
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110505
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофа,

для чего это требуется?
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110529
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
бабушкин зайчик
чем height то не угодил?

это как будет в коде? вроде же в сообщениях выше он......
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110550
вадя
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофа,

тебе линия нужна?
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110552
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вадя
катастрофа,

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

вот она
Код: html
1.
<hr><!--линия_______________-->


нет пустой абзац нужной высоты
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110574
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
<p> - абзац, стилем делается высота
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110579
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Konst_One
<p> - абзац, стилем делается высота

Код: html
1.
<p style=height:1px></p>


так?
если бы он менял цены бы ему не было....
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110584
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: sql
1.
2.
3.
4.
5.
<style>
.empty {
  height: 60px;
}
</style>



Код: sql
1.
2.
3.
4.
5.
6.
7.
8.
9.
<div>
<p>
1 row
</p>
<p class="empty"></p>
<p>
2 row
</p>
</div>
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110593
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Konst_One
Код: sql
1.
2.
3.
4.
5.
<style>
.empty {
  height: 60px;
}
</style>



Код: sql
1.
2.
3.
4.
5.
6.
7.
8.
9.
<div>
<p>
1 row
</p>
<p class="empty"></p>
<p>
2 row
</p>
</div>


то же самое, что
Код: html
1.
<p style=height: 60px></p>


??
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110597
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
вот так должно быть:
Код: html
1.
<p style="height: 60px"></p>
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110602
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофа
если бы он менял цены бы ему не было....

Умеешь ты задавать вопросы...
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110603
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Konst_One,
Код: html
1.
2.
3.
Шапка1
<p style="height: 0px"></p>
Шапка2


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


беру линейку, прикладываю к монитору 4 мм между шапками
получше, но нужен инструмент, чтобы было и 1, 2, 3 мм между шапками
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110604
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
margin, padding - знаешь?
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110605
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
и используй F12 вместо линейки
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110606
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Konst_One
margin, padding - знаешь?

слышал конечно
можно пример?
спасибо
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110607
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
покажи свою разметку, попробуем помочь исправить

я так думаю, что тебе надо margin-top или margin-bottom указывать для твоих шапок
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110608
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофа
слышал конечно
можно пример?

Дык !
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110617
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Konst_One
покажи свою разметку, попробуем помочь исправить

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

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

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
<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 запрашивает высоту, ввёл, выдало тебе строку кода
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110619
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
ничего не понятно, что ты хочешь сделать и что у тебя не получается
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110624
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Konst_One,
Код: html
1.
2.
3.
Шапка1
<div style="height: 0px"></div>
Шапка2


беру линейку, прикладываю к монитору 4 мм между шапками
нужен инструмент, чтобы было и 1, 2, 3 мм между шапками 1 и 2
про эф12 слышал от Вас, спасибо, пока не нужно))
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110633
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
читай по ссылке выше про margin
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110638
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Konst_One
ничего не понятно, что ты хочешь сделать и что у тебя не получается

Похоже он пытается сделать какой-то html-конструктор...
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110640
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофа
беру линейку, прикладываю к монитору 4 мм между шапками
нужен инструмент, чтобы было и 1, 2, 3 мм между шапками 1 и 2

Не знаю как сейчас...
Но ранее в браузерах/принтерах было достаточно проблематично получать точность именно в миллиметрах.
Их тогда и задавать нужно именно в mm.
Код: html
1.
<div style='height: 10mm; background-color: red;'></div>
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110646
Фотография Konst_One
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Код: html
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.
<!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>
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110660
voraa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
катастрофа
Konst_One,
Код: html
1.
2.
3.
Шапка1
<div style="height: 0px"></div>
Шапка2


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

Нарисуй границу своим шапкам и посмотри.
Те 4 мм - это внутри шапок. Им надо стили править.
А 0px между шапками это как? Буквы верхние и нижние соприкасаться должны?
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110682
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsa
Konst_One
ничего не понятно, что ты хочешь сделать и что у тебя не получается

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

да
может где видели в сети?
Буквы верхние и нижние соприкасаться должны?
ответ - да
и задавать нужно именно в mm
ок сейчас попробую
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110685
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
mm и px я бы сказал знак =
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110733
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофа
mm и px я бы сказал знак =

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

Я же разработкой занимаюсь...
Зачем мне чужие конструкторы. А нам такое пока не заказывали...
Т.ч. у тебя есть шанс попасть к нам в клиенты. ;)
https://ivolga-it.ru/web/
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110738
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsa, спасибо
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110745
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофа
krvsa, спасибо

имелось ввиду не надо
интересно, заказчик в ТЗ написал
что нужен в нужном месте
select
его опции
01. Ничего не выбрано
02. Пустая строка (абзац)
в нужное
<option>01. Ничего не выбрано</option>
<option>02. Пустая строка (абзац)</option>
то есть добавить у каждой строки <option> и </option>
это Ваши спецы как делаете?
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110789
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофа
это Ваши спецы как делаете?

Все что можно повторить/реализовать в вебе и мобильном приложении, в разрезе возможностей JS, мы делаем.
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110796
катастрофа
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
krvsa, я про Фому, а вы про Ивана.................
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110819
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
катастрофа , так ты объясняльщик еще тот...
Почем мне знать чего ты имел ввиду. Я как прочитал - так и понял...
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110835
voraa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
катастрофа

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

Такого быть не может. По крайней мере для большинства шрифтов.
Вот картинка.

Изучайте, что такое font-size. И узнайте, что есть еще line-height
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110865
voraa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
krvsa
катастрофа
mm и px я бы сказал знак =

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

Вот совсем не так. Ну совсем.
Есть такие понятия, как dpi и пиксель CSS
Для большинства мониторов, без масштабирования dpi = 96 пискселей.
CSS ориентируется на это.
Т.е если нарисовать вот такой div
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
<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).
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110901
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
voraa
Вот совсем не так. Ну совсем.
...
Теперь посмотрим на реальные экраны.
Мой десктоп. Высота изображения на экране примерно 325 мм. Разрешение 1200px Там поместится 317 мм CSS
Ноутбук - Высота 195мм Разрешение 1080. Там помещается 285 мм CSS (Это совсем не 195).

Т.е., как я и писал выше, px это px и ни как не mm.
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110903
voraa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
krvsa

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

А это какой смысл вложен?
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110934
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
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 раскрыта полностью и в дальнейшей полемике на эту тему не участвую.
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40110945
voraa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Гость
krvsa
voraa , я ориентируюсь на такое описание px...
авторПиксель px – это самая базовая, абсолютная и окончательная единица измерения.

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

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


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

Я не знаю, что автор учебника называет "базовой абсолютной и окончательной" единицей измерения, но 1px в CSS это явно не то.
Ни автор учебника, ни Вы не сможете задать, например, DIV с границей шириной в 1 экранный пиксель.
Вот, что бы с ним не делать, а граница все равно 1 экранный пиксель.
Это будет пиксель CSS. Но он совсем не абсолютен и не окончателен.
...
Рейтинг: 0 / 0
Пустая строка нужной высоты
    #40111024
s62
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Участник
Насчет пикселей, 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 может соответствовать несколько аппаратных, физических пикселей.

Как я понимаю, браузеры в телефонах вот вычисляют по каким-то правилам, сколько пикселей составляет экран, делят физическое кол-во пикселей на сколько-то, если разрешение большое.
...
Рейтинг: 0 / 0
45 сообщений из 45, показаны все 2 страниц
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Пустая строка нужной высоты
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Найденые пользователи ...
Разблокировать пользователей ...
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


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