[greck21]

Здравствуйте.
Я сделал блок меню в фотошопе и незнаю как вставить его на сайт.
Обьясните пожалуйста что делать и желательно выстовите код как он должен выглядеть.
http://bs.moy.su/14.jpg

[Volkodavteua]

Так поняв это сайт винигрет и форум и блог и сайт все в куче)))) Почитай здесь это вроде тебе нада Вёрстка

[Niemans]

По картинке:
Взять блок (ему фон и положение задать), внутри блока кинуть список (ему прописать дисплей блок, ховер, паддинг, и еще что-нибудь для бодрости , ну и не забыть про ie6), ну а заголовок просто h1 и по центру нужным шрифтом.

[Poizonsky]

«Navigation» по центру поправьте.

[iDeViL]

Сделать лучше таблицей. И возможностей больше, и проще. Вверху - шапка с бг (текст кстати, можно как картинку оставить), дальше - режете с помощью slice tool по ячейкам, ставите как бг ячеек, а в сами ячейки - ссылки, можно даже, что при наведении у ссылки бг ставится другим (через css, без ява-скриптс)

[Niemans]

Сделать лучше таблицей. И возможностей больше, и проще.

Можно подробнее?

[iDeViL]

ну...
я бы сделал так.
Если нужно, чтобы блок позиционировал в конкретном месте, впихиваем в див, его двигаем куда нужно (хотя можно и без него обойтись)
Замет сама таблица: (конеретно по этому примеру)
таблица, 3 колонки, 9 строк (в зависимости от кол кнопок, можно вниз будет еще добавлять, а бг делать как у 8 строчки, позже поймете почему).
колонки можно и одну. Это если меню фиксировано и всегда будет таким (т.е. ширина закреплена). цел-стасинг - 0, целпаддинг - 0, целлбордер -0
вверху посередине - картинка, с надписью navigation, причем её низ - там где начинается светлая рамка вокруг ссылок (квадратная),
ну каждые сслыки, вокруг - для дизайна (если статично, то не нужно, можно прямо в ссылки в бг)
Затем задаем каждой ячейке задаем бг (можно через отдельный css, можно через <td style="background-image: *.jpg;">...</td>, зависит опять же от сложности проекта)
Затем пишем в центральные ячейки ссылки, в им нужный стиль (причем можно использовать картинку с текстом, даже ролледимаге, но тогда не нужно присваивать бг ячейкам, в это нет смысла). При наведении поведение ссылки изменить. Например, можно сделать *.png прозрачное стеклянное окошко. При наведении ссылке присваивается бг - эта картинка, при убирании - опять пустой бг. (Работает, только если бг присвоен ячейке, иначе картинка ссылки заменится). Вот так. Преемущество: можно добавлять сколь угодно ячеек, причем это довольно легко делать. Еще преемущество: легко реализовать выпадающие списки. Недостатки: не знаю, просто иногда таблицу сильно калбасит, но проект небольшой сложности - вряд ли вы там столкнетесь с этой проблемой

[Niemans]

имхо списками куда удобнее.

[iDeViL]

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