ShumNo

папка images скорее для примера. css тоже надо подключать если картинки у вас почти на каждой странице то имеет смысл стили перенести в общий файл стилей для сайта. как подключается стили и скрипт к картинкам смотрите файл index того что вы скачали. Ну и более чем уверен что для джумлы есть готовые плагины если вам это надо на поток. ... как интересно ваш сайт предлагает услуги по созданию сайтов?

я один не понял при чем тут dreamweaver ?

Увы но система генерирует одинаковые свойства для множества разных элементов и без вложенности увы ни как или ковырять систему что не вариант. слегка тормознутость анимации уже понял. тормозит из-за графического простого фона, но что-то есть еще. Принцип понять не могу, если страница уже отрисовалась, то почему же при (допустим)избыточности кода и стилей это влияет на производительность скрипта и анимации Спасибо за ответы Сейчас еще покручу вдруг чего найду. Мой вопрос может и не вопрос вовсе на современных пк и даже не очень современных ни каких тормозов пользователь не увидит, но вот для пентиумов 3 будет уже сильно заметно картинку увы 100 на 100 не сделать можно только 992 на 10 попробовать. но думаю проблема совсем не в этом она же когда отрисовалась находится на одном месте и не претерпевает каких бы то ни было изменений, а анимация заметно подтормаживает и естественно проц на 100% на секунду пока идет анимация (слайдер) без стилей проц где-то в районе 90-95% для сравнения а на пустой странице 85-90%

Отключение стилей дало результат. плавность анимации заметно подросла после отключения стиля .bgcont { background:#EEF1F7 url(images/bg.png) center repeat-y; display:inline-block; width:992px; } это контейнер с контентом и фоновой картинкой в 1 пиксель растягивающийся на высоту контента

например такие селекторы #news-block_1 h2 {font-size:1.9em;font-family: 'lucida grande', Arial, sans-serif;font-weight:100;color:#487302;padding-bottom:18px;background:#FFF url(images/news.png) no-repeat;padding-left:30px;padding-top:9px;margin-left:10px;} штук 15 таких Кстати сразу вопрос есть ли разница расписывать отступы как 0 0 0 0; или же для каждого писать left top и т.д кроме размера файла встречаются такие #menu-jmenu ul li a {display:block; padding:4px 10px 4px 10px; float:left; color:#FFF;} На странице порядка 70-100 div конструкций что в общем-то немного в css порядка 250 селекторов Вариант попробовать отключать группы селекторов в css и смотреть на результат. лишь бы только планомерно не вырастала производительность у скрипта

Нет под пустой страницей я подразумевал, что там находится только динамическая часть без всех остальных элементов на странице. Сейчас немного потестировал еще и тормозит не верстка html а стили к ней так как если стили отключить то плавность анимации возрастает и видно это хорошо. В моем случае таблиц на странице 1-2 формы отсутствуют как и фреймы. Быть может есть свойства для стилей которых лучше использовать поменьше?

это скругление углов для части браузеров FF и сафари вроде

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

psywalker Так к слову в менюшке косяк есть - при попытке перейти на 3-й уровеню меню - меню исчезает

Ой спасибо вот только там откуда-то появляется отступ сверху... Хотя нее это глюк фаербага)

С помошью ul и li Различных менюшек в том числе на голом css много вот например возьмите отсюда и посмотрите как и чего http://www.cssplay.co.uk/menus/

Имеем примерно такой код - 2 блока друг за другом Контейнер в нем еще один в котором лежит картинка и текст. <div class="clearcont"> <div class="maincont"> <p><img class="imgmini" src="/путь/001.jpg" width="369" height="276" /></p> В наших справочных центрах вы сможете больше узнать о продуктах Google и найти решение практически любой проблемы. </div> </div> <div class="clearcont"> <div class="maincont"> <p><img class="imgmini" src="/путь/001.jpg" width="369" height="276" /></p> В наших справочных центрах вы сможете больше узнать о продуктах Google и найти решение практически любой проблемы. </div> </div> стили .imgmini {float:left;} .clearcont {clear:both; padding-bottom:20px;margin-bottom:20px;} Стиль к контейнеру основному заставляет не обтекать его чем либо. А стиль к картинке обтекать ее справа внутри 2-го конта А теперь вопрос: у нас к главному конту стоит отступ и паддинг и маргин вниз на 20 пикселей каждый от конта. То есть в итоге должен быть отступ 40 пикселей или хотябы 20!!! но ни в FF ни в хроме этого отступа нет вообще, а считает браузер его от конца текста, а так как картинка у нас в высоту превышает высоту текста, то в итоге имеем то, что имеем - что делать? Ребят помогите пожалуйста Для большей картины залил картинку

Не ни каких горизонтальных полос не будет просто картинка вся не будет показываться а только тот участок который охватывает разрешение монитора. Вот пример innocentvillagefete.com фоновое изображение прилеплено к левому краю. вернее их там 2 нижнее и верхнее. При изменении разрешения экрана в сторону увеличения появляется остальнаячасть А вот пример как фоновое изображение статично, а верстка резиновая thestaffrepublic.com

Нету тупых вопросов или умных. Распределяются они по сложности: простая реализация или сложная. Есть несколько решений данного вопроса. Можно сделать картинку перетекающую в фон (то есть картинка справа например заканчивается монотонным цветом позволяющий элегантно переводить его в фон и фон уже тянуть сколько угодно) Можно картинку иметь такую которая тянется не искажаясь А можно иметь статичную которая не тянется но всегда показывается одинакового размера, а все остальное растягивается Тут рядом где-то обсуждалось это Добавлю еще. мне всех больше нравится это ставить картинку скажем 1920 пикселей по ширине и размещать по центру. Более 1900 пикселе мониторов не так много ведь. Многие используют сей метод

