Расположение top_line

Статус
В этой теме нельзя размещать новые ответы.
Сообщения
345
Реакции
77
Помог
14 раз(а)
Приветствую.
Помогите пожалуйста расположить top_line по центру.
Из-за того, что у не авторизованных пользователей отсутствует часть кнопок - top_line съезжает
Намудрил я знатно в коде, знаю

Код:
.top_line{
    position: relative;
    width: 800px;
    margin: 0 auto;
    min-height: 10px;
}

Код:
.logo {
    float: left;
    text-decoration: none;
    line-height: 45px;
    color: #FFF;
    font-family: "Ubuntu Condensed",sans-serif;
    font-size: 30px;
    text-shadow: 0px -1px rgba(0, 0, 0, 0.8);
    white-space: nowrap;
    outline: none;
    margin: 0px 0 0 325px;
}

Код:
<div class="header">
    <div class="top_line">
        <a title="{site_name}" class="logo" href="/">{site_name}</a>

Код:
<div class="header">
    <div class="top_line">
        <a title="{site_name}" class="logo" href="/"><h1>{site_name}</h1></a>
        <nav class="menu">
            <ul id="nav">
                {menu}
            </ul>
        </nav>
        <div class="clear"></div>
    </div>
</div>
<div class="breadcrumb_wrap">
    <div class="wapper">
        <div class="user_info">
            <a href="">
              <img border="0" src="">
          </a>
          </div>
        <ul>
            <li class="active">{page_name}</li>
        </ul>
    </div>
</div>
<div class="wapper">
    <div class="content">
        <div class="left_block">

Вкратце, нужно сделать так, чтобы выравнивание шло по центру, независимо от кол-ва кнопок


Снимок.PNG
Снимок2.PNG
 
Последнее редактирование:
Сообщения
2,144
Реакции
1,223
Помог
44 раз(а)
Попробуй:
<div class="top_line">
->
<div class="top_line t-c w-100">

и

<a title="{site_name}" class="logo" href="/"><h1>{site_name}</h1></a>
->
<a title="{site_name}" class="logo ma-0" href="/"><h1>{site_name}</h1></a>

P.S. не бейте палками, я не силен в css)
 
Последнее редактирование:
Сообщения
345
Реакции
77
Помог
14 раз(а)
Minni, Ничего не вышло...
Давай попробуем найти вариант с изначально написанным кодом (без моих :wacko: наработок)
Цель: вывести блок с кнопками в центр (в нашем случае topline) ((при любом кол-ве кнопок он должен находится в центре)) и вывести в центр текст (logo), который должен находится над блоком с кнопками (topline)

Код:
.header  { 
    min-height: 69px;
}

.top_line{
    position: relative;
    width: 1200px;
    margin: 0 auto;
    min-height: 5px;
}

Код:
.logo {
    float: left;
    text-decoration: none;
    line-height: 45px;
    color: #FFF;
    font-family: "Ubuntu Condensed",sans-serif;
    font-size: 30px;
    text-shadow: 0px -1px rgba(0, 0, 0, 0.8);
    white-space: nowrap;
    outline: none;
    margin-top: 10px;
}
.logo h1 {
    margin: 0px;
    padding: 0px;
    float: left;
    text-decoration: none;
    line-height: 45px;
    color: #FFF;
    font-family: "Ubuntu Condensed",sans-serif;
    font-size: 30px;
    text-shadow: 0px -1px rgba(0, 0, 0, 0.8);
    white-space: nowrap;
    outline: none;
}


Код:
<div class="header">
    <div class="top_line">
        <a title="{site_name}" class="logo" href="/">{site_name}</a>
        <nav class="menu">
            <ul id="nav">
                {menu}
            </ul>
        </nav>
        <div class="clear"></div>
    </div>
</div>
<div class="breadcrumb_wrap">
    <div class="wapper">
        <div class="user_info">
            <a href="">
              <img border="0" src="">
          </a>
          </div>
        <ul>
            <li class="active">{page_name}</li>
        </ul>
    </div>
</div>
<div class="wapper">
    <div class="content">
        <div class="left_block">

Код:
<div class="header">
    <div class="top_line">
        <a title="{site_name}" class="logo" href="/">{site_name}</a>



Один раз получилось сделать, чтобы в двух случаях блок был в центре, но это без лого, как только выставил лого - все поломалось...
 
Сообщения
345
Реакции
77
Помог
14 раз(а)
Неактуально. Можно закрывать
 
Статус
В этой теме нельзя размещать новые ответы.

Пользователи, просматривающие эту тему

Сейчас на форуме нет ни одного пользователя.
Сверху Снизу