Z1gnet
-
Posts
304 -
Joined
-
Last visited
-
Days Won
9
Content Type
Profiles
Forums
Calendar
Store
Posts posted by Z1gnet
-
-
Могу сказать что дизай рисовался не под мыло. По хорошему нужно диз переделывать. Ну если сильно захотеть то можно все из разных мелких картинок нарезать (хотя это не есть хорошо), другого способа не знаю. Мое мнение что нужно диз упростить.
-
Вашим способом можна сделать вот таким образом? 793964545.png Только как сделать верхнюю часть фиксированой ?!
не совсем понял что значит "сделать верхнюю часть фиксированой ?"
если нужен такой результат http://prntscr.com/2473c6 ,то решение такое
body{
margin:0;
background:#2A2A2A url(http://image-up.3dn.ru/_ph/1/793964545.png) 50% 0 no-repeat;
}
если нужно что бы по краям был другой фон, типа как тут http://prntscr.com/2474n9 (синий для примера), то нужен еще один блок.
<body> <div class="wrapper"> </div></body>html,body{ height:100%;}body{ margin:0; background:#00f; /* общий фон */}.wrapper{ width:1283px; /* поставил ширину на блок с фоновой картинкой по ширине картинки */ margin: 0 auto; /* отцентрировал блок */ background:#2A2A2A url(http://image-up.3dn.ru/_ph/1/793964545.png) no-repeat; /* задал фон */ height:100%; /* поставил высоту, так как в данном примере высота дива равна 0, потому что в нем нету контента, а так она на всю высоту родителя на который я тоже поставл 100% */} -
не совсем понятна задача. Я вообще непонимаю зачем тебе тут абсолюты... больше конкретики пожалуйста, в идеале хотелось бы код увидеть
absolute - это блок вне потока, как и relative.я бы не согласился что релатив вне потока
-
В каком смысле 2 фона? Если ты имеешь ввиду поставить картинку и остально задить цветом то это очень просто.
background-image:url(/images/image1.jpg); - задаем фоновую картинку
background-color:#f00; - задаем цвет фона.можно скращенную запись background:#f00 url(/images/image1.jpg);
ну а если ты хочешь именно как на кинопоиске то нужно отцентрировать по вертикали картинку и отменить повторение ее, это будет вот так
background:#f00 url(/images/image1.jpg) 50% 0 no-repeat;
Свойство background позволяет ставить их несколько сразу, перечисляя параметры через запятую.
но главное не забывать что это работает только начиная с ие9
-
Если левая колонка будет всегда больше правой, то ты почти все правильно сделал. Нужно просто дать лайаут #site (из-за флоата нарушилса поток) и убрать с него высоту 100%. В результате визуально будет казаться что правая колонка равна левой (при условии что левая выше). Если надо ие7 то на #site дай width:100% (after в ие7 не работает). http://jsfiddle.net/qerzR/2/
Если нужен другой результат - пиши.
-
Нет, так неполучается, всеравно скидывает sidebar вниз!
Вот ссылка на живой сайт:
Точнее через сервис jsfiddle.net , сам сайт пока закрыт.
Посмотрите пожалуйста!
потому что у тебя сайдбар идет по коду ниже чем #maininner. если тебе нужно что бы он так и оставался ниже по коду (с точки зрения СЕО так гараздо лучше) то можно такой вариант
<div id="main"> <div class="main-holder">Content</div></div><div id="sidebar">sidebar</div>#main{ float:left; width:100%;}.main-holder{ margin:0 250px 0 0; background:#f00;}#sidebar{ float:right; width:220px; margin:0 0 0 -220px;} -
Также не понимаю почему при задании высоты,ширины элементу li и правых и левых padding ему же,блок не просто освобождает пространство на эти самые padding вокруг себя,а просто разъезжается и ставится шириной width+padding Им задано inline-block;
тебе нужен не паддинг, а марджин. вот тут почитай http://htmlbook.ru/samlayout/blochnaya-verstka/blochnaya-model
А как-нибудь можно реализовать данный пример использую просто список без вложенных списков?как вариант вставлять пустую li и на нее делать эту линию (хотя не самый лучший)
если есть возможность вешать класс на каждую 4-ю (5-ю) li то от этого класса на :before или :after сделать линию
Не срабатывает margin
in HTML Coding
Posted
так ты ж и говори что по вертикали нужно центрировать. margin:0 auto это же по горизонтали, и он тут совсем не при чем. тут нужны табличные свойства. вот так http://codepen.io/anon/pen/FEawH