|
||||||
|
HTMLВсем мой пламенный! И – сразу к делу! Здесь не будет основ или уроков обучения разметке html, так как данный раздел блога ориентирован на людей, имеющих в этой области базовые знания и активно пользующихся ими. Поэтому хочу поделиться своими находками и приглашаю каждого из посетителей внести – если не жалко! – частичку своих наработок. Создавая на языке разметки html сайт, после первых проб наступает момент выхода за пределы предложенных стандартов. Одолевающие идеи приходится реализовывать посредством имеющихся тегов, применение которых кажется безграничным. Уверен, что и любителя, и специалиста не раз посещала мысль о создании супер нестандартного оформления в html текста, который бы вызывал интерес с первого взгляда при заходе на сайт, или о таком дизайне каталога, который бы мог стать ярким образцом в череде представлений интернет-магазинов, досок объявлений, порталов недвижимости, туристических сайтов и др. Готов предложить в html примеры, которые эффектно покажут действие различных тегов в процессе неклассического и даже неожиданного применения. Уверен, что каждому из сайтостроителей приходится сталкиваться с ситуациями поиска, как сделать в html ту или иную структуру, прописать коды ячеек таблицы с меняющимися в размерах границами, устроить праздник спектра в тексте или на ссылках, а также многое другое. Буквально небольшая подсказка может стать тем спусковым крючком, после которого программист взорвется потрясающими реализациями. В общем, хочу и есть чем делиться с вами. Стараюсь что-то найденное новенькое немедленно выложить на страницу, поэтому просто рекомендую подписаться на рассылки подгруженных публикаций, чтобы легче было отслеживать новые материалы. Так и хочется сказать, что мы – одна IT-шная семья и давайте помогать друг другу. Странная проблема с шириной ячеек в IEНапример вам нужно сделать таблицу с какими то товарами или еще какими то данными, или сверстать дизайн на сайт. Починить можно таким вот способом (по крайней мере в моем случае это помогло):
Чт, 02/03/2011 - 12:55 — X3M-Slider
Ширина options select IEКак вы знаете в Интернет експлоере есть такая неприятная штука как если вы укажете фиксированную ширину select например в 50 пикселей, то и выпадающие свойства будут такого же размера, когда как в остальных браузерах выпадающие свойства растягиваются на ширину самого длинного option. То есть в ИЕ у вас всё обрежится, что не есть красиво. Выглядит это примерно так: А в других браузерах так: К сожалению как полностью сделать идентичные я не знаю, но знаю как сделать что бы поля не резались. Выглядеть будет так: Делается следующим образом. Для начала скриптец:
Чт, 10/21/2010 - 15:51 — X3M-Slider
height: 100% с помощью jquery (вложений)Я думаю что многие сталкивались с проблемой когда при соблюдении стандартов (<!DOCTYPE ), нужно растянуть таблицу или див на весь экран браузера, ну это можно побороть с помощью цсс, но вот когда в этом диве есть вложение тут уже тяжелее. И тут на помощь приходит jquery.
left_menu - это тот див который нужно тянуть. Если вам нужно что бы просто див или таблица была на весь экран то это можно сделать так:
Пт, 09/17/2010 - 15:15 — X3M-Slider
IE 6, IE 7, IE 8 на одном компьютореЯ думаю что верстальщики часто сталкивались с проблемой когда нужно проверить верстку в разных браузерах. Вы можете поставить любой браузер, но вот ИЕ например живет своей жизнью, у него в каждой версии все может выглядеть по разному. И еще незадача на один компьютер можно установить одну версию ИЕ, но как же быть, проверять то нужно. А выход в следующем можно использовать портативные версии (portable). То есть ставите на компьютер себе например ИЕ8, а остальные версии "переносные" и тестируете себе на здоровье. Скачать ИЕ6 можно здесь.
Пнд, 09/13/2010 - 15:09 — X3M-Slider
Как обмануть валидатор или хаки для разных браузеров, в том числе и ИЕ/IEЧто бы устранить какой либо баг в всеми "любимом" браузере ИЕ (руки бы переломал разработчикам за этот браузер) есть несколько способов, это использование условных операторов и использовать хаки в файле css. Вот собствено условные операторы: Примерчик:
Ср, 09/08/2010 - 15:20 — X3M-Slider
META-теги — инструмент хорошего сайта?META-теги — это необязательные атрибуты, размещенные в заголовке страницы, которые могут содержать ее описание, ключевые слова к ней, информацию об авторе, управляющие команды для броузера и поисковых роботов, и прочую служебную информацию, не предназначенную для посетителей. Многие из поисковых систем на сегодняшний день активно используют META-теги. Использование META-тегов позволит поисковому роботу правильно и качественно проиндексировать ваш сайт... Можно попытаться разобраться — насколько эффективно сейчас использование тех или иных META-тегов при построении сайтов, действительно ли зря большинство начинающих web-мастеров и web-дизайнеров не уделяют им особого внимания, и может ли правильное их использование позволить значительно увеличить посещаемость сайта. META-теги - это конструкции, которые размещаются в заголовке страницы, и выглядят они примерно следующим образом:
Втр, 12/22/2009 - 16:26 — X3M-Slider
Вертикальный текст в ячейкахНеобходимо, чтобы текст в ячейках с классом "vertical" при отображении в браузере имел вертикальное направление "снизу-вверх"
Чт, 11/19/2009 - 14:33 — X3M-Slider
PNG-прозрачность в IEПрипустим нам нужнен фон с прозрачной png-шкой, а на нем розместить ссылку.
А в css стиль добавляем:
Чт, 11/19/2009 - 14:27 — X3M-Slider
Перенос и разбиение слов в HTMLПри создании различных лент новостей и колонок онлайн газет, web дизайнеры и программисты сталкиваются с ситуацией, когда в тексте попадается очень длинное слово (синхрофазотрон). Браузер при форматировании разбивает текст в тех местах, где есть пробелы (дефисы). Длинные слова при этом остаются нетронутыми, что часто приводит к "разъезжанию" ячеек таблицы, неаккуратному внешнему виду. Каким образом можно решить эту проблему? А решить эту проблему можно PHP функцией.
Чт, 11/19/2009 - 14:24 — X3M-Slider
|
|||||
Главная | Портфолио | Услуги | Контакты | Блог |