Предыдущая страница реферата | 1  2  3  4  5  6  7  8 | Следующая страница реферата

 padding:0 0 0 9px;

 }

#header a {

 display:block;

 background:url("left.gif")

 no-repeat left top;

 padding:5px 15px 4px 6px;

 }

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

#header li {

 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");

 }

Рекомендуем скачать другие рефераты по теме: доклад, контрольные работы 2 класс.





Предыдущая страница реферата | 1  2  3  4  5  6  7  8 | Следующая страница реферата