seemax

Спасибо за открытие Фаербаг. Разобрался немного благодаря В.М. http://htmlbook.ru/samlayout/testirovanie-i-otladka-koda/firebug-na-praktike Но как обычно "Слона то я и не заметил". Как в Фаербаг проверить валидатором??

Спасибо за подсказки-отзывы. По фаербаг не успел разобраться с его полезностью. На первый взгляд не очень убедительно. По float , хотел было без него, а вот не вышло...

Подскажите пожалуйста где искать ошибку. Ссылка должна отображать кнопку-картинку, а:hover должен отображать иную кнопку-картинку. <ul id="Nav5"> <li><a href="home"></a></li> <li><a href="solutions"></a></li> <li><a href="products"></a></li> <li><a href="about"></a></li> <li><a href="contacts"></a></li> </ul> #Nav5 { height: 38px; width: 495px; border: 1px dotted #F00; list-style-type: none; position: absolute; left: 500px; top: 50px; } #Nav5 li { display: inline; margin-right: 5px; border: 1px solid #000; } #Nav5 li a { background-image: url(images/m1.gif); background-repeat: no-repeat; height: 38px; width: 99px; } #Nav5 li a:visited { } #Nav5 li a:hover { background-image: url(images/m2-2.gif); background-repeat: no-repeat; height: 38px; width: 99px; } #Nav5 li a:active { } В результате отображается только рамка Nav5! Картинки размером 38х99, как задано.

Спасибо Sole за участие, от кода мало что осталось: картинку заменил background color, задал border-radius, внутр блок теперь position static. Короче говоря, много раз менял свойства и ,насколько я помню именно те настройки, внутр блок влево не сдвинут был принудительно. А какие еще идеи. Мое понимание: если картинка больше DIV, она режется по правому краю, как на фото, и всё... Задать её как в приведенном выше уроке я не смог.

это я просто в коде все так оставил "сырым" показать что они вместе должны быть 1)первый скриншот показывает как смотрится с background-image: url(img/headline.png) 2)второй скриншот показывает как смотрится с background-image: url(img/bg-header.png) А правда, разве можно две начинки в один пирожок? Спасибо ёжик, работает! Картинка через тег ложится на картинку через стиль. И позиционируется нормально через absolute. А что можно сделать в DW при помощи Insert+Image Objects+Rollover Image? Иконка позволяет вставить две картинки. Подскажите плз, кто знает, как это работает.

это я просто в коде все так оставил "сырым" показать что они вместе должны быть 1)первый скриншот показывает как смотрится с background-image: url(img/headline.png) 2)второй скриншот показывает как смотрится с background-image: url(img/bg-header.png) А правда, разве можно две начинки в один пирожок?

Попробую привести код, хотелось бы разобраться в ошибке <div id="right1"> <div id="BlackCurve">Content for id "BlackCurve" Goes Here</div> Content for id "right1" Goes Here</div> #right1 #BlackCurve { background-image: url(images/Black%20curve.gif); height: 40px;

Пытаюсь оформить блок с закруглениями через фон картинку, способом описанным здесь http://htmlbook.ru/faq/kak-vydelit-stroku-s-pomoshchyu-bloka-s-zakrugleniyami В фотошопе сделал картинку с прозрачным фоном, чуть шире нужного, как советует автор. Слайсом отрезал нижнюю горизонталь, т как закругл сверху, и сохранил рис «как для веб». Задаю стилями фон рисунок и получаю: А. кроме нужного закругления еще и белые уголки. Б. Задав нужную ширину получил обрезь. Подскажите плз, где я ошибся и как добиться нужного результата.

Возможно ли хостить учебные вёрстки не имея зарег домена на фрихосте ,например, https://newcp.freehostia.com/ Я представлял, что такие сервисы дают субдомены под собой N го уровня и принимают всех желающих. Может не разобрался таки? Зарегился, создал субдомен под доменом назначенным этим хостом, загрузил свои труды нетленные и наивно жду, что они откликнутся на ссылочку. Подскажите плз как проще, правильнее решить задачу. Если всёж пользоваться jsFiddle, каким образом она поддержит фон картинку когда переход по ссылке с любого компа?

