на сайте эппл в колонках слева и справа есть разделители типа <hr>, но не то, т.к. там они тонкие в один пиксель. как правильно можно такой разделитель реализовать без картинок в один пиксель и без таблиц?

И ещё: там в меню текст, который как бы утоплен в кнопки. как достигается такой эффект?

примеры тут: http://www.apple.com/iphone/

У тега p нижняя граница выставлена в 1 пиксель.

Текст утопленный в кнопку делается в фотошопе. Набираешь слово белыми буквами, потом копируешь (дублируешь) этот слой с текстом, меняешь цвет шрифта на черный и смещаешь его на 1 пиксель вверх.

А раделитель можно сделать назначив любому блоковому элементу верхнюю или нижнюю границу стилями.

adebt, спасибо, я думал, что всё же как-то более замудренно.

Podveg Razvedcheka, там текст так стилями сделан как-то, не в фотошопе. как это делать в фотошопе я знаю ))

Born2be писал(а):

там текст так стилями сделан как-то, не в фотошопе. как это делать в фотошопе я знаю ))

Вот тебе "сделанный не в фотошопе текст":



Гугли на тему "css sprites"

Crazy писал(а):

Гугли на тему "css sprites"

вот зря вы это сказали… )

фак, я разочарован ))) просто когда-то где-то в инете видел, что так можно в css )
Crazy, спасибо!
Карамбочка, я обещаю вести себя хорошо

Born2be, можно цсс-ом. Но это гемор, если речь именно об инпутах. С баттонами чуть проще. Но цсс — не рационально, много стилевого кода и хтм, кроссброузерных костылей. Можно и вообще флешем )