Комментарии

.button {
    font-size: 1em;
    text-decoration: none;
    display: block;
    float: inherit;
    padding: 3px 5px 3px 20px;
    background-color: #FAFAFA;
    border-color: #DDD;
    border-style: solid;
    border-width: 1px;
    width: 100px;
}

.sub {
    font-size: 7px;
    display: block;
    float: left;
    padding: 2px 0 2px 0;
    color: #FFF;
    text-decoration: none;
    background-color: #90CAFF;
    border-color: #50AAFF;
    border-style: solid;
    border-width: 1px;
    margin-right: 3px;
    width: 15px;
    text-align: center;
}
<a class="sub">.sub</a> <a class="button">.button</a>

• Поделиться
• Tweet

← Вернуться к журналу «Радиоволна»

• 

  Радиоволна
  у меня маленькая выполняла функцию плюса/минуса в дереве каталогов
  
  
• 

  Simba
  Радиоволна, забыл ещё какой-нибудь фреймворк для javascritp :)
  а 2 раза ссылку писать не интересно, есть способы изящнее ;)
  
  
• 

  Радиоволна
  ну ты сделай ее ссылкой - будет активная )
  а в ие6 не только это не работает )))
  давай ) php5+smarty+xhtml+css2 )
  
  
• 

  Simba
  Не катит: в IE6 просто не работает как задумалось, в FF если делать именно кнопкой (ссылкой) область с "иконкой" не активная, либо 2 раза ссылку писать.
  Давай второй вариант :) Открываем школу CSS+XHTML-мастеринга?)
  
  
• 

  Радиоволна
  можно на кнопку слева сверху добавлять какой-нить ярлычок )
  тестил правда только в фф и сафари
  
  

• GITS
  чет я смысла не понял ). обычно так тени делают. накладывая тот же шрифт но немного по темнее с небольшим смещением относительно основного. а у тебя что? )