Jump to content

regina68

Newbie
  • Posts

    4
  • Joined

  • Last visited

Everything posted by regina68

  1. обертку убрала а как мне мне сделать позиции картинки right: 30px top: -30px; И почему не понимаю картинка выпала из потока
  2. Подскажите пожалуйста, у меня почему то не работает команда relative Не получается сделать шапку сайта, элементы не позиционируются правильно а картинка выпадает из контейнера. Вот код https://jsfiddle.net/regina68/p30780r8/
  3. Вот сделала только не знаю как картинки прикрепить https://jsfiddle.net/5ak88vjf/
  4. Подскажите пожалуйста пытаюсь сделать вот такой макет делаю на 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>
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy