Arinden

Я исхожу из соображений того, что у относительно большого процента людей мониторы 17 дюймов, с разрешением 1280 на 1024, таким образом будет разумнее взять ширину контента < 1250 px, учитывая ширину правого скролла ~20 px. Но для себя делаю сайт учитывая возможное разрешение экрана 1024 х 768 (~14% пользователей), оставляя на контент менее 1000 px.

Насколько мне известно, без внедрения сюда JS - это невыполнимо. Либо создавайте две колонки и наполняйте их по отдельности.

<div><textarea rows="10" cols="10" style="width:100%; background:#0066CC;"></textarea></div>

А, я не понял, я думал по горизонтали. Там кстати два тега "a". На <a href="$ENTRY_URL$">$TITLE$</a> повесьте класс или идентификатор, его и двигайте.

В .image меняйте margin-right

<!DOCTYPE> это строка, дающая понять, какую из версий HTML вы используете. Дословный перевод с англ. DOC - документ, TYPE - тип, тип документа. DTD - Document (Документ) Type (Тип) Definition (Определение). W3C - World Wide Web Consortium (Консорциум всемирной паутины), организация, которая занимается разработкой и внедрением стандартов в этой области. На их сайте есть ряд полезной информации, в том числе инструменты для проверки (валидности) написанного Вами кода HTML или CSS с указанием допущенных ошибок. Версия HTML 3.2 стала окончательно неактуальна с 1999 года, с появлением 4.01. Версия притерпела ряд изменений и получила новые возможности. Данная версия используется по сей день, наряду с xHTML 1.0 и HTML 5. Если Вы только начали своё знакомство с HTML настоятельно рекомендуется начинать его с HTML 5 - за этим будущее. Более того, он значительно компактнее своих предшественников. И наконец, тег base. В нём указывается адрес, по которому размещены страницы Вашего сайта и нужно это для тех случаев, когда указывается неполный путь (относительный), например, изображения. Таким образом можно переносить файлы сайта в разные директории без необходимости переписывать url для всех элементов.

Вам уже подсказали верный совет. Задать z-index для всплывающего изображения. Попробуйте так: move(); image.src ="medveden1.jpg"; image.style.zIndex = "10"; image.style.background = '#111111'; image.style.border = "solid 1px #346fdc"; image.style.padding = "4px"; }

Так вроде :focus IE8+?

Эффект достигнут путём совмещения ряда эффектов, выполненных над текстом и логотипом. Появление, блеск, освещение и т.д. По каждому эффекту можно найти свой туториал. Всё создаёте и совмещаете в программе Flash от Adobe, импортируя необходимые для работы графические элементы, предварительно созданные, возможно, в Adobe Photoshop. Знание английского языка сильно облегчит поиски и изучение соответствующих инструкций. Используйте поиск по запросам вида (how to) create logo (text, image) shine (fade in, lightning, etc.) effect in flash (tutorial), а также почитайте немного про работу во Flash, если не знакомы. Важно понять слои, использование timeline, да и интерфейс в целом. Также существуют шаблоны .fla подобных анимированых баннеров и логотипов. Всё что необходимо сделать это во флеше отредактировать его, заменив текст, иногда какое-то изображение/логотип.

http://demo.gavick.com/joomla15/mar2009/

Я, в принципе, согласен. Именно поэтому мой вопрос расположен в разделе "флейм". Это сильно Но, боюсь что такая "иконка", если её можно так назвать, будет в коде весить гораздо больше .png файла. Ещё не сталкивался с этим форматом, сегодня обязательно изучу его для себя, спасибо. Вот это веские аргументы. Я не обо всём задумывался. Спасибо за разъяснения! Извиняюсь, я уважаю мнение каждого, но считаю что Вы не совсем правы в плане тактики, которую Вы избрали для защиты Вашей точки зрения. Дело в том, что, на мой взгляд, не нужно быть "кем-то" чтобы тебе изъясняли смысл сказанного или поясняли своё мнение. Это норма... Мы находимся в небольшом сообществе с общими интересами и, так сказать, помогаем друг другу развиваться и быть на одном уровне с сегодняшним днём...

