Простая верстка для хедера

Решено n-seo
(@n-seo)

6 лет, 1 месяц назад

Здравствуйте.
Я такой себе верстальщик, вот создал себе сайт но не могу в ряд выставить иконки соц сетей и телефон, как мне все это сделать?
Вот код:

<div class=»row»>
<div class=»social»>

</div>
<div class=»tel»>
(+38 096) 95-63-381
</div>
<div class=»mail»>
nazar.znj@gmail.com
</div>
</div>

Просмотр 4 ответов — с 1 по 4 (всего 4)

Автор n-seo
(@n-seo)

6 лет, 1 месяц назад

http://www.seo.ck.ua/ вот сайт
O
(@perdyllo)

6 лет, 1 месяц назад
Это решается с помощью СSS. Но для того чтобы справиться с вашей задачей не нужно быть верстальщиком и разбираться в хитростях CSS. Во всех современных темах есть визуальный раздел в настройщике для добавления иконок соц сетей. В разных темах это решено по разному, но такая возможность есть всегда.
- Ответ изменён 6 лет, 1 месяц назад пользователем O.
- Ответ изменён 6 лет, 1 месяц назад пользователем O.
wpgear
(@wpgear)

6 лет, 1 месяц назад
вместо вашего блока <div class="row">...</div>

например так:
```
<div class="xrow">
	<div class="social">
		<a href="https://www.facebook.com/profile.php?id=100004765214337&ref=bookmarks" target="_blank" style="float: left;"><img src="/wp-content/uploads/logos/fc.png" border="0"></a>
		<a href="https://vk.com/id192061689" target="_blank" style="float: left;"><img src="/wp-content/uploads/logos/vk.png" border="0"></a>
	</div>
	<div class="tel" style="float: left; margin-left: 5px;">
		<a href="tel:">(+38 096) 95-63-381</a>
	</div>
	<div class="mail" style="float: left; margin-left: 5px;">
		<a href="">nazar.znj@gmail.com</a>
	</div>
</div>
```
А вы точно SEO и Администрированием сайтов занимаетесь, как у вас написано?
Автор n-seo
(@n-seo)

6 лет, 1 месяц назад
спасибо вам
- Ответ изменён 6 лет, 1 месяц назад пользователем n-seo.

Просмотр 4 ответов — с 1 по 4 (всего 4)

Тема «Простая верстка для хедера» закрыта для новых ответов.