Статья действительно очень наглядная, спасибо.

Поскольку статус новичка не даёт возм разм пост в соотв разделе, прошу здесь: Уважаемые профики, не правильнее было бы открывать тему в "Макеты для вёрстки" названием хоть каким нибудь этого самого макета? По разным причинам хочется заглянуть в соотв тему, а вот извольте перелистать все: "Новый макет для вёрстки","Опять новый макет для вёрстки","Выкладываю макет для вёрстки" итд итп. Надеюсь просьба проста, понятна и необременительна.

Потому что у каждого движка свои методы и шаблоны интеграции. Cпасибо за ответ Ёжик из Харькова. Вот так по крупицам обретаются знания...

После более-менее тщательного изучения стилей и тегов стал задумываться об осознанном использовании редакторов. Мне показался наиболее мощным Adobe DW, после Rapid CSS. Вроде бы ясны и цели, и средства. Валидный код + скорость верстки. Знакомство с Artisteer.com породило вопросы, на которые ищу ответы: Как свёрстаны вообще темплейты Worldpress, Joomla, Drupal, DotNetNuke, Blogger итд, если после распаковки темплейта нахожу кучу php и только один файл с коротким HTML кодом, определяющим цвет body? Почему одну и ту же вёрстку Artisteer сохраняет с разным набором файлов для Worldpress и для Joomla, например?

Одну и ту же по весу картинку ставим фоном двумя спос: через стили и через тег. В каком сл быстрее загрузка веб страницы? В каких случаях предпочтение нужно отдать одному конкретному спос?

...Может пригодится кому то: Вместо задать позицию background: no-repeat fixed top; Я задал fixed ДИВу, что и было ошибкой.

И ооо, чудо свершилось! Fixed убрал, layout выглядит так как задумано. Спасибо за помощь. Теперь надо посмотреть что же побудило меня прикрутить фикс, там где это противопоказано.

Помогите пожалуйста разобраться новичку, уважаемые знатоки. Осваиваю вёрстку и стили с углублением в DW. Один из уроков от Adobe ещё раз, после изучения сайта ВМ конечно, ведет по применению стилей и кросс броузерным подводным камням. Так вот, счастливый, дойдя до середины урока, не вижу никаких подвохов в визуальном отображении того, что наваял включаю «live view» и вижу отсутствие Хедера и Футера, налезание правой колонки на левую, которая благополучно перескочила среднюю. Версии врет «live view» или «изначально кривой шаблон» не подтвердились. Надо сказать, что в уроке использовался шаблон DW «Три колонки фикс, хедер и футер». В ходе урока http://www.adobe.com/devnet/dreamweaver/articles/css_simple_styling.html не затрагивались св-ва влияющие на layout. Версия моей ошибки в ходе изменения стилей шаблона очевидна, но я не могу её найти. Что предпринято для поиска: 1) HTML док открывал в браузере со «Своими» стилями и «Преподавательскими», (далее СС и ПС) . ПС корректны СС не корректны, кривизну DW и ошибки в тегах исключаем. 2) Ищем ошибку в св-вах влияющих на позиционирование сравнивая самостоятельно, затем с помощью программки сравнения WinMerge. Разницы в свойствах отвечающих за позиционирование: float, width, position не найдено. Похоже предстоит учиться, учиться, учиться… Корректное отображение здесь http://jsfiddle.net/seemax/nSDTt/ Некорректное здесь http://jsfiddle.net/seemax/STRsn/

C большой долей вероятности именно для js он и присвоен. А стили вряд ли висят на нем. На будущее. Код не забываем оборачивать в спец. теги, ага? Благодарю. Сразу три полезности черпанул: всё таки можно id+class, чем скруглять углы, чем бросать тень. Про код и спецтеги намёк чуть выше моего разумения. Поясните пожалуйста что имелось ввиду, пригодится ведь...

