Разместить текст внизу по середине страницы HTML/CSS
Может быть на этот вопрос есть где-то ответ, но я ничего не нашел. Я делаю простенький сайт, можно сказать для изучения основ веб-программирования. Появилось желание сделать что-то типа текста копирайта, типа (c) CoolPerson — 2020 , и нужно разместить его снизу, по середине страницы как это делают обычно на сайтах. В гугле искал, текст размещался в снизу в углу, а мне нужно снизу и по середине. Есть возможность это сделать?
Отслеживать
11.5k 4 4 золотых знака 22 22 серебряных знака 38 38 бронзовых знаков
Как переместить текст вниз страницы в html
Пользователь
Регистрация: 11.08.2009
Сообщений: 55
Как разместить текст внизу страницы по центру
Как разместить текст внизу страницы по центру? Нужно на html.
Уже не удобно спрашивать, но надеюсь в очередной раз на помощь.
Форумчанин
Регистрация: 10.01.2011
Сообщений: 112
верстка табличная или дивная?
попробуй
margin: 0 auto;Для спасибо весы слева
Пользователь
Регистрация: 11.08.2009
Сообщений: 55
Дивная. Не помогает.
Форумчанин
Регистрация: 10.01.2011
Сообщений: 112
полный код смотреть нужно или ссылку
Для спасибо весы слева
Пользователь
Регистрация: 11.08.2009
Сообщений: 55
Интересует пример с размещением копирайта в не табличной форме с помощью position.
Пользователь
Регистрация: 11.08.2009
Сообщений: 55
Должно в теории быть элементарно, но что-то я голову ломаю и не понимаю
Форумчанин
Регистрация: 10.01.2011
Сообщений: 112
left: 50%;Для спасибо весы слева
Пользователь
Регистрация: 11.08.2009
Сообщений: 55
Спасибо! Работает)))
Форумчанин
Регистрация: 10.01.2011
Сообщений: 112
Для спасибо весы слева
Для спасибо весы слева
Участник клуба
Регистрация: 23.07.2007
Сообщений: 1,054
text-align:center;Писано по д’Эльфийски
| Похожие темы | ||||
| Тема | Автор | Раздел | Ответов | Последнее сообщение |
| Как правильно разместить текст на сайте. | XYLIGANXYL | HTML и CSS | 5 | 30.01.2011 04:20 |
| разместить таблицу по центру! | ny6asik | Помощь студентам | 4 | 24.10.2010 20:31 |
| как получить текст HTML страницы | пауэрлифтинг | Работа с сетью в Delphi | 4 | 16.03.2010 13:42 |
| Как прочесть текст с html-страницы? | Poseydon | Общие вопросы C/C++ | 8 | 10.11.2009 22:19 |
| Необходимо разместить таблицу по центру страницы | Никки | HTML и CSS | 1 | 10.02.2009 23:26 |
Расположить текст внизу страницы!
Использую этот стиль, однако он выводит текст в нижний правый угол, как это мне надо, однако если высота страницы превышает разрешение экрана текст остаётся там же не опускаясь вниз страницы . как решить эту задачу!
1 2 3 4 5 6 7 8 9 10 11 12
style type="text/css"> #copyright < position: absolute; bottom: 1em; right: 1em; text-align: right; >/style> div id="copyright">Copyright © 2011. All rights reserved/div>
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:
Расположить фиксированное меню под футером и закрепить внизу страницы
Добрый день, я сверстал сайт типа "landing page",но мне надо сделать, так что бы когда пользователь.
Расположить Scroll внизу при открытии окна диалога
Как сделать так как в диалогах в вк, ты открыл диалог. И страница по дефолту внизу находится и ты.
Подвал внизу страницы
Тема дико банальна, но насущна. Сделал подвал по статьям с интернета, подвал прикреплён к низу.
O tempora, o mores!
238 / 172 / 13
Регистрация: 15.01.2012
Сообщений: 681
position: absolute;
и добавьте
overflow:hidden;
Регистрация: 03.06.2011
Сообщений: 44
так а чтобы внизу страницы как сделать! а то так сделал и текс в верхнем правом углу стал отображаться!
O tempora, o mores!
238 / 172 / 13
Регистрация: 15.01.2012
Сообщений: 681
margin-top:100%;
Регистрация: 03.06.2011
Сообщений: 44
не помогет! как то слишком вниз уходит запределы самой страницы, наверно 100% оно берёт не из расчёта страницы, а экрана!
дело в том, что у меня все страницы разной высоты . и поэтому наверно как-то иначе надо прописать . сам весь инет перекопал и ничего толкого ещё не нашёл
Регистрация: 26.09.2009
Сообщений: 298
это все что есть на странице что ли? обычно для таких вот надписей используют футер, который прижат к низу, а там уже извращайся как хочешь способов запихнуть куча будет.
Регистрация: 03.06.2011
Сообщений: 44
а можно примерчик с футером?
Регистрация: 26.09.2009
Сообщений: 298
да пожалуйста
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
html xmlns="http://www.w3.org/1999/xhtml"> head> meta http-equiv="content-type" content="text/html; charset=utf-8" /> title>/title> meta name="keywords" content="" /> meta name="description" content="" /> link rel="stylesheet" href="style.css" type="text/css" media="screen, projection" /> /head> body> div id="wrapper"> div id="header"> /div> div id="content"> /div> /div> div id="footer"> div id="copy"> Copyright © 2011. All rights reserved /div> /div> /body> /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 39 40 41
* { margin: 0; padding: 0; } html { height: 100%; } body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; height: 100%; } #wrapper { min-width: 1000px; margin: 0 auto; min-height: 100%; height: auto !important; height: 100%; } #header { height: 150px; } #content { padding: 0 0 100px; } #footer { min-width: 1000px; margin: -100px auto 0; height: 100px; position: relative; } #copy { padding-right:10px; padding-top:80px; float:right; }
Урок 27. Ссылка «Наверх страницы»
Иногда страница сайта может быть очень длинной. Например, если вы захотите выложить очень много текста. Для возвращения вверх можно воспользоваться колесом прокрутки, или бегунком. Но на многих сайтах для возвращения назад существует соответствующая ссылка или кнопка, нажав на которую, вы даёте команду браузеру и он быстро возвращает страницу в исходное положение.
Подобную ссылку можно прописать минимум четырьмя способами. рассмотрим их преимущества и недостатки.
Пропишем ссылку подобно тому, как прописываются «якоря» для страницы, о которых шла речь в Уроке 16 Выглядеть это будет так:
Вверху страницы вы ставите «якорь». Например, я поставила в него часть заглавия страницы: «В этом разделе. «
Внизу страницы вы помещаете ссылку «НАВЕРХ»:
У этого способа есть один недостаток. Браузеры не всегда адекватно себя ведут с подобными ссылками. Например, если вы наведёте курсор мыши на надпись вверху страницы «В этом разделе» — то скорее всего вы увидите, что помещённая в «якорь» часть фразы начинает отображаться, как ссылка.
Для того, чтобы ничего такого не происходило и не нужно было искать, что бы поместить в «якорь», можно поступить по способу 2.
Можно попробовать просто разместить внизу станицы ссылку вида:
Теоретически, ни один браузер не должен возражать против такого способа и по клику возвращать страницу в исходное положение. Но более надёжно поступить следующим образом, который мы рассмотрим в способе 3.
Разместим внизу страницы ссылку вида:
При данном способе мы задействуем указание на прокрутку-возвращение по клику, где значения (0,0) — это перемотка страницы на указанное количество пикселей по горизонтали и вертикали. Если мы обнулим эти значения, то любой браузер воспримет нашу ссылку как указание вернуться в исходное положение, то есть, на начало страницы. И наконец, чуть отличающийся четвёртый способ.
Этот способ основан на JavaScript и так же, как предыдущий, однозначно работает в любом браузере. В низу страницы, под вашим текстом или картинками вы размещаете следующую конструкцию:
Здесь, как видите, тоже есть указание на то, чтобы прокрутить страницу на указанные пикселы (0,0), которые мы обнуляем и в результате, когда мы нажимаем на данную ссылку, браузер возвращает страницу в первоначальное положение.
Само собой, во всех указанных способах можно вместо слова «НАВЕРХ» расположить картинку, обозначающую возвращение к началу страницы.
Примечание: вместо надписи «НАВЕРХ» (Вернуться к началу, Вверх, К оглавлению и т.п.) вы можете поставить картинку, вписав её код вида