Уменьшайте margin.

Сам спросил - сам ответил Можно попробовать line-height в ex. Скажем 1.4 ex.

Добрый день! Возможно мой вопрос глупый и очевидный, но мне правда интересно. Что эффективнее использовать .png иконки или их html/css воплощение? Скажем я могу сделать стрелочку путём создания таблицы 15 на 15px и bgcolor по нужным ячейкам. Вес html кода будет приблизительно равен весу .png изображения. Из очевидных плюсов вижу только то, что при увеличении страницы иконка сохранит своё качество. Вот пример создания качественной иконки при помощи css3 (не моё). Вес чистого кода ~1900 байт. Вес этой иконки в .png приблизительно идентичен. Для меня последний пример слишком сложный для воплощения, но что-то банальное и простое таким образом или при помощи таблицы сделать всё же можно. Но надо ли?

Got it, спасибо!

А... я понял. Просто мне ещё никогда не доводилось делать HTML оформление для писем. А при присвоении атрибутов цвета через JS следует использовать 6-ти значный или любой формат?

Интересно... Теперь ясен хотябы один случай В общем, я так понимаю, если разница и есть, то настолько незначительная, что заморачиваться по этому поводу просто бессмысленно. Видимо, нужно просто делать так, как удобнее... P.S. Спасибо за ваши сообщения, всем по плюсику

Я слышал, что не все браузеры понимают такое представление цвета и что, якобы, палитра безопасных цветов должна представляться только 6-ю знаками, иначе цвет не определяется как безопасный. Я если правильно понимаю безопасные цвета уже вообще никому не нужны и неинтересны, так как это было очень давно, а вот по поводу браузеров не ясно, на сколько старый браузер должен быть? + что немало важно, скорость загрузки страницы. Ведь чтобы преобразовать #f00 в #ff0000, а затем выполнить рендеринг, браузеру необходимо проделать лишнее действие. И тут дилемма, что важнее, 3 символа в CSS или один шаг преобразования?

Может как-нибудь так? Вертикальное изображение можно разместить по центру.

Добрый вечер! Вроде всё просто, но я не могу понять действительные минусы от прописывания цветов как #fff, вместо #ffffff или #f00, вместо #ff0000. Вижу только один плюс, экономия 3 знаков с каждого цвета. Подскажите пожалуйста, чем это чревато? Спасибо...

А если DIV'ы вообще убрать?

Рад знакомству с Вами. Хочу сказать, что вовсе необязательно арендовать хостинг, чтобы научиться делать что-то. Файлы с html, css, javascript чудесно откроются в Вашем же браузере, так же просто, как открыть картинку или текстовой документ. Для работы .php скриптов есть множество простых и надёжных решений. Я широко использую WebMatrix с дополнительно установленными PHP и MySQL. В нём же и редактор есть, и база данных, если требуется, и запуск сайта из папки на localhost'е Вашего компьютера. Есть ещё вариант установить "всё и сразу". А хостинг, лично мне, не так удобен на стадии создания, я многого не знаю, постоянно пробую что-то, и для создания одного блока могу внести несколько десятков изменений, а представьте, если каждый раз, для просмотра, мне нужно закачивать файлы на хостинг?

Я стёр своё сообщение, так как осознал глупость написанного.

Нужно эксперементировать. Ещё вариант с рамкой.

