harrids

The following properties apply to column and column-group elements:

• 'border'
  
• 'background'
  
• 'width'
  
• 'visibility'
  

http://www.w3.org/TR/CSS21/tables.html#columns

Функцию-хелпер написать, что-нить типа:

void doWeirdStuff(index)
{
  for (var i=0; i<n; ++i)
  {
	document.getElementById("sel"+i).style.display = "none";
  }
  document.getElementById("sel"+index).style.display = "block";
}

И ее вызывать:

switch (val)
{
  case 'test': doWeirdStuff(0); break;
  case 'bla': doWeirdStuff(1); break;
  case 'pre': doWeirdStuff(2); break;
}

И, кстати, вместо

case 'test': onChange=document.getElementById("sel1").style.display = "block";
case 'test': onChange=document.getElementById("sel2").style.display = "none";
case 'test': onChange=document.getElementById("sel3").style.display = "none";
break;

можно писать

case 'test':
	onChange=document.getElementById("sel1").style.display = "block";
	onChange=document.getElementById("sel2").style.display = "none";
	onChange=document.getElementById("sel3").style.display = "none";
	break;

for (var i=2; i<n; ++i)
{
  document.getElementById("sel"+i).display="none";
}

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

jCarousel

option.selected?

select.selectedIndex?

Семантики 0.

Конкретно?

Макет отсюда: http://forum.htmlbook.ru/index.php?showtopic=14398

Результат: http://harrids.com/projects/orange/

Замечания, пожелания, баги?

Надо, Федя, надо!

может кто нибудь подсказать есть ли такая книга в переводе?

нету

p.s. И не Кох вовсе, а Коч. Питер-Пол Коч )

А че это за формула такая?

На дисконтирование похоже)

Что-нибудь типа текущей стоимости денежного потока.

У студентов местных спроси, расскажут.

HTML & XHTML: The Definitive Guide, 6th Edition By Bill Kennedy, Chuck Musciano

Платформа? Оффлайн клиент планируется?

Начинающего верстальщика возьмете?)

рекурсивно содержит

Откуда терминология такая интересная, не поделитесь?)

Вообще, лично я не считаю это проблемой, но многих это почему-то раздражает)

Единственное (вроде) решение - это заставить скроллбар отображаться все время.

А сделать это можно кучей способов)

Можно, например, использовать html { overflow-y: scroll; }, но не валидно, и в опере появляется еще и горизонтальный скролл.

Можно html { height: 101%; }, можно html { min-height: 100%; margin-bottom: 1px; }.

В общем, надо эксперементировать) Работает везде по разному.

3. Шрифты в левой и правой колонке должны быть жирными.

Да где там жирный-то)? Тыкаю в фотошопе на текст - он мне пишет Arial, Regular, 14 pt. У меня плохая карма?

Эээ, я что, так хреново объясняю? )

Основной контент шириной 922px у тебя отцентрован этой штукой: margin:0 auto;, так?

При появлении скроллбара (22 пикселя что ли) уменьшается ширина рабочей площади, соответственно весь контент, чтобы по прежнему быть по центру, сдвигается влево на 11 пикселей.

Странно, но я не центровал...

#wrapper {
margin:0 auto;
width:922px;
}

твой ведь код?)

Хм... начит контент меняет ширину div'a?

Это на каком разрешении?

Да ничего он не меняет)

Разрешение 1280x1024

Страница с продукцией полностью помещается на экран, с новостями - не входит по вертикали, появляется скроллбар.

Код не смотрел, предполагаю что отцентровано, вот оно и скачет туда-сюда.

При переходе по страницам, верстка прыгает. Перерыл всё... вроде всё жестко зафиксил, всё равно прыгает.

скроллбар появляется, вот и прыгает.

Не согласен насчет "ужасов" class="clearfix" и иже с ними. Не увидел ни одного конкретного аргумента против, одни эмоции и голословные утверждения.

Зачем нужны селекторы классов? Чтобы улучшить reusability кода. В чем смысл задавать, скажем, десятку элементов одно и то же правило, плодя тем самым не нужный код? А если я захочу его потом скорректировать? Бегать по всем? Ctrl+H? А ведь при использовании классов все правится в одном месте.

Можно группировать селекторы, скажите вы? Да, можно, отвечу я) Тут уже на вкус и цвет.

В общем, либо конкретные drawback'и, либо didn't happen.

Павел Билькис, psywalker, спасибо!

psywalker'у отдельное спасибо за развернутый комент)

Ну и по пунктам:

1) Если честно, в упор не вижу где. Единственное, где отошел, это заголовкам в правой колонке сделал 48px, чтобы с текстом под лупой одинаково было.

2) Да кстати, забыл про это упомянуть) Градиент там какой-то странный - вырезать так, чтобы замостилось без стыков, проблематично. А всю полоску вырезать как-то некошерно) Поэтому остановился на таком варианте.

3) Последствия оптимизации) Имхо, 170кбайт экономии стоили того. Плюс, не понял про тень - вроде все в соответствии с макетом.

4) Ооочень долго размышлял на эту тему, но так и не смог заставить себя делать самый обычный текст картинками. Когда вижу подобные вещи, внутри меня что-то умирает

В принципе, можно подобрать более подходящий шрифт на замену, но я в типографии не силен)

5) Почему? Имхо, блок с флоатами не должен надеяться на то, что кто-то после него сделает clear.

6) А пример?)

7) Вроде пофиксил, про расширение не понял, вроде нормально было. Кстати, пока фиксил, заметил другой баг - если сделать размер текста меньше среднего, то при растягивании страницы больше max-width'a начинает двигаться футер) После обновления страницы встает на место.

8) Да, долго искал подходящего решения, но так и не нашел - ввиду того, что колонки переставляются местами отрицательными маргинами, постоянно возникают непонятные для меня траблы) В общем, надо будет поплотнее поизучать проблему)

Открыли лотерею :|

http://habrahabr.ru/special/ie8/

http://habrahabr.ru/special/ie8/lottery/

Сабж.

Макет здесь: http://forum.htmlbook.ru/index.php?showtopic=13276

Результат тут: http://harrids.com/projects/raira/

Замеченные проблемы:

1. Текст про консультации при наезде на перо становится трудночитаемым. Можно было добавить ему фона или сдвинуть куда-нить, но в обоих случаях выглядит убого, так что оставил как есть).

2. Опять же трабла с верхним текстом - если достаточно сильно увеличить размер шрифта, текст выезжает на нижний блок. Хотел было сделать шапку полностью эластичной, но это большая херь (чернильница) плохо стыкуется с окружающим миром, плюс при использовании пнг с прозрачностью это вылилось бы ~ в 150-200кбайт. Хотяяя, можно было и засунуть ее в <img> и ресайзить вместе с текстом, но как то не хотелось) Приемлемых же способов ресайзить бэкграунд я не нашел, если знаете - поделитесь.

3. Если нету шрифта Monotype Corsiva, будем наблюдать Comic Sans . При этом заголовок "Наш адрес" не влезет в одну строку, а под лупой по-прежнему будет Monotype Corsiva

Вроде ничего не забыл. Приму любую критику)

Уж и не знаю как ещё можно помочь. Вот здесь представленно несколько версток и у каждой футер прижат к низу страницы. Работают во всех браузерах, может это вам поможет.

Думаю за год они уж как-нить разобрались