Форум Сайтостроение Веб-строительство

Вопрос связанный с футером

12
[Удален]
675

Всем привем. Футер не хочет отображаться нормально, из за моих незнаний.

Вообщем, мне необходимо чтобы данный текст сместился и находился в середине.

В стиле прописано:

.copyright {
color: #444;
font-weight: normal;
font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
vertical-align: middle;
}

.copyrigh2 {
float: right;
padding: 0 5px 5px 0;
width: 25%;
text-align: right;
vertical-align: middle;

В футере:

<div id="wrapfooter">
<!-- IF U_ACP --><span class="gensmall">[ <a href="{U_ACP}">{L_ACP}</a> ]</span><br /><br /><!-- ENDIF -->
<span class="copyright">Powered by <a href="http://www.phpbb.com/">phpBB</a>&reg; Forum Software &copy; 2011 Pc-Forums.ru</span>
<span class="copyrigh2">код-liveinternet код-яндексметрики
</span>

Очень надеюсь на помощь.

jpg copy.jpg
flenj
На сайте с 21.07.2010
Offline
59
flenj
#1

ну вроде просто всё

text-align: center;

для

.copyright

Порфолиё /ru/forum/526650 (/ru/forum/526650)
[Удален]
#2
flenj:
ну вроде просто всё
text-align: center;
для
.copyright

Если бы...ставил уже, никаких изменений😡

WebGomel
На сайте с 29.10.2011
Offline
78
WebGomel
#3
Seo-top:
Если бы...ставил уже, никаких изменений😡

Для .copyright допишите display:block; и он станет по центру

Правда счётчики немного сместятся, но их уже проще будет выровнять, я бы там использовал position:absolute;

Удалённый системный администратор ( https://remadmin.com )
[Удален]
#4

Да никак, хоть убейся. Сделал, никакой реакции.

Я немного неправильно написал: в футере вот так:

<div id="wrapfooter">
<!-- IF U_ACP --><span class="gensmall">[ <a href="{U_ACP}">{L_ACP}</a> ]</span><br /><br /><!-- ENDIF -->
<span class="copyright">Powered by <a href="http://www.phpbb.com/">phpBB</a>&reg; Forum Software &copy; 2011 Pc-Forums.ru
<span class="copyrigh2">код-liveinternet код-яндексметрики

Тоесть после pc-forums.ru нету </span>, а если его поставить, то выходит так:

jpg copy1.jpg
AlExTeam
На сайте с 12.08.2010
Offline
34
AlExTeam
#5

вам надо вот этот класс <div id="wrapfooter"> обработать.

Ну и флоаты потом прибрать.

Internet killed the video star
[Удален]
#6

У меня там сейчас так:

#wrapfooter {
clear: both;
text-align: center;

Не подскажите что необходимо добавить?

AlExTeam
На сайте с 12.08.2010
Offline
34
AlExTeam
#7

сцылу дайте на страницу, проверю стрекозой.

TakingBackMySoul
На сайте с 09.11.2011
Offline
65
TakingBackMySoul
#8

за счет того, что у вас span со счетчиками занимает 25% окна, span'у с копирайтами остается всего лишь 75%, хотя для центрирования нужны все сто.

Поэтому выравнивайте его к середине через margin-left, либо убирайте счетчики в position:absolute и двигайте уже их... и вообще закройте тег span... и я бы на вашем месте использовал div...

Как получить расширенный сниппет Google позволил вебмастерам настраивать Emoji в SEO, или
[Удален]
#9
AlExTeam:
сцылу дайте на страницу, проверю стрекозой.

http://pc-forums.ru/

TakingBackMySoul:
за счет того, что у вас span со счетчиками занимает 25% окна, span'у с копирайтами остается всего лишь 75%, хотя для центрирования нужны все сто.
Поэтому выравнивайте его к середине через margin-left, либо убирайте счетчики в position:absolute и двигайте уже их... и вообще закройте тег span... и я бы на вашем месте использовал div...

Спасибо, щас буду шаманить.

Abed
На сайте с 08.11.2011
Offline
39
Abed
#10

Никогда не понимал анти-эстетизм, когда правая (или левая) часть перегружена счётчиками. Счётчики красивы по центру под копирайтом через один br.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий