noran

Ладно, с этим я разобрался (сделал по другому). Теперь по ходу отладки следующий вопрос: как отодвинуть друг от друга модули, которые вставляются друг за другом в один элемент кода в CMS. Часть кода php куда вкладываются модули: <div id="leftcolumn"> <?php if($this->countModules('left')) : ?> <jdoc:include type="modules" name="left" style="rounded" /> <?php endif; ?></div> И вот внутри слоя "leftcolumn" нужно отодвигать друг от друга модули. В самих модулях я покопался и не понял где можно вставить margin. Вкладывал слой внутрь "leftcolumn" - тоже бесполезно. Как быть ? P.s. Если нужна инфа по структуре модулей, то вот содержимое php модуля 1-го (PHP): // no direct access defined('_JEXEC') or die('Restricted access'); // Include the syndicate functions only once require_once (dirname(__FILE__).DS.'helper.php'); $params->def('menutype', 'mainmenu'); $params->def('class_sfx', ''); $params->def('menu_images', 0); $params->def('menu_images_align', 0); $params->def('expand_menu', 0); $params->def('activate_parent', 0); $params->def('indent_image', 0); $params->def('spacer', ''); $params->def('end_spacer', ''); $params->def('full_active_id', 0); // Added in 1.5 $params->def('startLevel', 0); $params->def('endLevel', 0); $params->def('showAllChildren', 0); require(JModuleHelper::getLayoutPath('mod_mainmenu')); И 2-го (под ним сразу идет) (PHP): // no direct access defined('_JEXEC') or die('Restricted access'); // Include the syndicate functions only once require_once (dirname(__FILE__).DS.'helper.php'); $params->def('greeting', 1); $type = modLoginHelper::getType(); $return = modLoginHelper::getReturnURL($params, $type); $user =& JFactory::getUser(); require(JModuleHelper::getLayoutPath('mod_login'));

Вот так работает в Опере и Мозиле, но не в ИЕ: #woodboard_tl, #woodboard_tr { position: absolute; height:30px; width:30px; top:0px; } #woodboard_tl { left:0px; background:url(../images/druzhina/woodboard_t_l.png); } #woodboard_t { position: relative; height:30px; width:auto; margin: 0 30px 0 30px; background:url(../images/druzhina/woodboard_s_t.png) repeat-x; } #woodboard_tr { right:0px; background:url(../images/druzhina/woodboard_t_r.png); }А по вашему работает в этих же браузерах, кроме ИЕ + середина растягивается от и до не взирая на уголки и margin (наверно потому что нет позиционирования в вашем примере). Расположение слоев в обоих случаях одинаково.

Ну долго сижу, ведь не работает. Это в CMS, я не с 0 верстаю. Там так и было на слоях, но там картинки были одноцветные чуть ли не по пикселю. Свои поставил - началась свистопляска.

Уже прогресс Работает в Opera, FF и не работает в IE7

Вообще-то у меня слой woodboard является резиновым слоем бэграунда для контента, слоем в который вкладываются "уголки, планки и т.п." woodboard_t_l - левый уголок woodboard_t_r - правый уголок woodboard_s_t - резиновая планка между ними Однако я попробовал сделать так, как вы предложили - ведь под woodboard вы имели ввиду именно слой с планкой ? Результат: планка растянулсь на 100%, а уголки легли там где надо. Хотя планка должна растягиваться между слоями с уголками по задумке. Единственный минус это то, что планка проглядывает под уголками (они закруглены). Так что не подходит конструкция.

Неплохо, неплохо. Закругление фотографии, расположение текста + сепараторы, галочки - осовременили страничку, учту А вот как сделать бегущей строке светящийся текст это вопрос... И потом либо рамки подбирать под серый цвет либо наоборот, а найти сочетание не могу (может палитра бедновата в редакторе).

Вот как это выглядит у меня с вашим вариантом (по-сути padding добавился):

