regina68
-
Posts
4 -
Joined
-
Last visited
regina68's Achievements
Explorer (1/14)
0
Reputation
-
обертку убрала а как мне мне сделать позиции картинки right: 30px top: -30px; И почему не понимаю картинка выпала из потока
-
Подскажите пожалуйста, у меня почему то не работает команда relative Не получается сделать шапку сайта, элементы не позиционируются правильно а картинка выпадает из контейнера. Вот код https://jsfiddle.net/regina68/p30780r8/
-
Вот сделала только не знаю как картинки прикрепить https://jsfiddle.net/5ak88vjf/
-
Подскажите пожалуйста пытаюсь сделать вот такой макет делаю на bootstrup Не знаю как сделать левой фон, он отличается от правого.Лево и право продолжение center. width 100% ————————————————————— ! top.jpg ! ————————————————————— ! ! header ! ! ! left.jpg ! center.jpg ! right.jpg ! ! ! ! ! ! fluid ! fixed - 960px ! fluid ! ————————————————————--! ! ! ! ! ! ! text ! ! ! ! ! ! ! ! ! ! !————————————————————-! Вот мой код левый фон не смогла сделать.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link rel="stylesheet" href="css/bootstrap.min.css"> <title>Document</title> <style> html { width: 100%; height: 100%;}body{ width: 100%; height: 100%; background-color: #E4E4E4;}.cont0{width: 100%;}.cont1{width: 960px; }.fonright{margin-top: 77px;background: url(images/right.jpg) repeat-x; min-height:213px;}.fontop{background: url(images/top.jpg) repeat-x; min-height:77px;}.whight {background-color: #FFF;}.text{margin-top: 0px;}.header1{position: relative;margin-top: -213px;} </style></head><body > <div class="container-fluid fontop" > <div class="row"> <div class="col-xs-12 fonright" > top </div> </div> </div> <div class="container cont1"> <div class="row"> <div class="col-xs-12 "> <div class="header1"> <img class="pull-left" src="images/centr-1.jpg" /> <img class="pull-right" src="images/centr-2.jpg" /> </div> </div> </div></div><div class="container cont1"> <div class="row"> <div class="col-xs-12 "> <div class="text whight"> text <br> text <br> text <br> text <br> </div> </div> </div> </div> </body></html>