Верстка рамки с двумя блоками

346
14 мая 2017, 23:46

Подскажите, как можно сверстать данный элемент? красным отмечены два блока в которых будет находиться form.

Answer 1

Основная идея такая:

.container { 
  background-image: url('https://i.stack.imgur.com/cxTYY.png'); 
  width: 241px; 
  height: 283px; 
  position: relative; 
  color: #fff; 
} 
.first-form { 
  width: 114px; 
  height: 43px; 
  background-color: blue; 
  position: absolute; 
  top: 127px; 
  left: 65px; 
} 
.second-form { 
  width: 74px; 
  height: 41px; 
  background-color: green; 
  position: absolute; 
  top: 217px; 
  left: 84px; 
}
<div class="container"> 
  <form class="first-form">Форма №1</form> 
  <form class="second-form">Форма №2</form> 
</div>

READ ALSO
Увеличить размер шрифта поочерёдно

Увеличить размер шрифта поочерёдно

Как увеличить размер шрифта поочерёдно? Например, у меня есть 4 тега <p> с текстом внутриЯ хочу, чтобы у первого элемента размер шрифта был...

331
Лого форума на движке XenForo 1.5.13

Лого форума на движке XenForo 1.5.13

Как сделать так чтобы лого у всег отображалось одинаковоЧтобы оно автоматический растягивалось и не размывалось, как буд-то делаешь это...

389
Text-shadow отступ по оси х

Text-shadow отступ по оси х

Добрый деньСтолкнулся с такой проблемой

336
Массовый UPDATE в MySQL для нескольких условий

Массовый UPDATE в MySQL для нескольких условий

Пытаюсь реализовать массовый UPDATE, но не могу понять как его сделать для нескольких условийСейчас данный запрос выполняется в цикле

351