Это конечно можно но это уже два блока. Я почему подумал раз для бекграунда это можно делать то может можно и для бордера. Вкладывать один в другой не интересно проще сделать бордер графический тогда и сдвинуть. ясно я понял бордер сам не двигается. а жаль

Имеем блок в стилях к блоку выставлен border-right. Вопрос: реально ли этот бордер сдвинуть сверху внизу не двигая сам блок? Типа как бекграунд к картинке где можно не добавлять дополнительное свойство а прямо указать в текущем сдвиг куда либо

Таблица ни чем не лучше

psywalker спасибо за пример но JS использовать в этом случае нельзя так как он у многих отключен по умолчанию, например, у меня. Надо попробовать сделать таблицами... может получится. или перейти к крайнему варианту - использовать несколько шаблонов

Да, макет рабочий за исключением двух вещей: Вещь первая блоки левый и правый идут первыми, чем блок с контентом, тем самым всякая фигня, что у нас в блоках приобретает больший вес при ранжировании, чем непосредственно контент Вторая он резиновый, а вот как бы его сделать фиксированным. Может кто не понял мою мысль за чем это надо так я расскажу, может и проще реализация есть, тогда подскажите. Представьте управлении cms изнутри мы выбрали какой-то блок и поставили его в левую колонку и контентная часть должна автоматически уменьшится, а если наоборот убрали правый блок, то контент должен заполнить освободившееся пространство. Вот я и спросил как это выглядит в коде. Мысли что-то не приходят

Да, может это и вариант, просто использовать таблицы, просто я забыл как они работают P.S а шо большая буква Т нормально меня вовсе и не раздражает я даже не заметил) какое тут неадекватное поведение ?

Подскажите хоть в каком направлении ваять, а то мой мозг не догадывается увы Или ну ево в баню и сделать шаблоны для разделов... но это худший вариант

Предположим есть 3 колонки в контентной части макета не важно какие, но для примера код html <div id="middle"> <div id="container"> <div id="content"> Content: </div> </div> <div class="sidebar" id="sideLeft"> Left Sidebar: </div> <div class="sidebar" id="sideRight"> Right Sidebar: </div> </div> css #middle { width: 100%; height: 1%; } #middle:after { content: '.'; display: block; clear: both; visibility: hidden; height: 0; } #container { width: 100%; float: left; overflow: hidden; } #content { padding: 0 270px 0 320px; } #sideLeft { float: left; width: 300px; margin-left: -100%; position: relative; background: #B5E3FF; } #sideRight { float: left; margin-right: -3px; width: 250px; margin-left: -250px; position: relative; background: #FFACAA; } Задача следующая. Предположим у нас исчезнет левый блок или правый, каким образом сделать, чтобы центральная часть автоматически растянулась на всю ширину (подразумеваю заполнение левой или правой части центральной)? Подскажите пожалуйста

Не совсем вопрос по верстке, но так как я зарегистрирован только на одном форуме хоть как-то связанном с этим вопрос то вот: Имеем .htaccess с Options +Indexes показом файлов в этой директории для кодировки добавляем (долго искал) IndexOptions Charset=windows-1251 все замечательно показываются русские буквы кроме одного. Фаерфокс при нажатии на файл с русским название предлагает его точно так же и сохранить с тем же именем файла и в браузере он показывается в строке url как: http://sait/имя файла.расширение Другие же браузеры (пробовал оперу ИЕ8 и гугл) в имени файла перекодируют русские буквы в другие символы и при скачивании имя файла принимает нечитабельный вид и сохраняется с таким же не читаемым видом. Как быть? Есть ли вариант какой Да и еще в довесок, та же штука, но уже относится ко всем браузерам. Если перейти в папку, которая имеет русские буквы, то путь, который отображается на самой странице принимает вот такой вид "%d0%9d%d0%be" и т.д есть ли пути решения? Благодарю

Так как я еще ни разу еще и не дизайнер, то в коде у меня идет полет мысли. Верстаю верстаю верстаю потом смотрю что вышло. Может есть какой анализатор кода, которые бы подсвечивал куски html и стилей где у IE отличное поведение или возможны сюрпризы в том числе и для оперы - тоже строптивый сильно. А вообще беда IE не в самом IE. Все браузера, как браузеры выпускают за место старой версии обновление для новой и через пару месяцев старой сборкой уже ни кто не пользуется, а у эти криворукие за чем-то отдельную программу пишут и как пить дать новый код и новые баги. Да если бы они 10 лет оптимизировали IE6 эта была бы конфетка!!! Мне кстати он нравился своим дизайном и простотой

Я ни разу не верстальщик, но иногда верстаю себе разные небольшие сайты. И вот картина значит сверстаю под FF все отлично всем доволен. Открываю в опере и довожу некоторые отклонения и делаю небольшие компромиссы, чтобы в обоих браузерах было одинаково. Далее открываю в IE и тут беда - все пропало все уехало и ничего нет. Как вы правите верстку под это? я даже пытаюсь понять чего не так ему и не получается. Может есть какие-то инструменты, которые бы указали бы на слабые места? Или может запретить пользователям IE заходить на сайт вообще... за чем такие нерадивые