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

Логотип и заголовок сайта на разных строках

R_F
На сайте с 24.07.2015
Offline
46
R_F
624

Появилась необходимость добавить логотип к заголовку сайта. Изначально в теме не прописано, что в шапке возможен логотип. Попытался добавить и вот, что получилось:

Собственно кусок кода, куда вставлял:

</head>
<body <?php body_class(); ?>>


<div id="wraper">

<div class="logogran">
<a href="/"title="megium">
<img src="http://megium.ru/wp-content/uploads/2015/12/megium.png" alt="компания Megium" border="0"></a>
</div>

<div class="units-row" style="padding: 30px 25px 30px 25px; margin-bottom:0">
    <div class="unit-73 logo"><h1 style="font-size:46px; text-transform:uppercase; padding:0; color:#333"><?php bloginfo()?>

Как запхнуть их на одну строку? Буду благодарен за помощь.

Comrade_Comm
На сайте с 16.09.2010
Offline
132
Comrade_Comm
#1

запихните их в один класс, сделайте каждый из них списком (<ul><li>) и укажите в css файле стили для него и списка, примерно так:

<div class="logogran">

<ul><li><a href="/"title="megium">

<img src="http://megium.ru/wp-content/uploads/2015/12/megium.png" alt="компания Megium" border="0"></a></li>

<li><h1><?php bloginfo()?></li></ul></div>

slyle.css:

.logogran ul li {

display: inline-block;

list-style-type: none;

...(и остальное по внешнему виду)...

}

Дальше уже по виду того, что получится...

P.S. не прописывайте стили в html файлах..... назначайте классы!

Будет всё! Но когда и у кого - неизвестно!
VertuOzz
На сайте с 20.07.2010
Offline
123
VertuOzz
#2

Присвоить каждому div'у значение float:left

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