Bismuth Posted June 5, 2009 Report Share Posted June 5, 2009 (edited) как сделать отступы для полосы? прописываю в CSS вот этот скрипт.bg-p { background-image:url(../images/bg.png); background-position:center; background-repeat:repeat-x; margin-left:15px; margin-right:15px; }все работает, кроме отстопов, где моя ошибка? Edited June 5, 2009 by Bismuth Quote Link to comment Share on other sites More sharing options...
0 Searcher Posted June 5, 2009 Report Share Posted June 5, 2009 Это свойства для блочного или строчного элемента? К какому тэгу этот класс? Quote Link to comment Share on other sites More sharing options...
0 Wind Posted June 5, 2009 Report Share Posted June 5, 2009 html:<div class="some_line"> </div>css:div.some_line {font-size:0px;height:Npx;margin:0px 15px 0px 15px;background:url(../images/bg.png) top center repeat-x #COLORCODE;}=)Должно работать. Quote Link to comment Share on other sites More sharing options...
0 Bismuth Posted June 5, 2009 Author Report Share Posted June 5, 2009 (edited) Это свойства для блочного или строчного элемента? К какому тэгу этот класс?к ячейки я хочу сделать полоску, сделал файл 1х1px формате .png и когда я присваеваю к яйчеке, он растягивается во всю ячейку, а мне нужно чтобы от крайев были отступы...вот картинка для более наглядного примераhtml:<div class="some_line"> </div>css:div.some_line {font-size:0px;height:Npx;margin:0px 15px 0px 15px;background:url(../images/bg.png) top center repeat-x #COLORCODE;}Должно работать.что не работает вообще Edited June 5, 2009 by Bismuth Quote Link to comment Share on other sites More sharing options...
0 psywalker Posted June 5, 2009 Report Share Posted June 5, 2009 (edited) боюсь тут придётся внедрять лишний элемент, а уже ему задавать фон-полоску и отступы, только нужен блочный элемент, чтобы растагивался на всю ячейку уберите font-size: 0; поставьте больше, поиграйтесь с высотой Edited June 5, 2009 by psywalker Quote Link to comment Share on other sites More sharing options...
0 AjiTae Posted June 7, 2009 Report Share Posted June 7, 2009 (edited) Элементарно:<html><head><style type="text/css">div.some_line {font-size:0px;height:1px;margin:10px 15px; /* [ (N/2)px 15px; ] если n/2 не целое, очевидно, что [ (N/2+0.5)px 15px (N/2-0.5)px 15px; ], ну или наоборот */background-color:#000; /* #COLORCODE */;}div.example{width:300px;border:2px solid #909; }</style><div class="example">text text<div class="some_line"> </div>text text</div></body></html>И что вы все заладили со своим 1х1px? 1х1px - это бред убогого маразматика. Для этого есть элементарный цвет - раз. 1х1px вовсе не растягивается, а повторяется, загружая браузер отрисовкой этого пикселя сотни и тысячи раз. Залейте таким пикселем полностью body и оцените прекрасные тормоза.(если конечно у вас не последняя модель турбо-машинки, тогда да - пох) Edited June 7, 2009 by AjiTae Quote Link to comment Share on other sites More sharing options...
0 Bismuth Posted June 7, 2009 Author Report Share Posted June 7, 2009 И что вы все заладили со своим 1х1px? 1х1px - это бред убогого маразматика. Для этого есть элементарный цвет - раз. 1х1px вовсе не растягивается, а повторяется, загружая браузер отрисовкой этого пикселя сотни и тысячи раз. Залейте таким пикселем полностью body и оцените прекрасные тормоза.(если конечно у вас не последняя модель турбо-машинки, тогда да - пох)мне было не нужно заливать весь экран цветом, а только тоненькую полосочку в пиксель и все короче я разабрался тему можно закрывать Quote Link to comment Share on other sites More sharing options...
Question
Bismuth
как сделать отступы для полосы? прописываю в CSS вот этот скрипт
.bg-p {background-image:url(../images/bg.png);
background-position:center;
background-repeat:repeat-x;
margin-left:15px;
margin-right:15px;
}
все работает, кроме отстопов, где моя ошибка?
Edited by BismuthLink to comment
Share on other sites
6 answers to this question
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.