Хороший макет. Такой лёгкий, ненавязчивый. Мне нравится подбор цветовой гаммы и общая концепция. Некоторые решения, такие как иконки браузеров и процентная диаграмма, вызывают восторг. Вы молодец! Возможно, я бы поэксперементировал со следующим: - Хедер сделать немного уже по высоте, возможно, равным высоте главного меню. - Иконку поиска вынес за пределы поля ввода, горизонтально отразил и сделал в стиле иконка "ключика" возле логина. - Вход для пользователей сделал раскрытым, форма Логин и Пароль, под ней регистрация и восстановление забытого пароля. Иконку ключа убрать (так как будет похожая иконка у поиска). Форму поставить справа, там где сейчас поиска, а поиск изящно разместил в другом месте хедера. - Ниже, многое сливается воедино. Возможно это уйдёт с наполнением блога интересным контентом, но возможно именно заголовки следует выделить другим цветом. Есть идея, может сине-фиолетовым, а после посещения топика присваивать тот цвет, который стоит сейчас. Так будут видны непрочитанные, новые темы. - У блога есть категории, если я правильно понял, это CSS и JavaScript. Но глядя на топик не ясно где именно он расположен. А теги не самый лучший вариант для их классификации. Поэтому имело бы смысл ненавязчиво приписывать в какой категории относится тот или иной пост, опять же выделяя их цветом. Скажем CSS - зелёная категория, JS - красная, HTML - синяя. Что нибудь в это роде. - Теги хочется передвинуть в сайд-бар над или под отзывами клиентов. Сами топики поднимутся выше и будут лучше смотреться. Плюс есть чем заполнить сайдбар. - Есть сортировка по популярности но у статей нет рейтингов, скажем 4,5 или 4 полные и пол звёзды, как показатель её популярности. Аналогично с Просмотрами. Отсортировал и не понял, сверху 0 просмотров или 100500. Ещё можно добавить стрелочки ^ и вниз, как индикация текущей сортировки. - А вот как раз теги для каждого топика с главной страницы я бы убрал. - Информация о количестве записей на странице бесполезная. Если возможно было бы здорово увидеть возможность выбора записей на страницу, 5, 10, 20, 50. Но в этом нет особой необходимости. - Подписка на новости ни с чем не ассоциируется. Если стереть текст внутри инпут бокса - неизвестно вообще что это. Хочется хоть чуть-чуть оформить. - Мои друзья и коллеги. Я когда это прочитал, сразу ощутил то, что я читаю персональный блог какого-то, неизвестного мне человека. И мне пришла в голову мысль облокотить фотографию автора, небольшую, но "профессиональную" на логотип CSS-LIVE в хедере. - Отзывы клиентов. Хочется видеть не один, а три отзыва сразу. - Кнопка заказ вёрстки в подвале мне кажется лишней. Если человек захочет её заказать - он без труда найдёт соответствующую кнопку в главном меню, а вот в подвале, это как-то, не знаю как выразить свою мысль, попытка удержать клиента чтоли, а не удобство юзабилити. - Диаграмма чудесная. Но треугольник, видимый от нижнего деления, мне хочется скрыть. - Может быть в стиле блога, возле категорий в сайдбаре писать в скобках количество имеющихся топиков. Приходит новый посетитель, видит на главной топики и уходит. Приходит посетитель, видит три категории CSS (1152) JS (546) HTML (854) и добавляет в избранное. - Пока не знаю, что вы придумали с позиционированием относительно экрана, но если это будет резина - будет мне кажется хуже. На 1920 х 1080 вид незакомпанованный в любом случае. А здесь, лично мне, хочется компактности. И вот если делать фиксированную ширину и центрование, считаю необходимым ввести левый и правый бордеры, во избежание продливания горизонтальных линий на всю ширину монитора. При этом будет интересно увидеть номера страниц по центру, а не флоат лефт. Когда их будет много - это будет особенно заметно. И в случае введений фиксированной ширины - диаграмма будет обрываться в воздухе, поэтому здесь тоже что-то нужно придумать. Разумеется контент и сайдбар необходимо сдвинуть правее относительно нынешнего положения хедера и меню. - В футере наверно лучше сместить копирайты налево, а после | вместо кнопки разместить каунтеры. - Иконка карандаша, возможно, будет лучше без рамки и белого бэк фона вообще. P.S. Я не обращаю внимание на заголовки кнопок, названия меню и прочий текст - это совершенно отдельная тема. Я понимаю, что это макет. Это лично мои предпочтения, далеко не факт что это будет выглядеть лучше, в любом случае, в первую очередь, блог должен идеально подходить именно его Автору и вдохновлять его на написание хорошего материала, а уж посетители найдут, что им читать и где заказывать.