Поясните плз опытные товарищи, зачем во главе ненумеров списка стоит тег имеющий id + class? Этот шедевр создан командой Adobe. Кроме стилей к делу причастен и .js <ul id="MenuBar1" class="MenuBarHorizontal"> <li><a class="MenuBarItemSubmenu" href="#">Item 1</a> <ul> <li><a href="#">Item 1.1</a></li> <li><a href="#">Item 1.2</a></li> <li><a href="#">Item 1.3</a></li> </ul> </li> <li><a href="#">Item 2</a></li> <li><a class="MenuBarItemSubmenu" href="#">Item 3</a> <ul> <li><a class="MenuBarItemSubmenu" href="#">Item 3.1</a> <ul> <li><a href="#">Item 3.1.1</a></li> <li><a href="#">Item 3.1.2</a></li> </ul> </li> <li><a href="#">Item 3.2</a></li> <li><a href="#">Item 3.3</a></li> </ul> </li> <li><a href="#">Item 4</a></li> </ul>

Спасибо всем, кто откликнулся. Попытаюсь сформулировать понятое: 1) Автофайлом HTML никто из ответивших не верстает. 2) Картинки удобно нарезать Slice, даже можно подрезать по мере необходимости, чтоб не путаться. Ответьте пожалуйста: 1) Зачем резать? Можно скопировать нужный слой в виде картинки и использовать в верстке? Слайс ведь не режет кривые. 2) Что такое спрайты и где используются? Пожалуйста, не удивляйтесь, я ещё в песочнице.

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

Прочитал глазами новичка статью http://2people.ru/?p=23 У автора маловероятно спросить, написанному более 3х лет. Поэтому спрашиваю опытных верстальщиков: Зачем нарезать PDS файл инструменом Slice? Кстати, Влад Мержевич описывает такой подход тоже. Если PDS файл содержит слои, созданные дизайнером то, мне кажется, вместо порезки правильнее сохранить нужные изображения слоями как отдельные картинки. При таком подходе, вероятно, не сработает автогенерация HTML файла Фотошопом. Но автофайл представляет собой табличный вариант вёрстки, который менее предпочтителен по многим причинам, если я правильно понимаю материалы выложенные Владом Мержевич. Использовал ли кто нибудь автофайл для вёрстки?

Можно ещё прояснить для себя? Для чего Normalized CSS "which is removing most of the browser styling of many HTML tags."? Т есть Norm CSS позволяет проигнорировать настройки стилей в данном броз? Влияние на отображение я увидел. Говорит ли это о том, что тестить в итоге надо именно с включенным Norm CSS в каждом броз, чтобы понять его влияние на изображение?

Спасибо за подсказки. Привожу примеры выводимые моим браузером: 1) По условию задачи нужно избавиться от не желаемых отступов http://htmlbook.ru/practical/otstupy-mezhdu-blokov Но Фидли выводит без отступов http://jsfiddle.net/seemax/FRfuE/ Цели задачи нет как бы…. 2) В данной таблице выставил rules="all" cellspacing="6" , но по-прежнему каждая ячейка обрамляется тонкой линией http://jsfiddle.net/seemax/ZX3Zj/ 3) Решение данной задачи http://htmlbook.ru/practical/numerovannyy-i-markirovannyy-spisok должно выглядеть совсем не так http://jsfiddle.net/seemax/Qgf7c/ Т есть я вижу весь список прижатым к левой кромке. Полосы прокрутки нет, маркеров и нумерации списка нет. Если некорректный вывод только у меня, значит вопросы к настройкам моего FF8.0 Спасибо, снял галочку, картинка в моих примерах № 1 и 3 появилась ожидаемая. Пример 2 не изменил вид. Наверное где то моя ошибка...

Судя по к-ву ссылок в обсуждении задач, этот редактор онлайн довольно популярен. Стоит ли продолжать с ним играться? Я вижу некорректное отображение в нескольких примерах: 1) Вложенные списки 2) Схлопывающиеся отступы 3) Атрибуты <table> Удобен, понятен, быстр. Но если врёт, зачем это всё? Может я слишком делитант, подскажите плз?