Как вставить текст в html в определенном месте

Заранее благодарю за помощь!
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:

Вставить JavaScript в определённое место на странице ?
Вот как вставить JavaScript в определённое место на странице ? Вот есть готовый JavaScript.

В определенное место TextBox вставить текст из Label
На форме кнопка, текстовое поле и лайбал. в текстовом поле есть текст. н.р. "Привет! Как дела?".

Как вставить текст в определенное место WORD документа?
Подскажите пожалуйста, как вставить программно в вордовский документ текст в определенное место и.

Вывод галереи joomgallery в определенное место на странице
Добрый день, товарищи форумчане! Нужно вывести определенную категорию фотографий под текст.

Регистрация: 05.11.2012
Сообщений: 14

Я так и не понял где у тебя какие блоки и как они называются. Если можно полный код в студию, сойдёт даже клиентский.
По идее это надо в стилях ковырятся тебе.

Регистрация: 29.12.2010
Сообщений: 146
на странице это полный код. А вот стили к нему сейчас покажу:

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

#primary-content{width:630px;} #sidebar{width:310px;} #sidebar2{width:230px;} /* col-1 */ body.col-1 #primary-content{width:940px;left:0;} body.col-1 #sidebar, body.col-1 #sidebar2{display:none;} /* col-2-left */ body.col-2-left #primary-content{left:310px;} body.col-2-left #sidebar{left:-630px;} body.col-2-left #sidebar2{display:none;} /* col-2-right, default */ body.col-2-right #primary-content{left:0;} body.col-2-right #sidebar{right:0;} body.col-2-right #sidebar2{display:none;} /* col-3 */ body.col-3 #primary-content{left:230px;width:480px;} body.col-3 #sidebar{right:0px;width:230px;} body.col-3 #sidebar2{left:-480px;} /* col-3-left */ body.col-3-left #primary-content{left:460px;width:480px;} body.col-3-left #sidebar{left:-710px;width:230px;} body.col-3-left #sidebar2{left:-250px;} /* gs - s1 - (s1+s2) */ body.col-3-left #primary-content .blocks{margin-left:10px;} /* col-3-right */ body.col-3-right #primary-content{left:0;width:480px;} body.col-3-right #sidebar{left:0;width:230px;} body.col-3-right #sidebar2{left:0;} body.col-3-right #primary-content .blocks{margin-right:10px;}

1 2 3 4 5 6 7

#primary-content .blocks{ padding:1em; } #sidebar .blocks, #sidebar2 .blocks{padding:1em;margin:0;list-style-type:none;}

Блока тут 2:

div id="primary-content"> div class="blocks">

Первый отвечает за всю страницу с контентом, а вот второй именно за отступ одного поста от другого. На сколько я понял, между ними нужно вставить еще один блог, прописать в стилях ему небольшое место, то самое, что выделено на картинке, и все готово! Вот только я так делал и с помощью padding прописывал место, но ничего не вышло

87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
Помогаю со студенческими работами здесь

Вставить число в определенное место в массиве чисел
Здравствуйте. Вопрос заключается в следующем, как можно поместить в определенное место в массиве.

В определенное место строки вставить значение переменной
Друзья объясните такую штуку. На PHP это выглядит так.. $stroka = "Kapital=evro"; $a = 1000;.

Вставить на определенное место массива вещественных чисел элемент,,
Вставить на k-е место массива вещественных чисел элемент,, равный наименьшему элементу массива. .

Как в Visio вставить новый лист в определенное место?
Подскажите, пожалуйста, как в Visio вставить новый лист в определенное место, или хотя бы.

Как зафиксировать текст на определенном месте страницы (при медиазапросах)?

Здравствуйте! Подскажите пожалуйста правильный или оптимальный вариант реализации задумки. Текст должен находиться рядом с зелеными кружками при медиазапросах. Пока там только «РЕГИСТРАЦИЯ» (см. скрин), но каждому зеленому кружку будет привязан подобный.
Пока реализовал через position: absolute, присваивая разные значения в разных точках медиазапроса, но сомневаюсь в правильности. Буду очень признателен за совет

