Как спустить текст вниз?
Скрипт написан здесь Блок на css Я вставил туда ссылку и у меня щас пробелма. Я сделал этот блок высотой 50px и щас мне надо опустить на 16px. Я сделал margin-top: 16px; но не работает. (header — это тот самый стиль блока; txt-logo — стили текста)
Как мне опустить текст вниз?
Отслеживать
задан 8 фев 2014 в 14:58
380 1 1 золотой знак 4 4 серебряных знака 19 19 бронзовых знаков
Не совсем понятно, что вам требуется получить?
8 фев 2014 в 19:04
2 ответа 2
Сортировка: Сброс на вариант по умолчанию
.txt-logo < color: rgba(0,0,0,0.6); text-shadow: 2px 2px 3px rgba(255,255,255,0.1); font-size: 26px; margin-left: 6%; // зачем если все равно обнуляете в конце? text-align: center; text-decoration: none; margin: 0; padding-top: 16px; // может это вам надо? >Отслеживать
ответ дан 8 фев 2014 в 19:02
2,542 13 13 серебряных знаков 12 12 бронзовых знаков
Не работает, но я уже решил оставить так как есть.
8 фев 2014 в 19:14
Оставил вот такой скрипт: ` .txt-logo < color: rgba(0,0,0,0.6); text-shadow: 2px 2px 3px rgba(255,255,255,0.1); font-size: 26px; margin-left: 6%; text-decoration: none; >`
8 фев 2014 в 19:15
@cnofss, а с каких пор код CSS называется скриптом? Может это какие-то новые веяния в верстке, а я и не знал . -)
9 фев 2014 в 3:25
Ну что вам конкретно надо вниз опустить? Текст ссылки? Если да, то может вам попробовать отдельное правило для ссылки? .txt_logo a < display: block; margin:16px auto 0 auto; >
9 фев 2014 в 5:56
Вот этот вариант работает 😀
9 фев 2014 в 9:06
Margin не сработал по причине того что тег a является inline он по умолчанию не может двигаться вверх или вниз ОТСТУПАМИ.
Отсюда можно сделать вывод, если хотим сделать отступ сверху нужно чтобы элемент перестал быть inline. Например так:
display: inline-block; margin-top: 100px; Так же мы можем позиционировать элемент относительно экрана/родителя/своего места в DOM. с помощью (пример позиционирования элемента относительно родителя, у родителя тоже должен быть position: relative):
position: absolute; top: 100px; left: 5px; Так же мы можем сдвинуть элемент с помощью трансформаций например(сдвинуть по Y Элемент относительно своего места в DOM):
transform: translateY(-50px); Как поднять текст вверх в html
Для смещения слов в тексте, можно использовать CSS свойство vertical-align . В качестве значения, это свойство может принимать не только значения в виде слов, но и пиксели, проценты и другие доступные единицы. Так, например, выставив положительное значение мы можем поднять часть букв, или часть слов вверх относительно остального текста.
Пример текста class="up">где часть слов class="up">будут подняты
p /* Сделаем текст крупнее чтобы лучше видеть разницу */ font-size: 20px; > .up vertical-align: 15px; > каким образом опустить текст в нужное место в css??
мой сайт [ссылка заблокирована по решению администрации проекта] текст в блоках опустить не могу («меню сайта»»добро пожаловать»,»вперёд на поиски») подскажите как это сделать. (ответы только строго касающиеся темы)
ОЧЕНЬ ПРОШУ ОТВЕТЫ ПИСАТЬ ПО СОБСТВЕННОМУ ОПЫТУ А НЕ ДЕЛИТЬСЯ ССЫЛКАМИ!!
Голосование за лучший ответ
Вот так нужно работать с атрибутом DIV.
И так чтобы переместить блог DIV нужно ввести координаты
Например введем в СSS так:
div.block1 <
margin-top: 50px;
margin-left: 200px;
>
Ну а дальше какие атрибуты нужно то и добавляешь.
Ну а в HTML
коде это будет выглядеть так:
Твой текст.
Ну а теперь объясню как это работает.
Атрибут margin-top указывает расстояние между верхней частью экрана и блога с текстом.
Ну в margin-left указывает расстояние между левым частей экрана и блога с текстом.
Как опустить текст вниз блока div?
Всем привет! У меня есть блок div в котором содержится текст. Каким атрибутом CSS можно опустить этот текст вниз блока?
Заранее спасибо!
. согласен с 1 ответом.
padding-top или margin-top
Если перенести текст вниз, как при нажатии клавиши Enter, то можно просто вставить
Если оставить DIV на месте, никуда его не перемещая, то для внутреннего его содержимого отступы будут прописаны однозначно только свойством : PADDIND. Для того, чтобы отступ был снизу, то padding-bottom: значение;
Как опустить текст вниз блока div?
Всем привет! У меня есть блок div в котором содержится текст. Каким атрибутом CSS можно опустить этот текст вниз блока?
Заранее спасибо!
. согласен с 1 ответом.
padding-top или margin-top
Если перенести текст вниз, как при нажатии клавиши Enter, то можно просто вставить
Если оставить DIV на месте, никуда его не перемещая, то для внутреннего его содержимого отступы будут прописаны однозначно только свойством : PADDIND. Для того, чтобы отступ был снизу, то padding-bottom: значение;
HTML изображение и текст
Посмотрим, как разместить текст слева или справа изображения.
В предыдущем уроке мы рассмотрели метод вывода HTML изображения с расширением .jpg на web-страницу и то, как установить дополнительное расстояние между ним, и текстом. Продолжим наше знакомство с тегом и особенностями его взаимодействия с элементами текста.
Навигация по странице
- Текст вверху, внизу, по центру изображения на HTML странице сайта
- HTML изображение слева – текст справа
- HTML изображение справа – текст слева
Текст вверху, внизу, по центру изображения
| Текст вверху изображения Текст по центру изображения Текст внизу изображения |
Атрибуты и значения
- align=»top» – выравнивает изображение и текст по верху.
- align=»middle» – выравнивает изображение и текст по центру, по вертикали.
- align=»bottom» – выравнивает изображение и текст по низу.
Н апомню, что для web применимы изображения трех форматов: PNG (.png), JPEG (.jpg) и GIF (.gif).
Обратите внимание на способ подгрузки изображения: ../images/2121.png . Во-первых, использован формат PNG (.png). Во-вторых, изображение находится в отдельной папке, то есть документ у меня в одной папке, а изображение в другой. В таких ситуациях очень важно правильно указать путь от документа к подгружаемой картинке, что и было сделано: первые две точки .. определяют выход из папки где находится документ (все уроки, они же страницы, они же документы курса по HTML у меня находятся в одной папке, CSS – в другой, изображения – в третьей и так далее); /images/ – не что иное, как название папки с изображениями, а 2121.png – полное имя файла самого изображения.
HTML изображение слева – текст справа
| Изображение обтекает текст слева Изображение обтекает текст слева Изображение обтекает текст слева Изображение обтекает текст слева |
HTML изображение справа – текст слева
| Изображение обтекает текст справа Изображение обтекает текст справа Изображение обтекает текст справа. Изображение обтекает текст справа. Изображение обтекает текст справа. Изображение обтекает текст справа. Изображение обтекает текст справа |
Автор проекта — Вася Митин | Дата публикации: Октябрь 2009 | Обновление: Ноябрь 2018
HTML изображение 
HTML изображение, текст 
HTML верстка сайта
© 2009 — 2023 | При использовании материала, ссылайтесь на мой сайт!
По всем вопросам обращайтесь: go@ab-w.net | HTML изображение, текст? – Не вопрос!
Как поднять текст вверх в html
Для смещения слов в тексте, можно использовать CSS свойство vertical-align . В качестве значения, это свойство может принимать не только значения в виде слов, но и пиксели, проценты и другие доступные единицы. Так, например, выставив положительное значение мы можем поднять часть букв, или часть слов вверх относительно остального текста.
Пример текста class="up">где часть слов class="up">будут подняты
p /* Сделаем текст крупнее чтобы лучше видеть разницу */ font-size: 20px; > .up vertical-align: 15px; > Как спустить текст вниз?
Скрипт написан здесь Блок на css Я вставил туда ссылку и у меня щас пробелма. Я сделал этот блок высотой 50px и щас мне надо опустить на 16px. Я сделал margin-top: 16px; но не работает. (header — это тот самый стиль блока; txt-logo — стили текста)
Как мне опустить текст вниз?
Отслеживать
задан 8 фев 2014 в 14:58
380 1 1 золотой знак 4 4 серебряных знака 19 19 бронзовых знаков
Не совсем понятно, что вам требуется получить?
8 фев 2014 в 19:04
2 ответа 2
Сортировка: Сброс на вариант по умолчанию
.txt-logo < color: rgba(0,0,0,0.6); text-shadow: 2px 2px 3px rgba(255,255,255,0.1); font-size: 26px; margin-left: 6%; // зачем если все равно обнуляете в конце? text-align: center; text-decoration: none; margin: 0; padding-top: 16px; // может это вам надо? >Отслеживать
ответ дан 8 фев 2014 в 19:02
2,542 13 13 серебряных знаков 12 12 бронзовых знаков
Не работает, но я уже решил оставить так как есть.
8 фев 2014 в 19:14
Оставил вот такой скрипт: ` .txt-logo < color: rgba(0,0,0,0.6); text-shadow: 2px 2px 3px rgba(255,255,255,0.1); font-size: 26px; margin-left: 6%; text-decoration: none; >`
8 фев 2014 в 19:15
@cnofss, а с каких пор код CSS называется скриптом? Может это какие-то новые веяния в верстке, а я и не знал . -)
9 фев 2014 в 3:25
Ну что вам конкретно надо вниз опустить? Текст ссылки? Если да, то может вам попробовать отдельное правило для ссылки? .txt_logo a < display: block; margin:16px auto 0 auto; >
9 фев 2014 в 5:56
Вот этот вариант работает 😀
9 фев 2014 в 9:06
Margin не сработал по причине того что тег a является inline он по умолчанию не может двигаться вверх или вниз ОТСТУПАМИ.
Отсюда можно сделать вывод, если хотим сделать отступ сверху нужно чтобы элемент перестал быть inline. Например так:
display: inline-block; margin-top: 100px; Так же мы можем позиционировать элемент относительно экрана/родителя/своего места в DOM. с помощью (пример позиционирования элемента относительно родителя, у родителя тоже должен быть position: relative):
position: absolute; top: 100px; left: 5px; Так же мы можем сдвинуть элемент с помощью трансформаций например(сдвинуть по Y Элемент относительно своего места в DOM):
transform: translateY(-50px);