Такой вариант ?

Сайт не опубликован, ссылку не могу дать

Ну вот, такой ответ уже более конструктивный, есть над чем подумать Другой шрифт нужен ? Что же такое должно быть внутри чтобы сочетаться с боковинами ? Шрифт можно поменять, но металическое тиснение я незнаю как убрать. Причем оно только в IE. Это шрифт Constantia. У меня Vista, в ней он смотрится красивей чем в ранних системах. Раньше там был шрифт Verdana - округлый такой. Верну его. Надеюсь на полет фантазии читающих, может посоветуют что-нибудь А часы я эти еще когда начинал выдрал откуда-то, так они мне понравились. Вот я и носился с ними, куда бы приткнуть. Совсем плохо ? Дело в том, что сайт кафедры химического факультета и хотелось дать ясный намек на это. Мысль была: как может быть сайт химической кафедры и без формул ? Я их уж подбирал, подбирал. Наверно ничего хорошего не додумаю, только коллективным решением.

Дизайн "вокруг" навеян Windows Vista, все это не резиновое и сверстано давно. Характеристики типо "аля увезите меня в психушку" конечно мнение, но желательно конкретики что не нравится. С такими мнениями сайт не исправишь. Один только человек высказался что буквы объемные не катят. Почему такой "квадрат", потому что намучался с растягиванием всяких блоков под разное расширение экрана, плюнул на все и сделал жестко по 800х600 и сколь угодно выше. А по вариантам фона ничего не сказали

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

Что это за конструкция такая ?: /*<![CDATA[*/ /*]]>*/ И почему нельзя высоту и ширину задавать у каждого слоя, а нужно отдельно ? P.s. Ищу где-то там "выше", но пока не понятно что мешает. Может нужно привести весь CSS ?

Без изменений абсолютно. Может дело где-нибудь в коде ? Страница-то php, шаблон от CMS.

Слушайте, да у вас помоему косяк вон какой. <div id=central align="center"> <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();">Тег, открывающий центральный div лежит перед body. Скорее всего поэтому див не центруется, а остальные ложатся кто куда. Попробуйте переместить его так: <body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" onload="preloadImages();"> <div id=central align="center"> В принципе это leftmargin="0" topmargin="0" marginwidth="0" marginheight="0" не нужно. А потом попробуйте добавить в свойство css для слоя central слущее: margin-left: auto; margin-right:auto; Должно работать. Уж если не получится тогда через таблицу.

2XAOPT Сам блок woodboard имеет такой стиль: css: #woodboard { margin: 0 21px 0px 21px; width: auto; } Если делаю по вашему совету, то бэграунд растягивается "от и до" в слое 4 из иллюстрации предыдущего поста. Сам этот woodboard_s_t.png полоска 1113х30 пикселей, так что смысл его запихивать в слой 4 ? Тем более что слой 4 должен быть резиновым по задумке. Я не могу ему фиксированную ширину задать, мог бы - задал бы для слоя с планкой и не парился Кстати удалось заставить планку это не подлезать под уголки с помощью margin:0 30px 0px 30px (сразу не допер). Однако слой с правыи уголком 2 почему-то упорно вниз сдвигает. И в Opera все видно, а в IE7 планка невидима совсем, хотя занимает место

Может быть заключить центральный div в таблицу с одной ячейкой, а ее отцентрировать ? html: <table align="center" border="0" cellspacing="0" cellpadding="0" id="box"> <tr><td> <div id=central align="center"> </div> </tr></td></table css: .box { position:absolute; }

2Scrum Собственно ничего координально не изменилось, только забыл сказать: в моем случае слой с планкой 3 правым концом вылезал из слоя в который вложен 4 и упирался в следующий 5: иллюстрация В вашем примере 3 лишь перестал вылезать подобным образом и теперь упирается во вложенный слой 4. В остальном все по прежнему: иллюстрация

