Mithgol

Перенастроить конвертер или вообще выбросить его напрочь, а генерировать другим.

Попробуйте генератор на белке-шрифтелке в режиме Expert, не забыв задать «Custom Subsetting» правильно.

Одно или даже два свойства можно записать и в одну строку, ничего страшного в этом не будет.

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

Свойство «box-shadow» может иметь несколько значений, перечисляемых через запятую, и тем можно создать несколько теней у одного и того же элемента. Первая тень является верхнею в смысле взаимного наложения их друг на друга.

См. также подробности на английском языке в MDC.

Начнём с того, что раз уж речь идёт о переключении классов, то уместно сразу все стили записать в CSS:

.bImg { /* сюда вписываем стиль обычного div */ }
.vImg { /* сюда вписываем стиль div, жмякнутого мышою */ }

Для элементов <div> после этого достаточно указывать классы (class="..." вместо style="...").

Затем при помощи библиотеки jQuery можно немало упростить себе задачу.

Во-первых, можно сделать проще HTML-код:

1. Не придётся вписывать в него обработчики onclick, потому что они будут назначены позже, джаваскриптом.
2. Не придётся и вписывать в него id, так как jQuery исполняет обработчики в контексте элементов: this указывает в обработчике на жмякнутый элемент.

Было так:

<div id="1" style="b-img" onclick="kodimg(id)">...</div>
<div id="2" style="b-img" onclick="kodimg(id)">...</div>
<div id="3" style="b-img" onclick="kodimg(id)">...</div>
<div id="4" style="b-img" onclick="kodimg(id)">...</div>
<div id="5" style="b-img" onclick="kodimg(id)">...</div>

Стало так:

<div class="bImg">...</div>
<div class="bImg">...</div>
<div class="bImg">...</div>
<div class="bImg">...</div>
<div class="bImg">...</div>

Во-вторых, желаемое достигается простым JS-кодом для jQuery:

$(function(){
   // после загрузки документа назначаем обработчики событий:
   $('div.bImg').click(function(){
      // в обработчике делаем две вещи:
      // 1) находим предыдущий жмякнутый div, отменяем жмякнутость
      $('div.vImg').removeClass('vImg').addClass('bImg');
      // 2) свежежмякнутому div придаём жмякнутость
      $(this).removeClass('bImg').addClass('vImg');
   });
});

Как ужé говорилось выше, хороший перенос блочных элементов на новую строку может быть достигнут применением строчного блока. Рекомендую для этой цели использовать нижеследующий код строчного блока, вполне испытанный многомесячным применением его в одном из основных CSS-файлов в «Традиции», русской энциклопедии:

/*  {{Строчный блок}}
 *  http://habrahabr.ru/blogs/css/96152/
 *  ↑ http://www.smashingmagazine.com/2010/06/10/50-new-useful-css-techniques-tools-and-tutorials/
 *    ↑ http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/
 *      ↑ первоисточник
*/
.lineBlock {
   border: 0; margin: 0.3em 0.15em; padding: 0;
 
   display: -moz-inline-stack; /* ← Firefox 2 backwards compatibility */
   display: inline-block;
   vertical-align: top;
 
   /* ↓ IE6 & IE7 «hasLayout» voodoo */
   zoom: 1;
   *display: inline;
   /* ↑ IE6 & IE7 starhack ← http://www.ejeliot.com/blog/63 */
}

Как видите, этот код составлен по принципам, обеспечивающим обратную совместимость с Firefox 2 и IE 6 и 7.

Если рамка внешнего блока не будет совершенно прилегать ко границам внутренних строчных блоков, тогда непременно попробуйте и внешний блок также оформить в качестве строчного блока, то есть и ему назначить класс «lineBlock», описанный вышеприведённым CSS-кодом.

Можно сделать менее резкою границу между текстом и фоном, если придать тексту тень при помощи text-shadow.

WebKit (Safari, Chrome) и Firefox поддерживают свойство text-rendering.

У меня мобильник HTC Desire, снабжённый некоторой версией Android. Производитель сперва выпустил обновление, а затем на некоторое время сокрыл его от общественности, но посредством особливого сочетания клавиш всё же можно было войти в режим, позволяющий наложить обновление (заранее предусмотрительно выкачанное) прямо с флэшёвой карточки (а не через эфир с отдалённого сайта). Этот режим предназначен для работников сервисных центров.