• Вопрос задан более трёх лет назад
• 190 просмотров

2 комментария

Средний 2 комментария

«Текст должен находиться рядом с зелеными кружками при медиазапросах» — чиво?

Ankhena @Ankhena Куратор тега CSS
Указывайте значения в процентах и отсчитывайте от середины.
Решения вопроса 1

Ankhena @Ankhena Куратор тега CSS
Нежно люблю верстку

Для простоты блок обертку сделала всегда одинаковых пропорций 2 к 1. Иначе пришлось бы еще media писать и для размеров и для ориентации.
Картинку пришлось заскринить и получилась она 290х328. Отсюда, с учетом пропорций блока background-size 30% 67.93%

Ответ написан более трёх лет назад
Нравится 1 5 комментариев
mod133 @mod133 Автор вопроса
Это работает, помогите понять как Вы переводили в процентные соотношения размер картинки?

Ankhena @Ankhena Куратор тега CSS

mod133,
картинка у меня вырезалась 290х328 (можете вырезать квадратной, будет легче 🙂 мне было проще проценты посчитать, чем ее подгонять)
я решила (от балды), что по ширине картинка должна занимать 30% блока — это первое значение в background-size
значит, если бы блок-родитель был квадратным, то по высоте получилось бы 33,93%
но блок-родитель не квадратный, а с соотношением сторон 2:1, значит процент который занимает картинка по высоте нужно умножить на 2 = 67,86 (ага, на jsfiddle ошиблась пока печатала, поправьте)

Ankhena @Ankhena Куратор тега CSS

right: 65%; bottom: 63%;

эти проценты нужно считать через середину, потому что картинку спозиционировали ровно в середину
right 50% + половина от ширины картинки, вся картинка 30%, половина — 15%
bottom — просто подбором, потому что кто ш его знает как считать и на дворе была глубокая ночь

Ankhena @Ankhena Куратор тега CSS
mod133, Перевод шрифта в vw хорошая статья: https://www.smashingmagazine.com/2016/05/fluid-typ.
mod133 @mod133 Автор вопроса
Спасибо огромное за помощь!
Ответы на вопрос 2

Full-stack developer

Как я понимаю, у вас приложение должно работать, на конкретных разрешениях, тут я вижу 2 варианта.
Самый очевидный, это выписать координаты всех точек, начала текста при конкретных медиа запросах и установить его, через абсолютное позиционирование.
Второй вариант более сложный — это вычислить кривую изменения изображения в зависимости от разрешения экрана. в Формуле «x=. » x- будет являться точкой при разных разрешениях. И в соответствии с полученным результатом, через JS прописывать абсолютную позицию, уже не завися от медиа запросов.

Второй вариант считаю более грамотным, покуда везде всё будет нормально смотреться при любом разрешении и на любом девайсе, но придется вспомнить школьный курс математики)

UPD, есть в css ещё волшебное свойство calc, через которое также можно задать пропорции, при этом удобно комбинируя vw и px можно достичь приемлемого результата

Ответ написан более трёх лет назад
Комментировать
Нравится 1 Комментировать
Верстка, Фронтенд

Предлагаю обернуть куб в контейнер, контейнеру задать относительное позиционирование (p: relative). Текст с p: absolute внутри такого контейнера будет позиционироваться относительно своего родителя, а не страницы. Если размер контейнера не будет изменяться, то не будет изменяться и позиция текста внутри этого контейнера.

Ответ написан более трёх лет назад
Комментировать
Нравится 1 Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

• JavaScript
• +1 ещё

Как объеденить круговой слайдер(диапозон) с полем ввода и кнопками + и -?

• 1 подписчик
• 2 часа назад
• 21 просмотр