Jump to content

ows.nightwolf

User
  • Posts

    125
  • Joined

  • Last visited

  • Days Won

    9

Everything posted by ows.nightwolf

  1. А, да, разумеется. Я видимо невнимателно тему прочитал и мне показалось что автору именно для картинок этот функционал нужен.
  2. Атрибута нету, но можно очень примитивно имитировать этот функционал через JS. Изображение можно выгрузить в отдельный скрытый iFrame и распечатывать содержимое этого айфрейма. Конечно, это не так эффективно как выгрузка его на компьютер и использование обычного ПО для распечатки, но ради спортивного интереса скрипт я вроде сделал: http://jsbin.com/yaweqa/1/.
  3. Ключевое слово const не поддерживает возможность использования выражения, отличного от скалярного (обращение к переменной, вызов функции и т.п. не являются скалярными).
  4. Мне нравится, очень даже неплохой справочник может получиться)
  5. Не смотря на полное отсутствие знаков пунктуации и мутное изъяснение я кажется понял - автору нужен поиск как у гугла, когда вводишь что-то и снизу выскакивают подсказки, только у него там будут не подсказки а результаты поиска в виде ссылок) исправьте если ошибаюсь)
  6. Спасибо, очень важное дополнение. Но идея sectioning блоков очень хорошая, жаль что распространения не получила.
  7. Согласно MDN в стандарте CSS3 эта функция может быть использована с любым свойством, но браузерами поддерживается только CSS2 реализация, в которой функция может быть применена только к свойству content.
  8. Раньше тоже задавался вопросом о полезности некоторых HTML5 тегов не с точки зрения "сразу видно что тут что", а именно как тегов, как сущностей. И вот как раз несколько часов назад случайно наткнулся на статью про изменения в алгоритме составления схемы документа в стандарте HTML5 по сравнению с HTML4. Теперь полезность новых элементов кажется ясной, по крайней мере с точки зрения поисковой оптимизации.
  9. Странно. У меня FF 35 и Хром размывают, другие не проверял. Сделано вроде с применением тех же свойств что и у вас, просто другие элементы размывались.
  10. Да. Или вместо того чтоб влаживать форму внутрь блока blockcontent можете саму форму сделать этим самым блоком blockcontent (вместо <div class="blockcontent"> поставить <form class="blockcontent"... и т.д.) чтоб код был почище.
  11. Интересную тему вы создали, правда в следующий раз по возможности код свой упрощайте, а то много времени уходит чтоб разобрать что у вас там к чему. Вот мой вариант решения задачи (я убрал элементы sk_meta1_outer и sk_meta1 за ненадобностью). Проблема состояла в том, что размыть можно только сам элемент и то что внутри него, но не то что под ним. По этому можно сделать небольшую хитрость - поверх картинки положить еще один элемент нужных размеров, у которого фоном будет назначена эта же самая картинка и размывать его. У меня этот элемент - sk_meta2:before.
  12. Оу, действительно, squirrel - белка... Извиняюсь)
  13. Можете попробовать fontsquirrel, только я не помню принимает ли он otf форматы на вход.
  14. Извините за оффтоп, но стиль ведения этого диалога очень напомнил всем известный мем))
  15. Из самого простого - дайте инпуту атрибут pattern = "^[-0-9]+$". Тогда если в инпуте присутствуют символы отличные от тире и цифр при попытке отправки формы пользователю выведется сообщение о неверном формате заполнения. Правда поддержка браузерами не очень - safari не поддерживает, а от мелкомягких только IE10+.
  16. Эта иконка - обычная буква. Если шрифт "собирался" из векторных изображений - то отображается как вектор и никуда не плывет.
  17. Когда background-size не задан его значение по умолчанию - auto auto, а значит фон будет иметь размеры оригинального изображения (не вписанного в ваш контейнер), соответственно он не будет растягивтаься/сжиматься под разрешение экрана. Процентное значение в background-size задает размер фона в процентах от размеров самого контейнера, а не рисунка, по этому в случае background-size: 50% 100% у вас фон просто закрыт блоком .container. Задайте ширину фона в пикселях для каждого из разрешений экрана, а высоту поставьте auto чтоб пропорции не искажались. Как узнать нужную ширину вашего фона:
  18. У вас элемент .thlb своим margin-top: 10px; "отталкивает" родительский контейнер (.t-menu-button) от верха страницы на 10px соответственно. Можете поменять margin-top на padding-top, убрать border-top, и толщину border-bottom указать 2px (кстати толщины 1.5px как у вас сейчас быть не может - пиксель величина неделимая, так что браузер округляет до целого. У меня в FF до единицы). .thlb { border-bottom: solid 2px #000000; margin-left: 12.5px; padding-top: 10px; width: 25px;}А вообще, такие иконки меню делаются по другому (иконочным шрифтом, например)
  19. Атрибут align в тегах не поддерживается стандартом HTML5, так что не стоит его употреблять. Его можно заменить css свойством text-align: center; А так вот еще варианты выполнения задачи: полегче и посложнее.
  20. Попробуйте добавить форме атрибут enctype="application/x-www-form-urlencoded". Правда меня смущает то, что он вроде как по умолчанию такой должен стоять.
  21. Возможно я ошибаюсь, но мне кажется что вы не пробовали открывать вашу svg картинку в текстовом редакторе? Попробуйте, вы увидите что она состоит из тегов, как и html страница. И вот в самой вашей картинке иллюстратор должен поставить в тег svg соответствующие ширину и высоту. По этому по приведенному мной примеру выше вы можете позиционировать ее свойством background-position как обычное растровое изображение. P.S. Размеры изображения в любом векторном файле (как и в растровом) обязательно должны быть (и он равны размеру холста). Отличие холста в растровых изображениях от векторных в том что в растровых все что было нарисовано за границами холста безвозвратно теряется, а в векторных сохраняется. А так какие-либо размеры "видимого пространства" должны иметь все типы изображений. Вы правы, не открывал. Сейчас открыл: <svg version="1.1" id="Слой_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"Иллюстратор ничего не проставил (x="0px" y="0px) Спасибо за наводку, теперь буду знать, что размеры нужно проставлять вручную. Только имейте в виду, что атибуты x и y отвечают за расположение элемента (я правда не знаю для чего они нужны в корневом svg, там можно любые цифры поставить и вроде ничего не должно изменится), а для задания ширины и высоты используются атрибуты width и height (вручную допишите).
  22. Помоему проблема в том, что background-size: auto auto; для фона и в результате он не масштабируется вместе с макетом. Надо для каждого разрешения подобрать подходящий background-size. Ну или вот немного легкой наркомании - пример когда фон висит на бордере) тогда уж точно он никуда от контента не денется) Но это ваще танцы с бубном)
  23. Возможно я ошибаюсь, но мне кажется что вы не пробовали открывать вашу svg картинку в текстовом редакторе? Попробуйте, вы увидите что она состоит из тегов, как и html страница. И вот в самой вашей картинке иллюстратор должен поставить в тег svg соответствующие ширину и высоту. По этому по приведенному мной примеру выше вы можете позиционировать ее свойством background-position как обычное растровое изображение. P.S. Размеры изображения в любом векторном файле (как и в растровом) обязательно должны быть (и он равны размеру холста). Отличие холста в растровых изображениях от векторных в том что в растровых все что было нарисовано за границами холста безвозвратно теряется, а в векторных сохраняется. А так какие-либо размеры "видимого пространства" должны иметь все типы изображений.
  24. В PHP это называется жесткой ссылкой и записывается как "= &$var". $a = array(1,2);$b = &$a;array_push($a, 3);array_push($b, 4);print_r($a); // [0 => 1, 1 => 2, 2 => 3, 3 => 4];print_r($; // [0 => 1, 1 => 2, 2 => 3, 3 => 4];P.S. Кстати, так можно передавать объекты в аргументы функций чтобы функции могли их изменять (но лучше так не делать, ибо потом понять почему объект изменяется может быть затруднительно, да и скрытые изменения это не по феншую):
  25. У svg изображения всегда задан базовый размер, так что позиционирование svg фона происходит так же как и обычной картинки. Пример:
×
×
  • 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