| |
|
|
| | Имеется блок Footer, внутри которого находятся два блока со стилями vertikal и dva. При этом внутри последнего из них имеется еще четыре блока, для которых установлены идентификаторы Copyright, Registration, Creation и Counter. Соответственно, при описании каждого из них я строю длинную цепочку, включающую в себя имена всех классов и идентификаторов, в которые входит данный блок.
Правильно ли это?
/* ФУТЕР ВЦЕЛОМ */
#Footer {overflow:hidden; margin:0 auto; background-size:100% 100%; background-image:url(/my-design/Footer-vertikal.gif);}
/* ФРАГМЕНТ ДЛЯ ФИКСИРОВАНИЯ ВЫСОТЫ */
#Footer .vertikal{float:left; width:1%;}
#Footer .vertikal img {width:100%; height:auto;}
/* ВСЕ ФРАГМЕНТЫ НИЖНЕГО БЛОКА */
#Footer .dva {float:left; width:98%;}
/* КОПИРАЙТ, РЕГИСТРАЦИЯ, СОЗДАНИЕ, СЧЕТЧИК */
#Footer .dva #Copyright {float:left; width:20%; margin-left:0%;}
#Footer .dva #Registration {float:left; width:30%; margin-left:8%;}
#Footer .dva #Creation {float:left; width:40%; margin-left:13%;}
#Footer .dva #Counter {float:left; width:10%; margin-left:13%;}
<div id="Footer">
<div class="vertikal"><img src="my-design/transparent.gif" alt="Высота"> </div>
<div class="dva">
<div id="Copyright">Копирайт</div>
<div id="Registration">Регистрация</div>
<div id="Creation">Создание</div>
<div id="Counter">Счетчик</div>
<div class="clear"></div>
</div> <!-- Конец блока dva -->
</div> <!-- Конец нижнего блока -->
|
| |
| |
|
|
| |
|
|
| |
для: Владимир55
(12.12.2013 в 16:41)
| | | идентификаторы id должны быть уникальными на странице: одно значение id должно однозначно определять один-единственный тег на странице
если вы соблюдаете это правило, то строить "иерархическую цепочку" вам совершенно незачем
последнюю часть ваших стилевых установок тогда можно и НУЖНО сократить до:
/* КОПИРАЙТ, РЕГИСТРАЦИЯ, СОЗДАНИЕ, СЧЕТЧИК */
#Copyright {float:left; width:20%; margin-left:0%}
#Registration {float:left; width:30%; margin-left:8%}
#Creation {float:left; width:40%; margin-left:13%}
#Counter {float:left; width:10%; margin-left:13%}
|
кроме того, лично я являюсь противником бессмысленных символов в коде, поэтому последние (перед закрывающей фигурной скобкой) точки с запятой из кода удалены | |
| |
|
|
| |
|
|
| |
для: яса1
(14.12.2013 в 01:05)
| | | Понятно, большое спасибо! | |
| |
|
|
