Как это свертсать?

Question

[Красный Карат]

В шапке есть у меня вот такой блок с контактами

Как его правильно свертсать? Список исспользовать?

Answer 1

[OKF]

<div class="contacts">
	<div class="contacts_item phone">
		<a href="tel:[phone]">
			<span class="code">8/800/</span> 123-45-67
		</a>
	</div>
	<div class="contacts_item phone">
		<a href="tel:[phone]">
			<span class="code">+7/473/</span> 256-48-38
		</a>
	</div>
	<div class="contacts_item mail">
		<a href="mailto:info@сельхоз-корма.рф">info@сельхоз-корма.рф</a>
	</div>
	<div class="contacts_item callback">
		<a href="#">Заказать обратный звонок</a>
	</div>
</div>

Answer 2

[iBird Rose]

а что сложного?
вот такой html используй и стилизуй:

<ul>
	<li><span>8 /800/</span> 123 45 67</li>
	<li><span>+7 /473//</span> 256 48 36</li>
	<li><i class="icon-mail"></i> <a href="#">info@сельхоз-корма.рф</a></li>
	<li><i class="icon-call"></i> <a href="#">Заказать обратный звонок</a></li>
</ul>

Comments

[Красный Карат]

Да я только учусь. Сам учусь. Живу в маленьком городе. Студий в которые можно было бы попрактиковаться нет. По этому я и не знака как сделать правильно. вариантов много в голове, но хочется чтобы всё было правильно

Answer 3

[Ankhena]

Например, так:

<div class="tel">8/800/<span>1234567</span></div>
<div class="tel">8/800/<span>1234567</span></div>
<a href="mailto:" class="mail">info@</a>
<a href="" class="call">Заказать обратный звонок</a>

Можешь div'ы заменить на span'ы.
Можешь и в список засунуть, только не ясно зачем.

Answer 4

[Денис Букреев]

При чем тут список?
Телефоны отдельно (можно в один блок сунуть оба) от ссылок. ССылки отдельно друг от друга