Хочу себе сделать стиль элементов формы как здесь. Как такое сделать. Без jqTransform?

Прочитала http://vremenno.net/html-css/cross-browser-font-face/
Кажется, все сделала, правильно. А Опера 10(!) не ест шрифты…
Остальные браузеры съели.
Вот сайт, где это не работает: www.taijiquan-spb.ru
Помогите разобраться, пожалуйста. Где «напортачила»?
Вот, фрагмента CSS:
@font-face
{
font-family: EpsilonCTT;
src: url('tj-epsilon-webfont.eot');
src:
local(EpsilonCTT),
url('tj-epsilon-webfont.ttf') format('truetype'),
url('tj-epsilon-webfont.svg') format('svg'),
url('tj-epsilon-webfont.woff') format('woff'),
url('EpsilonCTT.otf') format('opentype');
}
шрифты лежат в том же каталоге, что и .css

как указать :hover состояние для такого импута?

чтоб картинка с xxx.gif поменялась на yyy.gif ???
заранее благодарен

Доброго времени суток.
Ковыряясь с формами возник вопрос:
на многих сайтах видел прием когда импуту(текст) ставится валуе...допустим импут поля логин с валуе "имя пользователя"...так вот когда ставишь курсов на поле это значение исчезает и вводиш свои данные...но если использовать только параметр валуе данные остаются...догадываюсь что не обошлось без js
так вот как реализовать такие вещи?

Нужно сделать такой iframe чтобы при добавлении контента на странице(подключенной через iframe) iframe прокручивался увеличивался. Возможно ли? Если да, то как?

Как правильно начать верстать шаблон? Что в самом начале прописать в CSS ? Как правильно использовать блочную конструкцию?(сложное позиционирование)

Доброго времени суток.
на сайте есть красивая форма.
все кнопки были оформлены как рисунки:

<input type="image" src="images/save.png" name="action" value="save" title="Сохранить" />
<input type="image" src="images/edit.png" name="action" value="edit" title="Правка" />

Появилась необходимость добавить кнопку сброса...
Собственно вопрос как ее сделать рисунком??? чтобы не выделялась из оформления страницы???

Есть файл его размер больше 550x450px нужно уменьшить до 550x450px. Как?
Вставляю так:

<object width='550' height='400'><param name='movie' value='http://sentement.pp.ru/swf/freerider.swf'></param><embed src='http://sentement.pp.ru/swf/freerider.swf' type='application/x-shockwave-flash' width='550' height='400'></embed></object>

Когда так вставляю уменьшается как бы окно через которое видно флешку а сама не уменьшается.

В общем делаю вот таким способом две колонки одинаковой высоты:

Текст1
Текст2

.cols{
overflow:hidden;zoom:1;
}
.col1, .col2{
padding-bottom:10000px;margin-bottom:-10000px;
}
в эти колонки вложены дивы с бордюром, верхняя и боковые отображаются. А нижняя естественно уезжает очень далеко :) Так вот думаю, как бы сделать что этот див тоже растягивался, только нормально... К js прибегать не хочется :)

Недавно рылся в инете и наткнулся на такой сайт и забалдел от меню) Хочу себе такое, как сделать?