hike
-
Posts
104 -
Joined
-
Last visited
Content Type
Profiles
Forums
Calendar
Store
Everything posted by hike
-
Хотелось бы уточнить - не скриптом, а с помощью CSS. Как с помощью CSS превратить кнопку в ссылку? Кстати, решение уже найдено: убрать фон и границы и текст подчеркнуть. Все гениальное - просто.
-
Здравствуйте! Мне потребовалось решить задачу прямо обратную той, что решают обычно, то есть превратить КНОПКУ в ССЫЛКУ. Как это сделать кроссбраузерно?
-
Ух, ты! Впервые встретилось display:flex Спасибо огромное! То, что нужно.
-
И все-таки правая колонка изменяет свою ширину https://jsfiddle.net/fhk2m79o/ А правильно, чтобы появилась полоса прокрутки.. И все-таки спасибо! Есть еще какие-нибудь идеи кроме display:table-cell?
-
Почти. Только в таком варианте увеличение левой колонки приводит к уменьшению правой https://jsfiddle.net/4otnowd1/ А нужно при увеличении левой колонки, чтобы правая не изменялась, а вот суммарная ширина 2-х колонок увеличивалась
-
По аналогии с таблицей. Если задать ширину таблицы и в одну из ячеек добавить картинку большей ширины, то ширина таблицы сбросится в auto, то есть не будет учитываться, таблица растянется. Можно ли сделать подобное с текстом в колонке?
-
Здравствуйте! Вопрос простой для тех, кто набил руку на резиновой верстке. Есть макет из 2-х колонок, ширина - в процентах от ширины родителя. Нужно, чтобы ширина левой колонки изменялась в зависимости от ширины содержимого - в моем случае текста заголовка - внутри левой колонки. То есть текст изнутри растягивает левую колонку, правая остается без изменений. Как это можно сделать?
-
Здравствуйте! Простенькая задачка по верстке: при вводе номера карты/номера телефона/номера счета разделять вводимые значения пробелом или дефисом. При чем разделять нужно как в режиме печатания, так и при вставке из буфера всегда на равные блоки, допустим, по четыре цифры. Кому-нибудь приходилось решать такую задачу? Можете привести пример решения?
-
Разработка веб-приложений Android с использованием HTML5, CSS3 и JavaScript
hike posted a question in HTML Coding
Здравствуйте, форумчане! Посоветуйте, пожалуйста, хорошие курсы подготовки по указанной в теме специальности. Можно он-лайн курсы, можно очные в Москве или С.-Петербурге. Хотелось бы узнать больше про фреймворки Phonegap и Cordova, изучить жизненный цикл мобильного приложения от задумки до размещения приложения в Google Market и какие devtools для этого используются, и какие подводные камни ожидают новичков, чуть-чуть по оптимизации Javascript-приложений для Android, ну и чтобы никаких SDK. Может, есть идеи, кто читает подобные курсы? Также интересны интернет-ресурсы (материалы) для изучения всего перечисленного. -
Благодарю за подсказку
-
Почему когда создаешь параграфы внутри тега параграф браузеры FF, Chrome параграф-родитель отрисовывают (и делают отступы) как два параграфа сверху и снизу параграфов-потомков? Вот пример http://codepen.io/anon/pen/vNzPLV?editors=100#0 Попробуйте заменить дочерние теги параграфы на блоки div (без отступов) - все останется по-прежнему: снаружи будет два соседних вместо одного родительского тега параграф. Почему?
-
Да, надо. Обязательно xsl. Попалась в инете статья "Identity Template: xsl:copy with recursion - XMLplease" как это можно реализовать через рекурсию, вот только сайт сейчас выдает ошибку http://www.xmlplease.com/xsltidentity
-
Здравствуйте! Можете подсказать мне идею, как скопировать таблицу из XHTML-документа, используя XSL-шаблон, чтобы на выходе получить тот же самый XHTML-документ, кроме дочерних узлов ячейки с атрибутом valign? Пример XHTML-документа: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> </head> <body> <table> <tr><td>Содержимое<span>здесь</span></td><td>Ссылка<a href='#>здесь</a>'></td></tr> <tr><td>Содержимое<span>здесь</span></td><td>Ссылка<a href="#">здесь</a></td></tr> <tr><td><input type="text"/></td><td>простой текст</td></tr> <tr><td valign="top"><b>Жирный текст</b> вверху</td><td>Метка <input type="radio" /></td></tr> </table> </body> </html> Пример XSL-шаблона: <xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform"version="1.0"> <xsl:template match="/"> <xsl:copy-of select="." /> </xsl:template> </xsl:stylesheet> Как в этом select указать условие, что нужно копировать все КРОМЕ содержимого ячейки <td valign="top"><b>Жирный текст</b> вверху</td>?
-
Простите, но ясности не прибавилось. Я задам вопрос иначе. Договоримся, что XSLT-шаблон импортирует другой XSLT-шаблон. Допустим, я пишу XPath выражение, чтобы добраться до узла элемента импортируемого шаблона. Смогу ли я выбрать узел section как потомка xsl:template?
-
Пожалуй, Вы правы. Вот только одного не пойму. XSLT-документ - это XML, а XML - это древовидная структура. Будет ли дерево XSLT-документа (см. выше) включать в себя узлы элементов <html>, <section>, строку 'Any texts you like', будут ли эти узлы потомками узла элемента <xsl:template>? Или же дерево html5 не имеет отношения к XSLT-документу?
-
Нет, не совсем. Я имею ввиду из какого пространства имен следует указать XSLT-процессору брать элементы HTML5. И если не указать никакого пространства имен, откуда XSLT-процессор узнает, что тег <section> вовсе не элемент пространства имен xmlns:xsl, а элемент совсем другого пространства имен - пространства имен HTML5.
-
Здравствуйте! Подскажите, плиз, если знаете, можно ли используя XSLT на выходе получить HTML5? Какое пространство имен (атрибут xmlns) указать для HTML5? Для HTML 4.01 указывалось пространство имен XHTML 1.0 (xmlns="http://www.w3.org/1999/xhtml"): <?xml version="1.0"?><xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"><xsl:template match="/"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <div>Any message you like</div> </html></xsl:template></xsl:stylesheet>Будет ли XSLT-преобразование корректным, если включать в него теги HTML5, не указав никакого другого пространства имен, кроме xmlns:xsl="http://www.w3.org/1999/XSL/Transform"? Вот так: <?xml version="1.0"?><xsl:stylesheet xmlns:xsl="http://www.w3.org/1999/XSL/Transform" version="1.0"><xsl:template match="/"> <html> <section>Any texts you like</section> </html></xsl:template></xsl:stylesheet>Объясните почему. ...почему-то одни примеры содержат объявление пространства имен XHTML, а другие примеры (как будто бы работающие) обходятся без него...
-
Да, помогло. Спасибо!
-
Нет, не подойдет. Могу менять только внешний файл стилей, структуру страницы изменить не могу.
-
Существует ли возможность подключить таблицу стилей к основной таблице стилей так, чтобы приоритет всех стилевых правил подключаемой таблицы стилей был заведомо выше приоритетов одноименных правил основной таблицы стилей? Например, указать !important сразу для всех правил импортируемой таблицы стилей, скажем, вот так: @import url('mystyle.css') !important; Проблема в том, что одноименных стилевых правил очень много, и употреблять !important почти в каждой строке импортируемого файла - значит вдвое увеличить вес импортируемого файла, а подключать директивой @import в конец основного файла нельзя, так как at-правило @import должно обязательно быть в самом верху до уаазания любых правил и стилей основной таблицы стилей.
-
Спасибо!
-
Как долго браузер будет ждать окончания загрузки файлов css, swf и png, если указанные теги img, object и div style="" расположены в body? Допустим, загрузить не удалось. Имеем html-страницу без стилей, картинок и flash-объектов. Никаких других побочных эффектов не будет? Я имею ввиду диалоговые окна с предупреждением об ошибке или страница "404 - not found", или что-то еще. Сможет ли посетитель работать с html-страницей (скажем, отправить форму), так и не дождавшись загрузки стилей, картинок, flash. Одним словом, будет ли страница реагировать на действия посетителя одновременно с загрузкой фалов css, swf и png?
-
Хотелось бы проконсультироваться вот по какому вопросу. Мне известно, что JS-скрипт, расположенный на удаленном интернет-ресурсе и подгружаемый на html-страницу вот так: <script src="https://www.example.com/copy.js"></script>сделает невозможным загрузку html-страницы до тех пор, пока целиком не выкачает JS-скрипт с удаленного ресурса, который, возможно, сильно тормозит. Таким образом, загрузка пусть и небольшой html-страницы значительно затянется. Вопрос, будет ли блокироваться загрузка html-страницы, если браузер встретит теги: <img src="https://www.example.com/mini.png" /><div style="background: url(https://www.example.com/copy.css)"></div><object data="https://www.example.com/any.swf"><param value="https://www.example.com/any.swf" name=trailer></param></object>содержимое которых также загружается с удаленного интернет-ресурса, если этот ресурс по какой-то причине начнет сильно тормозить.
-
Спасибо за помощь, xzarxzes! Особенно полезной оказалась ссылка на статью Гэри Тернера, где по шагам рассказано, как работает этот способ центрирования. Прочитав обе статьи, мне легко удалось найти ошибку. Способ для IE7 writing-mode мне еще предстоит хорошенько обмозговать. Возможно, воспользуюсь и им.
-
В этом разделе автор предложил способ выравнивания слоя по центру веб-страницы при фиксированной высоте слоя. Есть ли способ выровнять слой по вертикали с помощью стилей, если высота блока неизвестна заранее (зависит от контента)? Например, http://codepen.io/anon/pen/waCKq?editors=110 Нужно, чтобы слой wrap отображался по центру веб-страницы для браузеров IE7+ и последних версий FF, Sa, Ch, Opera. Примечание: использование inline-block и псевдоэлемента wrap:before (для совместимости с IE7 в указанном выше примере display:inline-block установлен для строчного элемента span, а вместо псевдоэлемента использован span class="before"), увы, не привело к желаемому результату при высоте родительского слоя .wrap{height:100%}, хотя, как видно из примера, отлично работает для центрирования слоя krug внутри слоя ramka.