привет!
как-то меня веб-колдовство обходило стороной, поэтому не пинайте сильно 
есть "дизайн", т.е. макет сайта в иллюстраторе.
надо сделать из этого сайт.
в принципе из компонентов  (сверху вниз) - 

• шапка с логотипом
• breadcrumbs с позицией на сайте
• основная таблица: страница RTL, поэтому все элементы таблицы идут визуально флипнутые (отзеркаленные)
• в таблице есть только основное меню и articles (статьи, ессно основная статья по умолчанию)
• ну и нижняя часть footer

как основу я взял rhuk_milkyway, и немного сломал ноги :(
вроде бы понимаю как хочется и есть вроде все что нужно, но как-то застрял!
уже второй 3-й день на этом сижу!! ( в принципе были и другие задачи посередине, если грубо то 1.5 дня на это убил)
в чем затрудняюсь:

• как можно узнать как id в css выглядит на сайте, есть какой-то струмент "дибаггинга" ?
• у меня дизайн векторный и прозрачный. прозрачные элементы - "вылезают" из своего места (header) в основную таблицу. хотелось бы их как-то "прилепить", чтобы весь сайт растягивался, а эти элементы оставались на местев правом углу какой-то прозрачной таблицы. 
• я не опытный веб-проггер, и получаю от дизайнера все в формате иллюстратора. потом разрезаю это сам. но дизайн нередко трудно и неудобно разрезать... может не работать с вектором, а с растром ? но тогда что делать с прозрачностью и т.д. ?
• в каком формате графики работаете вы? (я экспортирую в PNG, но я помню со старыми браузерами MSIE 5/6 была проблема с ним)
• сколько вообще времени для "джумлаиста" должно занимать это одевание-раздевание ?

  H E L P  

Добавлено через 8 минут и 15 секунд
только что нашел в хроме inspect element... уже немного лучше...


Это сообщение отредактировал(а) bilbobagginz - 24.3.2010, 08:19

Mozilla Firefox + FireBug - отличная связка для отладки html, css и скриптов. Подробнее - тут и тут.


Не совсем понимаю...


Поскольку изначально графика на сайте растровая, то плолне логично, что Adobe Photoshop как-то для этих целей более близок... Ну, или Adobe Fireworks - редактор, изначально на веб сориентированный. В Photoshop можно экспортировать из Illustrator, в большинстве случаев никаких потерь нету. Но всё это по большому счёту дело владения инструментом и привычки.


Для web графика часто иcпользуется в нескольких форматах сразу:
- в изображениях с простой графикой и малым количеством цветов и их оттенков используется gif или  png;
- в более сложных случаях - фотографии, иллюстрации и т.п. - используют jpg или png тоже.
Прозрачность поддерживается форматами gif и png, при этом второй по качеству однозначно выигрывает. Для поддержки png-прозрачности в старых браузеров существуют разные способы. Например, вот или вот.


Зависит от сложности самого макета и требованиям к гибкости шаблона в будущем...

P.S. На моё скромное мнение, "допиливание" готовых шаблонов, а особенно для Joomla, - труд очень часто не уступающий по затратам времени/сил изучению и созданию шаблона с нуля.

Добавлено через 2 минуты и 53 секунды

Или так, да. ) Для Opera есть Dragonfly, а для IE есть Debugbar.

во-первых, огромная спасибка!   


возможно, что прав, но о прокисшем на полу молоке плакать уже поздно 

во-вторых, я нашел графическую меню, которую сегодня допилю.
в оптимуме (без помех на др. задачи и 100% готовым макетом), на подобную задачу в будущем уйдет пару часов.
т.е. полностью заменить графику.

оказалось фаербага поудобнее хромого: как-то организация данных мне больше нравится.