Jump to content

photojabber

Newbie
  • Posts

    15
  • Joined

  • Last visited

photojabber's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. Можно попробовать поверх текстового дива вывести еще один (перекрывающий родительский див) - в котором растянуть прозрачную однопиксельную картинку до размеров этого дива. По типу распорок, применявшихся в табличной верстке. Получится дешево и сердито, если юзверь будет тягать крысой - выделится прозрачная картинка а не содержимое текстового дива. Если при этом к тексту применить urlencode, или выплюнуть текст при помощи JavaScript, например, то получится кой-какая защита от чайника.
  2. В том случае, например, когда дизайн заточен (и сверстан - тоже) одновременно под несколько разрешений, и выбор шаблона под разрешение юзверя происходит при помощи JavaScript. Да и статистика, кстати, тоже - довольно полезная штука.
  3. http://htmlbook.ru/content/?id=110 пример www.quicksite.od.ua Вообще-то речь шла о нажатии, а не о ролловерах
  4. Часто помогало "убиение" переносов (символов новой строки) в хтмл-исходнике. Т.е. попробуй записать все в одну строку: Внутри таблиц мне такое довольно часто встречалось.
  5. Заинтересовало, но ссылка оказалась битой. Подарки больше не раздают? Свой шаблонизатор уже написан.... но все равно интересно
  6. Ходи сюда и читай про микроформаты: http://microformats.org/wiki/rel-bookmark Гугл в помощь
  7. К примеру, если ширина таблицы задана в 50% и имеет два столбца, где один из которых - рисунок, а другой - подпись к нему. Столбцы (возьмем для простоты арихметики) должны быть одинаковой ширины. - В данном случае имеем половину значения в 50%, т.е. 25%. Вставляем это в стиль для рисунка - и получаем то, что надо.
  8. Не помню точно, но кажись так: onclick="this.url='http://your-the-best-site-ever/pictures/new-image.jpg'" Если this.url не заработает - пробуем this.href Ну нету у мну просто сейчас под рукой любимой мануалки по JavaScript....
  9. текст здеся + в стиле для слоя указать нужный курсор или использовать дополнительно - onmouseover и onmouseout.
  10. Интересный хак, конечно.... но..... Лично я твердо убежден в том, что можно обойтись и без подобных хаков. Во-первых, нужно сбросить настройки по умолчанию (кто не знает, читайте статьи по веб-типографике). И во-вторых - смекалка, прямые руки, немного хитрости и терпение. Одну и ту же верстку можно сделать тысячами разных способов! И среди этой тысячи найдется немало таких, в которых результат будет удобоваримым в большинстве броузеров. Навык приходит с опытом - терпение обязательно. Важный совет: при верстке использовать дескрипторы попроще (в ЦСС-е). Далеко не факт что свежая версия "ослика" или оперы будет поддерживать новомодный дескриптор. А в действительности - именно это и происходит. Из личного опыта заключаю: мне не доводилось еще сталкиваться с острой необходимостью хаков. Можно просто переверстать фрагмент страницы. Или даже всю страницу. Да, это медленно, но потом вы, научившись на горьком опыте, будете делать это с завязанными глазами.
  11. Используй alt="текст" - при отключенных картинках этот "текст" будет вместо рисунка.
  12. В контент пока не вчитывался. Принял его за lorem ipsum... Но по внешнему виду очень напоминает сплог или другую "ерунду", которую скармливают исключительно поисковикам. Т.е. на мой взгляд это вряд ли захочется кому-то читать - слишком непривлекательно. Советую хоть немного поработать над оформлением! Это совсем не сложно - и тому масса примеров в сети. Никакой графики даже для этого не нужно, просто подойти со вкусом - и все сразу станет намного привлекательнее. В код тоже не заглядывал. Но если сверстано грамотно - то, автор, бегом рисуй таблицу стилей и преображай внешний вид! Гугл в помощь Удачи
  13. список лучше индексируется поисковиками - он воспринимается семантически-правильно. имхо это - лучший спсоб создания разделов. просто набор ссылок остается простым набором ссылок, он ничем не выделяется внутри ХТМЛ-я, чего никак не скажешь о списках.
  14. 1. Сделай предварительную разметку на бумаге или в любимом графическом редакторе и просчитай размеры блоков - для текста, элементов оформления, форм.... Эти размеры будут служить основой для будущих слоев. Для начала их можно залить разными цветами - чтобы видеть их взаимное месторасположение, и чтобы убедиться что графика не разъезжается - под разными броузерами. 2. Ищи однородные области (графический фон или с одним цветом) - если фон графический, то его можно растягивать background-image: url() - так часто делают с градиентными фонами, паттернами...; если же однотонный цвет, напр-р, красный - то пойдет как background-color. Нужно стремиться к уменьшению физических размеров графических беграундов - чтоб быстрее грузилось. В твоем примере - градиент под "Добро пожаловать" - высота его будет равна высоте всей области желтого цвета, а ширина - 1 пиксель. Тянется он проще простого при помощи background-repeat в ЦСС-файле. 3. Бордюры со скругленными краями делаются аналогично п.1 - применяются вложенные div-ы. Внутри базовой формы: а. левый верхний уголок б. растягивающийся по горизонтали верхний бордюр в. правый верхний уголок г. растягивающийся по вертикали левый бордюр д. резиновый градиент-фон для текста е. растягивающийся по вертикали правый бордюр ж. левый нижний уголок з. растягивающийся по горизонтали нижний бордюр и. правый нижний уголок Все это достигается исключительно ЦСС-ом, без тегов внутри - дабы не мусорить в хтмл-коде. В общем, все приходит с опытом. Советую начать с каркаса, описанного в п.1 Сама порезка начинается сразу после этого - когда уже известны точные размеры блоков страницы. Я режу фотошопом после сведения нужных слоев в один. Удачи!
  15. По ссылке - редирект на другой сайт. Восклицательных знаков так и не увидел. Было бы интересно глянуть, зачем вообще это может показаться нужным - писать текст, состоящий из !!!... Может просто графикой заменить? Пробовал, кстати "&0021;" вместо восклицательного знака ставить в хтмл-код - не прокатило (0021 - код символа !). Может кто знает как правильно?
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy