swetlana

ну в общем да Но только перечислять всё-всё-всё здесь долго и муторно.

Вот скрин из файерфокса: что я не так делаю? ах да, не пользую всякую дрянь типа скайпов, которая вмешивается в работу браузера, внося вот такие изменения в страницу. Не в браузере тут дело. И ни один даже самый умный верстальщик не сумеет предусмотреть всего, что может быть установлено на компьютере посетителя. Побороться с этим вообще-то следует, но решение должно быть примерно таким: √ разместить телефоны не в нижней части одной из страниц, а наверху вместо криков о том, что тут наследил наикрутейший дизайнер; √ убрать иконку с телефоном; √ убрать слово «звоните»; √ убрать код выхода на межгород. А то создаётся впечатление, что ожидается звонок только по межгороду ибо в Санкт-Петербурге лохов нет; √ код города сделать меньшим шрифтом и/или менее ярким цветом. В общем, убрать всё отвлекающее внимание, приглушить всё второстепенное, вывести на первый план основное, и облегчить доступ к этой информации.

да относительно просто: Веб-инспектором выявлено, какие стили применяются к данному элементу. В стилях css не обнаружено никакого криминала. Тогда значит предполагаем, что есть какой-то чрезмерно мудрый яваскрипт. Отключаем по очереди скрипты (коих там неприлично много), и смотрим. На один из них вышла нужная реакция. По тексту скрипта предположено, что значимость его сомнительна. И ещё был момент: Убираю я <span> из заголовка, а первое слово остаётся красным. А дело было среди ночи после тяжёлого трудового дня. Я уж готова была поверить в мистику

насчёт png: легко нагуглить решение проблемы ибо проблема широко известная. Вот одно из решений: http://www.twinhelix.com/css/iepngfix/ Я пользую, и почти всегда помогает. Насчёт отображения в IE: странная это штука. И страшная. Даже натуральный IE, но запущенный через Crossover, работает не так, как должен. Не все баги в нём работают исправно. Например, один самых подлых его глюков: отображает прозрачность png. Так что лучше ставить пачку виртуальных машин, в каждой из которых своя версия IE. По мне так меньшее из зол получится.

как приятно

Разбираться с работой MooTools как-то уже лениво, но дело в функции RokBuildSpans(). Если её убрать, то всё нормально. Кстати, не совсем понимаю её назначения.

Вопрос номер раз: зачем заголовки заворачивать в дивы? Вопрос номер два: не могли бы Вы дать ссылочку на сайт, на котором такое безобразие творится? Сами понимаете, чтобы понять, что к чему, надо посмотреть на полную картину веб-инспектором или хотя бы файербагом.

Ночь воистину добрая. Интересно вот что: а что в IE6 _не_ съехало? Вроде как всё криво-коряво. Вы имеете в виду, что фон у ссылок повторяется? Посмотрим в код: * html #menu .nav li a { /* хак для IE6, который иначе трактует блочную модель */ height:150px; Но ведь так трактует блочную модель IE5, а не IE6. У шестого уже всё нормально с этим. Это так, для начала.

стреляться не стоит. Лучше читать документацию: http://www.w3.org/TR/html401/struct/links.html#h-12.2 http://htmlbook.ru/css/width.html:

При любом. Не в доктайпе дело. Надо указать a { display: block; } потому что по умолчанию <a> — элемент строчный.

почему ж нельзя? можно всё. Только если применять мой код на практике, то следует не забывать про поддержку браузерами некоторых тэгов. Про значение display я уже упоминала, но есть ещё недобраузер IE, который эти тэги вообще игнорирует. Для него можно воспользоваться таким яваскриптиком: <!--[if IE]> <script> document.createElement('header'); document.createElement('nav'); document.createElement('section'); </script> <![endif]--> хотя, конечно, если выносить скрипты и стили в отдельные файлы, то код будет чище и красивее.

ну вот… всякое бывает. Ну уж ссылку на css понятно как добавить вообще на практике я обычно использую более обширный файл обнуления стилей, в котором и шрифты затронуты, и выравнивания, и display: block обозначен для некоторых новых элементов из html5, которые почему-то браузерами интерпретируются как инлайновые. Но тут простой пример, и городить в нём лишние 60 строк кода ни к чему.