Всем привет ! Предварительно воспользовался поиском, просмотрел все найденные темы, но решения для себя не нашел. Проблема похоже вечна и частая - растягивание слоя автоматически. Имеется CMS, в отцентрированном слое делаю картинку с закругленными краями + растягивающуюся в зависимости от ширины экрана. Круглые уголки каждый в своем слое, растягивающиеся стороны "квадрата" в своих слоях. На примере верхней части: CSS: #woodboard_tl { float:left; height:30px; width:30px; top:0px; background:url(../images/druzhina/woodboard_t_l.png) 0 0 no-repeat; z-index:2; } #woodboard_t { float:left; top:0px; height:30px; width:100%; background:url(../images/druzhina/woodboard_s_t.png) 0 0 repeat-x; z-index:2; } #woodboard_tr { float:right; height: 30px; width:30px; background:url(../images/druzhina/woodboard_t_r.png) 0 0 no-repeat; z-index:2; } HTML: <div id="woodboard"> <div id="woodboard_tl"></div> <div id="woodboard_t"></div> <div id="woodboard_tr"></div> </div> 1-ый и 3-ый стиль это уголки, а посередине планка. Так вот уголки становятся как нужно, а планка в IE7 схлопывается в 0, в Opera залазит под левый угол вплотную к краю слева (это-то понятно из-за float) - справа вытесняет слой с правым углом и упирается в край. Т.е. 100% как и задается. Если задать margin-left:30px; , то слева все как надо отступ, а справа по прежнему (не помогает margin-right:30px; одновременно и не помогает без float). Если задать позиционирование всем 3 слоям relative, то все 3 выравниваются по левому краю друг под другом. А надо чтобы друг за другом и планка не вытесняя уголков растягивалась между ними (причем растягивался слой, а бэкграунд растянется посредством repeat). Посоветуйте как исправить, пожалуйста.

2rus В этом вопросе я подразумевал именно вес сайта с потрохами, конкретно с этими потрохами: И тут речь не об одной страничке - ведь посетитель может лазать по всем и все они будут подгружаться. Хотя конечно основная - стартовая, тем более что дизайн с плавающим фреймом.

Да, да речь как раз о весе сайта с потрохами. А проще говоря всего того что будет загружаться неизбежно браузером пользователя для просмотра, и загрузки чего ему придется ждать так или иначе.

Сайт у меня представительский - кафедры ВУЗа. Статичный, вся информация показывается во фрейме, окружающее оформление загружается всего 1 раз (как раз с целью увеличить скорость загрузки). Просто я прикинул весь мой сайт с картинками и элементами дизайна весит 4 метра - элементы эти в PNG (при конвертации в jpeg или gif такое гумно с цветами и графикой происходит..., что не решаюсь). Вот и интересуюсь нормально ли это.

Хм, как-то нереально. Один элемент у меня весит ~50Кб, если даже его ужать, то это до 20Кб иначе полная муть. Таких элементов у меня ~40... Где-то 1-2 Мб выходит с запасом. Как же быть с красочными сайтами, неужели они умудряются мало весить ?

Это ж с какой скоростью эта главная страница будет открываться ? У меня 19 метров качает где-то за 5 мин... Сайт для "оптоволоконных" посетителей ?

Всем привет! Воспользовался поиском по интересующему меня вопросу и ничего не нашел (возможно плохо искал). Поэтому спрашиваю: подскажите пожалуйста какой должен быть оптимальный размер сайта для комфортного (или терпимого) его просмотра через внешку? Конечно не для оптоволоконной связи, а для модемной - ориентировочно на технологии ADSL, ADSL2. Тут даже скорей речь о суммарном весе всех картинок, т.к. остальное мало весит. Сайт статичный, php модули наверно не берутся в расчет (типо гостевой книги)? Так же интересует размер сайта для хорошего просмотра на скоростях от 128Кбит/сек и до 15Кбит/сек.