Задать вопрос

Евгений Литвинов

Комментарии

  • Дерганый переход слайдов в Slick. Есть ли решение?

    @noahtl Автор вопроса
    Виталий Першин, тогда придется перезалив темы делать - в прошлый раз попросили, никто так и не ответил на вопрос
    Написано

  • Слайдер сьехал влево. Почему?

    @noahtl Автор вопроса
    Иван Гришов, https://jsfiddle.net/hoyrdLe7/
    тут все работает +- адекватно(
    Написано

  • Как сделать прозрачность через блок?

    @noahtl Автор вопроса
    Steppp, мне нужно сделать именно текст прозрачным через div с синим фоном. Тоесть что бы я через контуры символов видел саму картинку (растянута под синий div)
    Написано

  • Почему не присваивается свойство color к псевдо-классу :hover в CSS?

    @noahtl Автор вопроса
    забыл кинуть исходник 
    <!DOCTYPE html>
<html lang="ru">
<head>
	<title>Psevdoclasses</title>
	<meta name="Description" content="description">
	<meta charset="utf-8">
	<meta name="Author" content="author">
	<meta name="Keywords" content="Keywords">
	<link rel="stylesheet" href="css/styles.css">
</head>
<body>
	<div class="list1">
		<div class="l1">
			<ul class="ll1">
				<li>Put on this page information about your product    </li>
				<li>A detailed description of your product</li>
				<li>Tell us about the advantages and merits</li>
				<li>Associate the page with the payment system</li>
			</ul>
			<ul class="ll2">
				<li class="rd">Put on this page information about your product</li>
				<li class="rd">A detailed description of your product</li>
				<li class="rd">Tell us about the advantages and merits</li>
				<li class="rd">Associate the page with the payment system</li>
			</ul>
		</div>
	</div>
</body>
</html>

    spoiler

    *{
	padding: 0;
	margin: 0;
	border: 0;
}
*,*:before,*:after{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
:focus,:active{outline: none;}
a:focus,a:active{outline: none;}

nav,footer,header,aside{display: block;}

html,body{
	height: 100%;
	width: 100%;
	font-size: 100%;
	line-height: 1;
	font-size: 14px;
	-ms-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
input,button,textarea{font-family:inherit;}

input::-ms-clear{display: none;}
button{cursor: pointer;}
button::-moz-focus-inner {padding:0;border:0;}
a, a:visited{text-decoration: none;}
a:hover{text-decoration: none;}
ul li{list-style: none;}
img{vertical-align: top;}

h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight: 400;}
/*--------------------*/
body{
	background: #e8e8e8
}
.list1 {
	width: 852px;
	height: 363px;
	padding: 123px 521px 1414px 290px;
}
.l1{
/* Style for "Group 1" */
	width: 629px;
	height: 163px;
}
.l2{
/* Style for "Group 1 co" */
	width: 681px;
	height: 125px;
}
.ll1{
	margin: 0 0 81px 0;
}
.ll1 li:before{
	content: url(img/check_icon.png);
	padding: 0 10px 0 0;
}
.ll1 li{
	white-space: nowrap;
}


.ll1 li:first-child{
/* Style for "Put on thi" */
width: 422px;
height: 19px;
color: #273d46;
font-family: "Arial MT";
font-size: 20px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 36px;
text-align: left;
text-decoration: line-through;
/* Text style for "P, ut on t" */
font-style: normal;
letter-spacing: normal;
line-height: normal;
margin: 0 0 13px 0;
}
.ll1 li:nth-child(2){
	/* Style for "A detailed" */
width: 351px;
height: 20px;
color: #273d46;
font-family: "Arial MT";
font-size: 20px;
font-weight: bold;
font-style: normal;
letter-spacing: normal;
line-height: 36px;
text-align: left;
/* Text style for "A detailed" */
font-style: normal;
letter-spacing: normal;
line-height: normal;
margin: 0 0 16px 0;
}
.ll1 li:nth-child(3){
	/* Style for "Tell us ab" */
width: 354px;
height: 19px;
color: #273d46;
font-family: "Arial MT";
font-size: 20px;
font-weight: 400;
font-style: italic;
letter-spacing: normal;
line-height: 36px;
text-align: left;
/* Text style for "Tell us ab" */
font-style: italic;
letter-spacing: normal;
line-height: normal;
margin: 0 0 17px 0;
}
.ll1 li:last-child{
	/* Style for "Associate" */
width: 513px;
height: 15px;
color: #273d46;
font-family: "Arial MT";
font-size: 20px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 36px;
text-align: left;
text-transform: uppercase;
/* Text style for "Associate" */
font-style: normal;
letter-spacing: normal;
line-height: normal;
}
.ll2{
	white-space: nowrap;
}
.ll2 li:hover:before{
	content: url(img/check_icon1.png);
}
.ll2 li:before{
	content: url(img/check_icon.png);
	padding: 0 10px 0 0;
}


.ll2 li:first-child{
/* Style for "Put on thi" */
width: 421px;
height: 19px;
color: #273d46;
font-family: "Arial MT";
font-size: 20px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 36px;
text-align: left;
/* Text style for "P, ut on t" */
font-style: normal;
letter-spacing: normal;
line-height: normal;
margin: 0 0 13px 0;
}
.ll2 li:nth-child(2){
/* Style for "A detailed" */
width: 331px;
height: 19px;
color: #273d46;
font-family: "Arial MT";
font-size: 20px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 36px;
text-align: left;
/* Text style for "A detailed" */
font-style: normal;
letter-spacing: normal;
line-height: normal;
margin: 0 0 17px 0;
}
.ll2 li:nth-child(3){
/* Style for "Tell us ab" */
width: 356px;
height: 19px;
color: #273d46;
font-family: "Arial MT";
font-size: 20px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 36px;
text-align: left;
/* Text style for "Tell us ab" */
font-style: normal;
letter-spacing: normal;
line-height: normal;
margin: 0 0 17px 0;
}
.ll2 li:last-child{
/* Style for "Associate" */
width: 396px;
height: 19px;
color: #273d46;
font-family: "Arial MT";
font-size: 20px;
font-weight: 400;
font-style: normal;
letter-spacing: normal;
line-height: 36px;
text-align: left;
/* Text style for "Associate" */
font-style: normal;
letter-spacing: normal;
line-height: normal;
}
.rd:hover{
	color: red;
}
.ll2 li:hover{
	text-decoration-color: #f00;
}

    Написано