задания 1, 2 (вёрстка, JS), 5.05.2009

]

Задания 1 и 2.

1. Сверстайте блок, как показано на картинке. Все элементы блока должны быть текстом. Ширина блока - по ширине окна браузера. Весь блок должен масштабироваться при увеличении шрифта и изменении ширины окна браузера. Решение должно быть кроссбраузерным.

2. Сверстайте этот блок таким образом, чтобы все слова были текстовыми ссылками. Также, постарайтесь свести к минимуму использование JavaScript. Решение должно быть кроссбраузерным.
Текст для заполнения. Текст для заполнения. Текст для заполнения. Текст для заполнения. Текст для заполнения. Текст для заполнения. Текст для заполнения. Текст для заполнения. Текст для заполнения. Текст для заполнения. Текст для заполнения. Текст для заполнения. Текст для заполнения. Текст для заполнения. Текст для заполнения. Текст для заполнения. Текст для заполнения. Текст для заполнения. Текст для заполнения. Текст для заполнения. Текст для заполнения. Текст для заполнения. Текст для заполнения. Текст для заполнения.

Результат: (1-е) использовано известное решение из http://users.cosmostv.by/rmaksim/coding/float/float.html ; (2-е) решение вообще не требует JS, если ничего более не подразумевается в задании.
Примечания: текстовые ссылки свёрстаны с выравниванием по 2 типам ориентиров: по центру и по левому краю. Решение имеет различного рода особенности и недостатки, их проявление зависит от контекста. Проверено в FF2, IE6, Opera 9.24.