jaster
-
Posts
17 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Posts posted by jaster
-
-
я не знаю javascript, подскажи сайт для обучения
-
чувак спасибо, но не понял мысль
use only css and html
-
Я хочу сделать проверку формы как в задании http://htmlbook.ru/practical/forma-registratsii, где число с картинки, возможно чтобы это реализовалось только css и html ?
-
-
да,но он задается через тег before что значит до вывода на экран он выводит линию, но потом при выводе блока , тень же должна перекрыть эту полоску, потому что блок появляется позже...так ?
-
можно так http://jsfiddle.net/sensei/jVPa9/1/
Можете прокомментировать ?
-
Имеется два блока, возможно ли убрать рамку снизу, а также тень маленького блока снизу ?Нужно чтобы блок смотрелся как единый целый http://jsfiddle.net/jVPa9/.
-
#triangle-down {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 100px solid red; }
Не могу понять как рисуется треугольник, контент по нулям, слева рамка толщина 50 px, справа 50 px, а сверху в два раза больше, по идее же квадрат рисуется ?
-
Спасибо, я добавил еще два блока, мне нужно чтобы они были также резиновые как и внешний,но когда сужаю окно внутренние блоки выходят за границу внешнего, как это исправить ?
Спасибо, я добавил еще два блока, мне нужно чтобы они были также резиновые как и внешний,но когда сужаю окно внутренние блоки выходят за границу внешнего, как это исправить ?
А если ставлю ширину 100% то блоки сразу торчат снаружи.
-
а разница есть ? я же то же самое задаю при помощи opacity ?
-
Извините за глупый вопрос, но как сделать градиент прозрачным, как только пропишу прозрачность opacity 0.5, блок перестает быть градиентом и закрашивается одним цветом, в гугле не нашел инфу.
Вот ссылка http://jsfiddle.net/RhTUQ/ .
-
Как "убойная сила" http://jsfiddle.net/ESahE/2/
PS: а зачем вы в элемент <p> дивы вставили?
Спасибо, все получилось а почему необходима запись display:inline-block; span же сам по себе является блоком
-
чем он не нормален?
Он курсив а мне надо норм
-
-
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Checkboxes</title>
<style>
.base{
text-transform:none;
color:white;
position:relative;
height:18px;
width:380px;
transform: rotate(0deg) scale(0.885) skew(-19deg) translate(2px);
-webkit-transform: rotate(0deg) scale(0.885) skew(-19deg) translate(2px);
-moz-transform: rotate(0deg) scale(0.885) skew(-19deg) translate(2px);
-o-transform: rotate(0deg) scale(0.885) skew(-19deg) translate(2px);
-ms-transform: rotate(0deg) scale(0.885) skew(-19deg) translate(2px);
background:#878f94;
padding-left:23px;
padding-top:12px;
padding-bottom:12px;
font-size:15px;
}
.in11{
padding:0px;
position:absolute;
height:20px;
width:25px;
background:#51dbb3;
left:160px;
top:12px;
}
.in12{
padding:0px;
position:absolute;
height:20px;
width:25px;
background:#51dbb3;
left:200px;
top:12px;
}
.in13{
padding:0px;
position:absolute;
height:20px;
width:25px;
background:#dbd651;
left:240px;
top:12px;
}
.in14{
padding:0px;
position:absolute;
height:20px;
width:25px;
background:#dbd651;
left:280px;
top:12px;
}
.in15{
padding:0px;
position:absolute;
height:20px;
width:25px;
background:#db8f51;
left:320px;
top:12px;
}
.in16{
padding:0px;
position:absolute;
height:20px;
width:25px;
background:#db8f51;
left:360px;
top:12px;
}
.in21{
padding:0px;
position:absolute;
height:20px;
width:25px;
background:#51dbb3;
left:160px;
top:12px;
}
.in22{
padding:0px;
position:absolute;
height:20px;
width:25px;
background:#51dbb3;
left:200px;
top:12px;
}
.in23{
padding:0px;
position:absolute;
height:20px;
width:25px;
background:#dbd651;
left:240px;
top:12px;
}
.in24{
padding:0px;
position:absolute;
height:20px;
width:25px;
background:#d3d5d4;
left:280px;
top:12px;
}
.in25{
padding:0px;
position:absolute;
height:20px;
width:25px;
background:#d3d5d4;
left:320px;
top:12px;
}
.in26{
padding:0px;
position:absolute;
height:20px;
width:25px;
background:#d3d5d4;
left:360px;
top:12px;
}
.in31{
padding:0px;
position:absolute;
height:20px;
width:25px;
background:#51dbb3;
left:160px;
top:12px;
}
.in32{
padding:0px;
position:absolute;
height:20px;
width:25px;
background:#d3d5d4;
left:200px;
top:12px;
}
.in33{
padding:0px;
position:absolute;
height:20px;
width:25px;
background:#d3d5d4;
left:240px;
top:12px;
}
.in34{
padding:0px;
position:absolute;
height:20px;
width:25px;
background:#d3d5d4;
left:280px;
top:12px;
}
.in35{
padding:0px;
position:absolute;
height:20px;
width:25px;
background:#d3d5d4;
left:320px;
top:12px;
}
.in36{
padding:0px;
position:absolute;
height:20px;
width:25px;
background:#d3d5d4;
left:360px;
top:12px;
}
.cutleft{
height:160px;
width:20px;
background:white;
position:absolute;
left:10px;
top:15px;
}
.cutright{
height:160px;
width:20px;
background:white;
position:absolute;
left:392px;
top:15px;
}
</style>
</head>
<body>
<p><div class="base">Уровень зарядки<div class="in11"></div>
<div class="in12"></div>
<div class="in13"></div>
<div class="in14"></div>
<div class="in15"></div>
<div class="in16"></div>
</div></p>
<p><div class="base">Убойная сила
<div class="in21"></div>
<div class="in22"></div>
<div class="in23"></div>
<div class="in24"></div>
<div class="in25"></div>
<div class="in26"></div>
</div></p>
<p><div class="base">Перезарядка
<div class="in31"></div>
<div class="in32"></div>
<div class="in33"></div>
<div class="in34"></div>
<div class="in35"></div>
<div class="in36"></div>
</div></p>
<div class="cutleft" ></div>
<div class="cutright" ></div>
</body>
</html>[/code/][/spoiler]
Как сделать чтобы ihabn отображался нормальным, а не наклонным.
Форма
in HTML Coding
Posted
http://htmlbook.ru/practical/poshagovaya-forma
Создать форму, где взять картинки для создания, вырезать с psd документа в фотошопе ?