get_footer(); ?>
Заранее благодарю за помощь!
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 Комментировать
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Как объеденить круговой слайдер(диапозон) с полем ввода и кнопками + и -?
- 1 подписчик
- 2 часа назад
- 21 просмотр