Отцентровать логотип

ST · 25 марта 2012, 23:20:05

При установке рисунка с логотипом (или текстовым названием форума), он выравнивается по левому краю. Что нужно изменить в index.template что бы рисунок логотипа или текстовое название размещалось по центру форума?

Код Выделить

echo !empty($settings['forum_width']) ? '
<div id="wrapper" style="width: ' . $settings['forum_width'] . '">' : '', '
	<div id="header"><div class="frame">
		<div id="top_section">
			<h1 class="forumtitle">
				<a href="', $scripturl, '">', empty($context['header_logo_url_html_safe']) ? $context['forum_name'] : '<img src="' . $context['header_logo_url_html_safe'] . '" alt="' . $context['forum_name'] . '" />', '</a>
			</h1>';

0daliska · 26 марта 2012, 00:41:33

Вариант 1
в index.css найти

Код Выделить

h1.forumtitle {
    float: left;
    font-family: Geneva,verdana,sans-serif;
    font-size: 1.8em;
    line-height: 45px;
    margin: 0;
    padding: 0;
}

и заменить

Код Выделить

float: left;
на

Код Выделить

text-align:center;

либо вариант 2
в указанном выше стиле просто удалить

Код Выделить

float: left; ничего взамен не дописывая, а в предложенном вами коде:

Код Выделить

<h1 class="forumtitle">
заменить на:

Код Выделить

<h1 class="forumtitle" style="text-align:center;">