Шапка и логотип сайта сверху слайдера, как сделать?

У него -никакой, у кнопок слайдера z-index: 1;

Шапка и логотип сайта сверху слайдера, как сделать?

Ivan Bogachev,

<header class="main_menu">
		<div class="center">
			<nav>
				<a class="active" href="index.html">Home</a>
				<a href="about.html">About</a>
				<a href="cars.html">Cars</a>
				<a href="services.html"">Services</a>
				<a href="contacts.html">Contacts</a>
			</nav>
			<div class="menu_toggle"><span></span></div>
		</div>
	</header>
	<section class="logo_section">
		<div class="center">
			<a href="" class="logo"><img src="img/logo.png" alt="Logo"></a>
		</div>
	</section>
	<section class="slider">
		<div><img src="img/slide_1.jpg" alt=""></div>
		<div><img src="img/slide_2.jpg" alt=""></div>
		<div><img src="img/slide_3.jpg" alt=""></div>
	</section>

.main_menu{
	background: -webkit-linear-gradient(#e4e4e6,#d6d6d8);
	background: linear-gradient(#e4e4e6,#d6d6d8);
	padding: 11px 0px;
}

.main_menu nav{
	text-align: center;
}

.main_menu nav a{
	font-family: 'Marvel-Bold ';
	font-size: 24px;
	color: #313030;
	text-decoration: none;
	display: inline-block;
	vertical-align: top;
	padding: 5px 25px;
	margin: 0 12px;
}

.main_menu nav a:hover{
	text-decoration: underline;
}

.main_menu nav a.active{
	background: #fdc903;
	cursor: default;
}

.main_menu nav a.active:hover{
	text-decoration: none;
}

.logo_section {
	text-align: center;
	padding: 55px 0px 0px;
}

.slider {
	margin-top: 16px;
}
.slider img{
	max-width: 100%;
}

.slider button {
	position: absolute;
	top:50%;
	margin-top: -31px;
	width: 72px;
	height: 61px;
	background-color: rgba(0,0,0, .35);
	border: 0;
	font-size: 0px;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: center;
	cursor: pointer;
}

.slider button.slick-prev{
	left: 0px;
	background-image: url('../img/prev.png');
}

.slider button.slick-next{
	right: 0px;
	background-image: url('../img/next.png');
	background-repeat: no-repeat;
	background-position: center;
}

.slider button:hover {
	background-color: #fdc903;
}

Gulp в окне команд выводит ошибку, что она показывает?

Егор Живагин: большое спасибо за добросердечность! Но вопрос решил мой учитель через TeamViewer - что -то переписывал в коде минут 25. Конечно я бы не смогла ничего. Всего Вам самого доброго, Егор Живагин! Спасибо за все!

Gulp в окне команд выводит ошибку, что она показывает?

Umbrella Coders: раз вы знаете, так скажите, пожалуйста!

Gulp в окне команд выводит ошибку, что она показывает?

Егор Живагин: Вышло какое-то возмущение )

Gulp в окне команд выводит ошибку, что она показывает?

После npm install вышло вот это

Gulp в окне команд выводит ошибку, что она показывает?

Я проделывала так, догадалась, но второй раз выходит одно и то же.

Gulp в окне команд выводит ошибку, что она показывает?

Спасибо!Опишите, пожалуйста, порядок действий. Я не знаю как это делается!

Gulp в окне команд выводит ошибку, что она показывает?

var gulp = require('gulp');
var rename = require('gulp-rename');
var postcss = require('gulp-postcss');
var autoprefixer = require('autoprefixer');
var nested = require('postcss-nested');
var short = require('postcss-short');
var assets = require('postcss-assets');
var cssnext = require('postcss-cssnext');
var spritesmith = require('gulp.spritesmith');
var browserSync = require('browser-sync');

gulp.task('css', function () {
var processors = [
autoprefixer({browsers: ['last 10000 version']}),
nested,
short,
assets({
loadPaths: ['src/img/'],
relativeTo: './src/css/'
}),
cssnext,
];
return gulp.src('./src/css/postcss.css')
.pipe(postcss(processors))
.pipe(rename('style.css'))
.pipe(gulp.dest('./src/css/'));
});

gulp.task('sprite', function () {
var spriteData = gulp.src('src/img/ico/*.png').pipe(spritesmith({
imgName: 'sprite.png',
cssName: 'sprite.css'
}));
return spriteData.pipe(gulp.dest('src/css/'));
});

gulp.task('default', function(){
gulp.watch('src/css/postcss.css', function(){
gulp.run('css');
});
});

gulp.task('browser-sync', function () {
var files = [
'src/css/postcss.css',
'src/css/style.css',
'src/index.html',
'src/js/scripts.js'
];

browserSync.init(files, {
server: {
baseDir: './src'
}
});
});

Gulp в окне команд выводит ошибку, что она показывает?

emp1re: , пожалуйста,немножко подробно, я не знаю, что это такое :)

Как удалить Browsersync?

iBird Rose: удалить не успела. Увидела, в чем была проблема. У меня было два сайта -один лендиниг, другой -многостраничный. С лендингом этот синхронный браузер очень даже ладил. А вот когда я открыла первую страницу другого , но уже многостраничного сайта с помощью этого браузера, он мне произвел наложение двух index.html файлов этих двух сайтов. (только я узнала об этом в последнюю очередь, когда увидела, что сайт будто сломан). Просто по своей не опытности я не смогла это предотвратить, заметить, что что-то не так. Спасибо Вам огромное за содействие! Слава Богу, у меня была резервная копия этой поломанной странички!

Как удалить Browsersync?

Я нашла проблему! Вообщем, этот чудо-браузер сделал какие-то изменения в 1 странице сайта. Поломана именно она. Всем большое спасибо! Полезные советы от Вас все равно узнала!

Как удалить Browsersync?

файл bs.bat

Как удалить Browsersync?

Да, проблема именно из-за него. Ничего другого я не проделывала.

Как удалить Browsersync?

Сергей: есть отдельный файл для запуска этого браузера, которую нужно запускать, если установлена операционная система Windows, чтобы ничего не прописывать в командной строке. Браузер прекрасно работал, но поломал отображение сайта на стороннем сервере. Короче, видимо мне капец! Ничего другого не делала, просто пользовалась временно, смотрела как все работает. А теперь у меня все сломано.