как сделать отступы для полосы?

Bismuth · June 5, 2009

как сделать отступы для полосы? прописываю в 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

Searcher · June 5, 2009

Это свойства для блочного или строчного элемента? К какому тэгу этот класс?

Wind · June 5, 2009

html:

css:

div.some_line {

font-size:0px;

height:Npx;

margin:0px 15px 0px 15px;

background:url(../images/bg.png) top center repeat-x #COLORCODE;

}

=)

Должно работать.

Bismuth · June 5, 2009

Это свойства для блочного или строчного элемента? К какому тэгу этот класс?

к ячейки я хочу сделать полоску, сделал файл 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

psywalker · June 5, 2009

боюсь тут придётся внедрять лишний элемент, а уже ему задавать фон-полоску и отступы, только нужен блочный элемент, чтобы растагивался на всю ячейку

уберите font-size: 0; поставьте больше, поиграйтесь с высотой

Edited June 5, 2009 by psywalker

AjiTae · June 7, 2009

Элементарно:

<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

Bismuth · June 7, 2009

И что вы все заладили со своим 1х1px? 1х1px - это бред убогого маразматика. Для этого есть элементарный цвет - раз. 1х1px вовсе не растягивается, а повторяется, загружая браузер отрисовкой этого пикселя сотни и тысячи раз. Залейте таким пикселем полностью body и оцените прекрасные тормоза.(если конечно у вас не последняя модель турбо-машинки, тогда да - пох)

мне было не нужно заливать весь экран цветом, а только тоненькую полосочку в пиксель и все

короче я разабрался тему можно закрывать

Sign In

как сделать отступы для полосы?

Question

Bismuth

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Searcher

Link to comment

Share on other sites

Wind

Link to comment

Share on other sites

Bismuth

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

AjiTae

Link to comment

Share on other sites

Bismuth

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information