Реферат: Раздвижные двери CSS

background:url("right.gif")

no-repeat right top;

margin:0;

padding:0 0 0 9px;

}

#header a {

display:block;

background:url("left.gif")

no-repeat left top;

padding:5px 15px 4px 6px;

}

Но и этот вариант нас не устроит, так как левая картинка теперь отодвинута от левого края закладки на 9 пикселей добавленного отступа. Теперь, когда внутренние края левого и правого «дверных проемов» стыкуются друг с другом, нам больше нет надобности держать левую картинку впереди. И мы можем изменить очередность фоновых картинок, применив их к противоположным элементам. Мы также должны поменять картинки и для текущей закладки:

#headerli {

float:left;

background:url("left.gif")

no-repeat left top;

margin:0;

padding:0 0 0 9px;

}

#header a, #header strong, #header span {

display:block;

background:url("right.gif")

no-repeat right top;

padding:5px 15px 4px 6px;

}

#header #current {

background-image:url("left_on.gif");

}

#header #current a {