Участок кода CSS

[Danya]

Вообщем , изучил CSS, но ни разу не видел вот такое
.mbar .mbar .mbar { background-position: 0 -104px; background-repeat: repeat-x; }
и у меня возник вопрос- зачем три раза написано .mbar .mbar .mbar?

 

[Abrogen]

Это стиль элемента с классом mbar в элементе с тем же классом, который лежит в ещё одном эдлементе с таким же классом.
То есть:

  <div class="mbar">
      <div class="mbar">
          <div class="mbar">Blok</div>
      </div>
  </div>

<div class="mbar">Blok</div> - стиль присваивается этому элементу (3-му элементу вложенному в два элемента с тем же классом).

 

[Danya]

Блин ну и запечатали....
Спасибо Abrogen=)
А не подскажешь, как лучше делать... у меня есть движок, и как бы там дизайн прописан, но если я хочу другой дизайн, мне все нафик заново писать? или исправлять подгоняя под свой сайт , что кажется мне намного сложнее?

 

[Pandapunk]

Можешь и заново написать.
Как по мне что-то менять - удобнее,ибо есть эталон, есть с чем сравнивать.

 

[Abrogen]

Danya, наверняка, в вашем движке существует переключатель между шаблонами. Вы можете сделать свой шаблон по типу тех, что уже существует. Рекомендую почитать документацию, если она существует. Сохраните свой шаблон в папку со всеми шаблонами и через администрацию включи свой шаблон.

 

[hackee]

Что за движок?
Вообще под каждый движок нужно подгонять шаблоны с дизайном (везде своя специфика)

Но при знание Css + html не сложно разобраться!

 

[Danya]

Ребят, не подскажите в чем ошибка?
у меня есть код html : <div id="topmenu" class="menu">
<div class="angle_1"></div>
<div class="line_top"></div>
<div class="angle_2"></div>
<div class="angle_3"></div>
<div class="angle_4"></div>
</div>
и есть CSS:
#topmenu {margin-top: 100px;}
.menu { height:100px; width:100%;}
.angle_1 {height: 19px; width:100%; background:url(../images/angle_l_t.png) no-repeat ; float:left;}
.angle_2 {height: 19px; width:100%; background:url(../images/angle_r_t.png) no-repeat 100%;}
.angle_3 {height: 19px; width:100%; background:url(../images/angle_l_b.png) no-repeat ; float:left; margin-top:62px;}
.angle_4 {height: 19px; width:100%; background:url(../images/angle_r_b.png) no-repeat 100%; margin-top:62px ;}
.line_top {height: 19px; width:80%; background:url(../images/line_top.png) no-repeat; margin-left:30px;}

и вообщем вот у меня получается ,что верхний правый угол и левый нижний угол они на разных уровнях...почему? я знаю что код коряво написан, подскажите как лучше пожалуйста...
вот картинка

 

[tigra60]

Откуда такой код?
Закругленные углы на картинках совсем не так делаются.

Для блока .angle_1 задано вообще абсурдное сочетание - width:100%; и float:left;

.angle_2 может быть и прилепился бы к предыдущему в один ряд, если бы у него (angle_1)не была указана ширина 100%.

 

[Danya]

tigra60, вы могли бы наверное сразу и просветить как эти самые углы делаются, просто я нигде не встречал как это делать...и почему абсурдные величины? если вам не трудно объясните пожалуйста...

 

[tigra60]

1 минута в гугле и вот - http://borinets.com/rounded-corners/

почему абсурдные величины?

Что тут еще объяснять? Как может объект обтекать что-либо слева, если он занимает всю ширину?

Кстати, для себя я делаю закругленные углы средствами CSS-3. Кто по каким либо причинам пользуется старьем типа ИЕ-6 получит такую же информацию, но в менее симпатичном виде.

 

[Danya]

спасибо за ответ... жестоко я затупил)