Задать вопрос
@3dben3dben3dben

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

В шапке есть у меня вот такой блок с контактами
963059570c1b4f6db34a77ccfe3550e4.jpg
Как его правильно свертсать? Список исспользовать?
  • Вопрос задан
  • 463 просмотра
Подписаться 1 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
  • beONmax
    Курс HTML / CSS
    1 месяц
    Далее
  • Бруноям
    Вёрстка на HTML и CSS
    3 месяца
    Далее
  • Международная Школа Профессий
    Онлайн-курсы HTML и CSS для начинающих
    3 недели
    Далее
  • Stepik
    Основы вёрстки с HTML и CSS
    1 неделя
    Далее
  • beONmax
    Верстальщик сайтов - HTML, CSS, Bootstrap, JavaScript
    1 месяц
    Далее
Решения вопроса 3
@OKF
<div class="contacts">
	<div class="contacts_item phone">
		<a href="tel:88001234567">
			<span class="code">8/800/</span> 123-45-67
		</a>
	</div>
	<div class="contacts_item phone">
		<a href="tel:+74732564836">
			<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>
Ответ написан
Комментировать
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
а что сложного?
вот такой 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>
Ответ написан
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
Например, так:
<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'ы.
Можешь и в список засунуть, только не ясно зачем.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
При чем тут список?
Телефоны отдельно (можно в один блок сунуть оба) от ссылок. ССылки отдельно друг от друга
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы