Форум программистов
 
Контакты: о проблемах с регистрацией, почтой и по другим вопросам пишите сюда - alarforum@yandex.ru, проверяйте папку спам! Обязательно пройдите активизацию e-mail.

Вернуться   Форум программистов > Web > HTML и CSS
Регистрация

Восстановить пароль
Повторная активизация e-mail

Ответ
 
Опции темы
Старый 22.09.2018, 15:37   #1
Sonya123456789
 
Регистрация: 20.06.2018
Сообщений: 5
Репутация: 10
По умолчанию Как объединить Логотип и текст

Хочу чтобы Логотип стоял с лева а текст справа НА ОДНОМ УРОВНЕ а так у меня логотип стоит слева-сверху а текст с права снизу.
HTML!

Код:

<heder>
<div class="conteiner">	
<img src="img/logo.png" alt="" class="logo"> /*Логотип*/
	<nav>
		<ul class="wraper">
			<li>
				<a href="#">Новости</a>
			</li>

			<li>
				<a href="#">Магазин</a>
			</li>

			<li>
				<a href="#">Правила</a>
			</li>

			<li>
				<a href="#">Группа VK</a>
			</li>

			<li>
				<a href="#">Форум</a>
			</li>

			<li>
				<a href="#">Регистрация</a>
			</li>			
	
			<li>
				<a href="#">Авторизация</a>
			</li>
</ul>
</nav>
</div>
	</header>

Пожалуйста, оформляйте Ваш код согласно правилам.

CSS!

Код:

body{
margin: 0;
padding: 0;
}

div{
	box-sizing: border-box;
}

header{
background: url(../img/fon.png);
width: auto;
}

.conteiner{
width: 930;
margin: auto;


}


.logo{
padding: 0;
margin: 0;	


  margin-left: 145px;
  margin-top: 45px;
  
	}





nav{
display: flex;
justify-content: flex-end;


}

.wraper li {

color: #fff;
display: block;

padding: 6px;

}

li a{
color: #fff;
text-decoration: none;
text-transform: uppercase;
font-size: 16px;


}


.wraper{

padding: 0;
margin: 0;

  margin-right: 145px;
  border: 1px solid #fff;


  display: flex;
 flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 30px;
  


}


Последний раз редактировалось Вадим Мошев; 22.09.2018 в 17:45.
Sonya123456789 вне форума   Ответить с цитированием
Ответ

Опции темы

Ваши права в разделе
Вы не можете создавать новые темы
Вы не можете отвечать в темах
Вы не можете прикреплять вложения
Вы не можете редактировать свои сообщения

BB коды Вкл.
Смайлы Вкл.
[IMG] код Вкл.
HTML код Выкл.

Быстрый переход

Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как объединить текст в кавычках и вне кавычек? ДимаДК Общие вопросы C/C++ 8 05.10.2014 16:48
Как закрепить логотип на одном месте {Shadowevil} HTML и CSS 4 04.03.2013 12:59
Новый логотип России: как Вам это нравится? Blondy Свободное общение 28 13.08.2012 05:23
Объединить в MemoryStream форматированный текст и изображение Zerofill C++ Builder 0 11.05.2011 23:02


15:29.


Powered by vBulletin® Version 3.8.8 Beta 2
Copyright ©2000 - 2018, Jelsoft Enterprises Ltd.

RusProfile.ru


Справочник российских юридических лиц и организаций.
Проекты отопления, пеллетные котлы, бойлеры, радиаторы
интернет магазин respective.ru