ну значит так. Вычищать надо _все_ тэги <font>. Их боле нет в современных спецификациях. Тэга <center> также больше нет. Ещё надо вычищать тэги <b>и <i>. Они не несут смысловой нагрузки, а служат только для оформления. А для этого есть css. Очепяточка в корневом тэге: <htm>, когда надо <html>. Пустой мета-тэг зачем? Не надо его. <basefont>? нет, css! Во втором блоке не закрыты тэги <p>, а должны быть. В коде также присутствуют четыре открывающих тэга <div>, но только два закрывающих. Мало какому браузеру такое понравится. Некорректность отображения при открытом баннере на народе может быть связана и с этим (хотя не знаю, не видя точно сказать не могу). Ещё, как можно догадаться (хотя по коду это и сложно), здесь присутствуют два блока навигации. Их лучше выполнять списками. Если лого будет в коде выше вспомогательной менюшки, будет логично. Также традиционно принято, чтобы лого было ссылкой на главную страницу. Заголовки должны быть выделены семантичными тэгами <h1>,<h2> и т.д., а не просто бессмысленно оформлены. Ну и ещё тэги и их атрибуты лучше писать в нижнем регистре. Это правильно по всем современным спецификациям, тогда как верхний регистр допускают отнюдь не все. И ещё: доктайп указывать обязательно. То есть, в результате должно получиться нечто вроде такого: <!DOCTYPE html> <html> <head> <title>Мой Текст</title> </head> <body> <header> <h1 class="logo"> <a href="/"><img src="Images/Logo.png" alt="Мой Текст" /></a> </h1> <nav class="auxmenu"> <ul> <li><a href="#">Добавить в избранное</a></li> <li><a href="#">Версия для печати</a></li> <li><a href="#">Загрузить страницу</a></li> <li><a href="#">Подписка на рассылку</a></li> </ul> </nav> <div class="blocktext">Текст в блоке</div> </header> <h1>Текст</h1> <nav class="contents"> <ul> <li><a href="#text1">Текст</a></li> <li><a href="#text2">Текст</a></li> <li><a href="#text3">Текст</a></li> </ul> </nav> <section class="content"> <p><a id="#text1"></a>куча текста</p> <p><a id="#text2"></a>куча текста</p> <p><a id="#text3"></a>куча текста</p> </section> </body> </html> В таком разобраться уже гораздо проще, не так ли? Теперь надо привести css в соответствие задумке. Для начала совершенно обязательно сделать обнуление стилей, чтобы не удивляться потом, откуда берутся непонятные отступы. В данном случае можно просто обнулить отступы всем элементам: * { padding: 0; margin: 0; } Насколько я поняла, задача документ сделать фиксированной ширины и повесить по центру. Это делается просто: html { background: #000080; } body { width: 750px; margin: 0 auto; background: #fff; } Менюшки делаются горизонтальными крайне просто: nav.auxmenu li { display: inline; } Тогда их можно и по центру выравнять: nav.auxmenu { text-align: center; } Шрифт лучше всего определить один основной, а все остальные определять в процентах. В общем, css дожен быть тоже чем проще, тем лучше. Примерно так: * { padding: 0; margin: 0; } nav li { list-style: none; } html { background: #000080; } body { width: 750px; margin: 0 auto; background: #fff; font: bold 18px Arial,sans-serif; font-style: italic; } .logo, .logo img { float: right; width: 73px; height: 20px; } nav.auxmenu { text-align: center; } nav.auxmenu li { display: inline; } nav.auxmenu li a { font-style: italic; font-size: 72%; color: #000; } nav.auxmenu li:nth-child(even) a{ color: #019b00; } .blocktext { height: 100px; background: #019B00; color: #fff; font-size: 90%; } .contents, .content { padding: 1em; } nav.contents a { font-style: normal; color: #000; } .content p { text-align: center; }

А вот повторю слова топикстартера, но применительно к этому предположению: фрилансеры, не будьте наивны! Предоплата всё равно рулит. На днях меня тупо кинули как раз при помощи этой самой «безопасной» сделки. И даже имя назову этого чудака (с другой буквы). На всякий случай, если вдруг встретите, не связывайтесь: Антон Бодрышев. Проект копеечный, конечно, но я даже в такие вкладываю душу, так что получилось как в душу нагадил этот мерзавец. А схема проста: договариваемся о сроках, составляем тз (хотя, конечно, весьма условное), а затем товарищ «заказчик» меняет на сайте тз на то, в котором указана работа, отличающаяся как будто крайне мало внешне, но совсем не вписывающаяся в оговоренный бюджет, и пропадает на три недели. Затем появляется в выходной и требует предъявить работу в течение часа, ибо «устал ждать». Конечно же в расчёте на то, что в выходной я работать не буду. В общем, мерзкая история, заваренная на вранье и лицемерии. И вор при этом выглядит в глазах арбитража белым и пушистым. В общем, только предоплата. В любом другом случае могут кинуть. Предоплата снижает риски. «Безопасные» сделки на биржах фриланса их только повышают.

Я тут что ли в одиночестве не из клана поклонников бухла? А в хобби, наверно, справедливо будет работу записать, поскольку это занятие по интересам, и занимаюсь им исключительно в свободное время. а Веселова всё равно поздравляю с днём рождения. Хоть и с опозданием получилось (ну вот не было свободного времени заглянуть сюда).

Дизайнище просто мегазачотнейший!

работы Вердера можно узнавать по увесистым цветным плашкам, которые обращают на себя всё внимание читателя, как бы говоря нам: «над нами поработал Дизайнер»

дизайн — тот самый наиболее распространённый случай, когда лучше б дизайнер занимался чем-то другим, например газоны косил. вёрстка лучше, чем дизайн. Сделать в битриксе так, чтобы итоговый код html был читаемым — зачёт! По себе знаю, сколько иной раз с этим возиться приходится. Но вот за подобные конструкции: <div class="scrids"> </div> <a class="ostah-soobh" href="#"></a> </div> </div> </div> <div class="bl"><div class="blc"></div><div class="brc"></div></div> </div> </div> </div> <div class="left-kyrs"> <div class="scrids"> <div class="scrids-bottom"> <div class="tl"><div class="tlc"></div><div class="trc"></div></div> <div class="left-block-fon-left"> <div class="left-block-fon-right"> <div class="left-block-content"> <div class="block-kyrs"> незачёт. Каков высший смысл в таком нагромождении? Оформление заголовков (услуги, новости и иже с ними) выглядит как глюк. Про скрипты: ну следовало наверно сказать, куда смотреть. А то не глядя в код не догадаешься. Нормально в целом, не отвлекают. Только вот: var distance = 10; var time = 250; var hideDelay = 500; var hideDelayTimer = null; var beingShown = false; var shown = false; этот код в каждой функции. Да и вообще функции однотипные. Я конечно не вникала в скрипты досконально, но сама собой мысль возникает: не следует ли подумать о повторном использовании кода?

@media screen and (min-width: 400px) and (max-width: 700px) { … } http://www.w3.org/TR/css3-mediaqueries/#media1

да конечно давайте ссылку. Тут многие ссылки дают, так можно посмотреть браузером, веб-инспектором, и понять, в чём дело. А лечение по фотографии — штука ненадёжная.

никак. Только вынести блок, который должен быть непрозрачным, из полупрозрачного блока.

так кроме _свойства_ border-right есть ещё и свойство padding-right; пользуйте его. Да и вообще всем блокам имеет смысл задать паддинги, чтобы не сливались.

так блоку ширина не задана, он и располагается на ширину окна. Если б хотя бы overflow: hidden ему сказать, чтобы его совесть замучала…

LunatiK, ну кто ж спорит? Самые страшные вирусы не те, которые используют дыры некрософтового ПО, а те, которые используют дыры в мозгах — это известный факт. Стоит вспомнить и iBotnet на фоне криков о том, что под маки не бывает троянов, можно вспомнить и патч Бармина, особенно в таких формах: http://www.linux.org.ru/forum/development/392747 Моя история немного о другом.

Как-то неприятно писать после неграмотного любителя всё обхаять, особенно с указанием на косяк. Но вот… какой-то бардак при наведении мыша на ссылку «истории успеха»