Результаты поиска
Процент ширины дочернего элемента в абсолютно позиционированном родительском элементе на Internet Explorer 7
У меня есть абсолютно позиционированный div , содержащий несколько детей, один из которых является относительно позиционированным div . Когда я использую процентную ширину для дочернего элемента div , он сворачивается до '0' ширины на Internet Explorer 7, но не на Firefox или Safari.
Если я использую ширину пикселя, это работает. Если родитель расположен относительно, то процентная ширина дочернего элемента работает.
- Может быть, я чего-то здесь не понимаю?
- Есть ли простое исправление для этого помимо пиксельной ширины на экране ребенок?
- Есть ли область спецификации CSS, которая охватывает это?
Определите timezone пользователя
Существует ли стандартный способ для веб-сервера определить timezone пользователя на веб-странице?
Возможно, из заголовка HTTP или части строки user-agent ?
Несколько кнопок отправки в форме HTML
Допустим, вы создаете мастер в форме HTML. Одна кнопка идет назад, а другая вперед. Поскольку кнопка назад появляется первой в markup при нажатии клавиши Enter, она будет использовать эту кнопку для отправки формы.
Пример:
<form>
<!-- put your cursor in this field and press Enter -->
<input type="text" name="field1" />
<!-- This is the button that will submit -->
<input type="submit" name="prev" value="Previous Page" />
<!-- But this is the button that I WANT to submit -->
<input type="submit" name="next" value="Next Page" />
</form>
Что я хотел бы сделать, так это решить, какая кнопка используется для отправки формы, когда пользователь нажимает Enter. Таким образом, при нажатии клавиши Enter мастер перейдет на следующую страницу, а не на предыдущую. Вы должны использовать tabindex , чтобы сделать это?
Как распечатать документ HTML из веб-службы?
Я хочу распечатать HTML из веб-службы C#. Управление веб-браузером является избыточным и не работает хорошо в среде обслуживания, а также не работает хорошо в системе с очень жесткими ограничениями безопасности. Существует ли какая-либо бесплатная библиотека .NET , которая будет поддерживать печать базовой страницы HTML? Вот код, который у меня есть до сих пор, который не работает должным образом.
public void PrintThing(string document)
{
if (Thread.CurrentThread.GetApartmentState() != ApartmentState.STA)
{
Thread thread =
new Thread((ThreadStart) delegate { PrintDocument(document); });
thread.SetApartmentState(ApartmentState.STA);
thread.Start();
}
else
{
PrintDocument(document);
}
}
protected void PrintDocument(string document)
{
WebBrowser browser = new WebBrowser();
browser.DocumentText = document;
while (browser.ReadyState != WebBrowserReadyState.Complete)
{
Application.DoEvents();
}
browser.Print();
}
Это прекрасно работает при вызове из потоков типа UI,но ничего не происходит при вызове из потока типа службы. Изменение Print() на ShowPrintPreviewDialog() приводит к следующей ошибке скрипта IE:
Ошибка:
dialogArguments.___IE_PrintType- это null или не объект.URL:
res://ieframe.dll/preview.dlg
И появится небольшое пустое диалоговое окно предварительного просмотра печати.
Как определить, какой из определенных шрифтов был использован на веб-странице?
Предположим, что у меня на странице есть следующее правило CSS:
body {
font-family: Calibri, Trebuchet MS, Helvetica, sans-serif;
}
Как я могу определить, какой из определенных шрифтов был использован в браузере пользователя?
Редактирование для людей, которым интересно, почему я хочу сделать это: шрифт, который я обнаруживаю, содержит глифы, которые не доступны в других шрифтах, и когда у пользователя нет шрифта, я хочу отобразить ссылку с просьбой загрузить этот шрифт, чтобы они могли использовать мое веб-приложение с правильным шрифтом.
В настоящее время я показываю ссылку на шрифт загрузки для всех пользователей, я хочу показать это только для людей, у которых не установлен правильный шрифт.
Как разбить слово на тире?
Учитывая относительно простую CSS:
div {
width: 150px;
}
<div>
12333-2333-233-23339392-332332323
</div>
Как мне сделать так , чтобы строка оставалась ограниченной до width из 150, и просто переносилась в новую строку на дефисе?
Как я могу дать моим веб-сайтам значок для iPhone?
Как я могу установить значок, который появляется на iPhone для веб-сайтов, которые я создаю?
Как я могу получить совпадения при использовании preg_replace в PHP?
Я пытаюсь схватить заглавные буквы нескольких слов и обернуть их в теги span. Я использую preg_replace для извлечения и упаковки, но он ничего не выводит.
preg_replace("/[A-Z]/", "<span class=\"initial\">$1</span>", $str)
Как отключить автозаполнение браузера в поле веб-формы / тег ввода?
Как отключить autocomplete в основных браузерах для конкретного input (или form field )?
Варианты для HTML выскабливания?
Я подумываю попробовать прекрасный суп, пакет Python для HTML выскабливания. Есть ли еще какие-нибудь HTML выскабливающие пакеты, на которые я должен смотреть? Python-это не требование, мне действительно интересно услышать и о других языках.
История так далеко зашла:
- Python
- Ruby
- .NET
- Perl
- Java
- JavaScript
- PHP
- Большинство из них
Для чего был использован тег _26?
Кто-нибудь помнит тег XMP ?
Для чего он использовался и почему его не одобряли?
Является ли вход "Confirm Email" хорошей практикой, когда пользователь меняет адрес email?
В моей организации есть форма, позволяющая пользователям обновлять свой адрес email вместе с нами. Предполагается, что у нас есть два поля ввода для email: второй в качестве подтверждения email.
Я всегда копирую/вставляю свой адрес email, когда сталкиваюсь с подтверждением. Я предполагаю, что большинство наших пользователей не так сообразительны.
Независимо от того, считается ли это хорошей практикой? Лично я этого не выношу, но также понимаю, что это, вероятно, не для меня. Если кто-то испортит свой email, они не смогут войти в систему, и они должны позвонить, чтобы разобраться.
Перенос списков в столбцы
Я использую ColdFusion для заполнения шаблона, который включает в себя HTML списков ( <ul>'s).
Большинство из них не так уж и длинны, но некоторые имеют смехотворно длинные длины и действительно могут стоять в колонках 2-3.
Есть ли HTML, ColdFusion или, возможно, JavaScript (у меня есть jQuery` в наличии) способ сделать это легко? Это не стоит какого-то сверхсложного тяжеловесного решения, чтобы сэкономить немного прокрутки.
Установка высоты div в HTML с CSS
Я пытаюсь разложить страницу в виде таблицы с двумя столбцами. Я хочу, чтобы самый правый столбец был закреплен справа от страницы, и этот столбец должен иметь отчетливый цвет фона. Содержимое в правой части почти всегда будет меньше, чем в левой. Я хотел бы, чтобы div справа всегда был достаточно высоким, чтобы достичь разделителя для ряда ниже него. Как я могу сделать так, чтобы цвет фона заполнял это пространство?
.rightfloat {
color: red;
background-color: #BBBBBB;
float: right;
width: 200px;
}
.left {
font-size: 20pt;
}
.separator {
clear: both;
width: 100%;
border-top: 1px solid black;
}
<div class="separator">
<div class="rightfloat">
Some really short content.
</div>
<div class="left">
Some really really really really really really
really really really really big content
</div>
</div>
<div class="separator">
<div class="rightfloat">
Some more short content.
</div>
<div class="left">
Some really really really really really really
really really really really big content
</div>
</div>
Edit: я согласен, что этот пример очень похож на таблицу, и фактическая таблица была бы прекрасным выбором. Но моя страница "real" в конечном итоге будет менее табличной, и я просто хотел бы сначала освоить эту задачу!
Кроме того, по какой-то причине, когда я создаю/редактирую свои сообщения в IE7, код правильно отображается в режиме предварительного просмотра, но когда я действительно отправляю сообщение, форматирование удаляется. Редактирование моего поста в Firefox 2, похоже, сработало, FWIW.
Еще одно изменение: Да, я не принял ответ GateKiller. Это действительно хорошо работает на моей простой странице, но не на моей реальной более тяжелой странице. Я изучу некоторые связи, на которые вы мне указали.
Как настроить переключатель CSS
Я работаю над сайтом, который будет переключаться на новый стиль на определенную дату. Сайт построен в семантических HTML и CSS, поэтому изменение должно просто потребовать изменения ссылки CSS. Я работаю с дизайнером, которому нужно будет видеть, как он выглядит, а также с клиентом, которому нужно будет просматривать обновления контента в текущем виде, а также прогресс дизайна в новом виде.
Я планирую использовать значение magic querystring и / или ссылку javascript в нижнем колонтитуле, которая записывает cookie для выбора новой страницы CSS. Мы работаем в ASP.NET 3.5. Есть рекомендации?
Я должен упомянуть, что мы используем условные комментарии IE для поддержки IE8, 7 и 6. Я могу создать функцию, которая выполняет замену:
<link href="Style/<% GetCssRoot() %>.css" rel="stylesheet" type="text/css" />
<!--[if lte IE 8]>
<link type="text/css" href="Style/<% GetCssRoot() %>-ie8.css" rel="stylesheet" />
<![endif]-->
<!--[if lte IE 7]>
<link type="text/css" href="Style/<% GetCssRoot() %>-ie7.css" rel="stylesheet" />
<![endif]-->
<!--[if lte IE 6]>
<link type="text/css" href="Style/<% GetCssRoot() %>-ie6.css" rel="stylesheet" />
<![endif]-->
HTML комментарии Markup
В настоящее время я нахожусь в процессе создания своего собственного блога, и мне нужно отметить комментарии, но каков наилучший способ отметить его?
Информация, которую мне нужно представить, это:
- Имя ПЕРСОНЫ
- Граватар Значок
- Дата Комментария
- комментарий
Любая идея была бы очень оценена.
PS: меня интересует только семантика html markup.
HTML комментарии ломаются
У меня есть страница, которая генерируется, которая вставляет комментарий HTML в верхней части страницы. Внутри комментария находится команда *nix-style.
<!-- command --option value --option2 value2 --option3 -->
Этот комментарий полностью разрывает страницу. Что не так с комментарием, чтобы вызвать это, и почему это так?
Персонализированный значок рядом с адресом URL в адресной строке браузера?
Как мне закодировать значок компании, чтобы он появился слева рядом с адресом URL в адресной строке браузера?
Как создать полностью совместимый с браузером висячий стиль отступа в CSS в промежутке
Единственное, что я нашел, было:;
.hang {
text-indent: -3em;
margin-left: 3em;
}
Единственный способ для этого-поместить текст в абзац, который вызывает эти ужасно неприглядные дополнительные строки. Я бы предпочел просто иметь их в <span class="hang"></span> -м типе вещей.
Я также ищу способ дальнейшего отступа, чем просто одноуровневое подвешивание. Использование абзацев для укладки отступов не работает.
Каков наилучший способ загрузить файл через сообщение HTTP с веб-формой?
В принципе, что-то лучше, чем это:
<input type="file" name="myfile" size="50">
Прежде всего, кнопка browse выглядит по-разному в каждом браузере. В отличие от кнопки submit на форме, вы должны придумать какой-то Хак-y способ его стиля.
Во-вторых, нет индикатора прогресса, показывающего, сколько файлов было загружено. Обычно вам нужно реализовать какой-то способ на стороне клиента, чтобы отключить несколько отправок (например, изменить кнопку отправки на отключенную кнопку, показывающую "отправка формы... подождите пожалуйста.") или flash гигантское предупреждение.
Есть ли хорошие решения для этого, которые не используют Flash или Java?
Яаков : этот продукт выглядит именно так, как я ищу, но стоимость составляет $1000 и его специально для ASP.NET. есть ли какие-либо проекты с открытым исходным кодом, которые охватывают ту же или подобную функциональность?
Как это HTML на этом сайте так чисто?
Я работаю с C# на работе, но мне не нравится, как с webforms он извергает много JavaScript, не включая много строк для viewstate, которые он создает.
Вот почему мне нравится кодирование с PHP, поскольку у меня есть полный контроль.
Но мне просто интересно, как этот сайт HTML настолько чистый и элегантный?
Имеет ли использование MVC какое-то отношение к этому? Я вижу, что используется JQuery, но наверняка вы все еще используете asp:required валидаторов? Если вы это сделаете, где весь отвратительный код, который он обычно производит?
И если они не используют обязательные валидаторы полей, почему бы и нет? Конечно, это быстрее развиваться, чем с помощью JQuery?
Одна из основных причин, по которой я кодирую свои личные сайты в PHP, была связана с более элегантным HTML, который он производит, но если я смогу создать код, подобный этому сайту, то я буду работать полный рабочий день .net!
Как добавить тег pre внутрь кодового тега с jQuery?
Я пытаюсь использовать jQuery для форматирования блоков кода, а именно для добавления тега <pre> внутри тега <code> :
$(document).ready(function() {
$("code").wrapInner("<pre></pre>");
});
Firefox применяет форматирование правильно, но IE помещает весь блок кода в одну строку. Если я добавлю предупреждение
alert($("code").html());
Я вижу, что IE вставил некоторый дополнительный текст в тег pre:
<PRE jQuery1218834632572="null">
Если я перезагружаю страницу, число после jQuery изменяется.
Если я использую wrap() вместо wrapInner(), чтобы обернуть <pre> за пределами тега <code> , то и IE, и Firefox обрабатывают его правильно. Но разве <pre> не должен работать и внутри <code> ?
Я бы предпочел использовать wrapInner() , потому что затем я могу добавить класс CSS к тегу <pre> для обработки всех форматирований, но если я использую wrap() , мне придется поместить форматирование страницы CSS в тег <pre> и форматирование текста/шрифта в тег <code> , или Firefox и IE оба дросселя. Ничего особенного, но я бы хотел, чтобы все было как можно проще.
Кто-нибудь еще сталкивался с этим? Я что-то упустил?
Прокрутка переполнена DIVs с JavaScript
У меня есть div, который использует overflow:auto, чтобы сохранить содержимое внутри div, когда оно изменяется и перетаскивается по странице. Я использую некоторые ajax для извлечения строк текста с сервера, а затем добавляю их в конец div, поэтому содержимое растет вниз. Каждый раз, когда это происходит, я хотел бы использовать JS-scroll div снизу, чтобы самый последний добавленный контент был виден, подобно тому, как будет работать чат или консоль командной строки.
До сих пор я использовал этот фрагмент кода, чтобы сделать это (я также использую jQuery, следовательно, функцию $() ):
$("#thediv").scrollTop = $("#thediv").scrollHeight;
Однако это дало мне противоречивые результаты. Иногда это работает, иногда нет, и он полностью перестает работать, если пользователь когда-либо изменяет размер div или перемещает панель scroll вручную.
Целевой браузер-это Firefox 3, и он развертывается в контролируемой среде, поэтому ему вообще не нужно работать в IE.
Есть идеи, ребята? Этот вопрос поставил меня в тупик. Спасибо!
HTML различия между браузерами
Знаете ли вы о каких-либо различиях в обработке HTML тегов/свойств в разных браузерах? Например, я однажды видел страницу с тегом ввода С полем maxlength, равным "2o". Firefox и Opera игнорируют "o" и устанавливают максимальную длину в 2, в то время как Internet Explorer полностью игнорирует это поле. Может быть, вы знаете еще что-нибудь?
(Примечание: учитывая, что это, вероятно, будет список, было бы здорово, если бы общее название различия было выделено жирным шрифтом, например: различная обработка неустойчивых значений в свойствах тега )
Как удалить дочерний узел в HTML с помощью JavaScript?
Есть ли такая функция, как document.getElementById("FirstDiv").clear() ?
IE7: заголовок над меню
У меня возникли проблемы с IE7. У меня есть заголовок, который является IMG. Под ним у меня есть div, который представляет собой меню, они должны быть прикреплены друг к другу без пространства между ними. Оба имеют ширину 1000 пикселей. В Opera и FireFox заголовок и меню аккуратно прикреплены друг к другу. Однако в IE7 существует небольшое пространство между меню DIV и IMG. Я попытался явно определить заполнение и маржу на IMG, однако это не работает. У меня была эта проблема раньше, так что это, кажется, причуда IE7.
Мой Код HTML:
<div id="middle">
<img id="ctl00_headerHolder_headerImage" src="pictures/headers/header_home.jpg" style="border-width:0px;" />
<div id="ctl00_menuPanel" class="menu">
<a id="ctl00_home" href="Default.aspx" style="color:#FFCC33;">Home</a> |
<a id="ctl00_leden" href="Leden.aspx">Leden</a> |
<a id="ctl00_agenda" href="Agenda.aspx">Agenda</a> |
<a id="ctl00_fotos" href="Fotos.aspx">Foto's</a> |
<a id="ctl00_geschiedenis" href="Geschiedenis.aspx">Geschiedenis</a> |
<a id="ctl00_gastenboek" href="Gastenboek.aspx">Gastenboek</a>
</div>
</div>
Как я должен обрабатывать autolinking в wiki контент страницы?
Под автолинковкой я подразумеваю процесс, с помощью которого wiki ссылок, встроенных в содержимое страницы, генерируются либо в гиперссылку на страницу (если она существует), либо в ссылку на создание (если страница не существует).
С помощью парсера, который я использую, это двухэтапный процесс-сначала анализируется содержимое страницы и извлекаются все ссылки на страницы wiki из источника markup. Затем я передаю массив существующих страниц обратно в синтаксический анализатор, прежде чем будет создан окончательный HTML markup.
Каков наилучший способ справиться с этим процессом? Похоже, что мне нужно сохранить кэшированный список каждой отдельной страницы на сайте, а не извлекать индекс заголовков страниц каждый раз. Или лучше проверить каждую ссылку отдельно, чтобы увидеть, существует ли она? Это может привести к большому количеству запросов к базе данных, если список не был кэширован. Будет ли это по-прежнему жизнеспособно для более крупного сайта wiki с тысячами страниц?
Является ли "include file" в shtml лучшим способом сохранить данные, не изменяющиеся в базе данных
У нас есть веб-сайт, который использует команду #include file для переноса информации на некоторые веб-страницы. Авторы могут получить доступ к текстовым файлам, чтобы обновить такие вещи, как случайный класс или контактную информацию для отдела.
Мой вопрос заключается в следующем: я не вижу , чтобы кто-то использовал этот метод, и задаюсь вопросом, хорошо ли его использовать. Если нет, то к какому методу я должен перейти вместо этого?
Древовидный (против HTML-Based) веб-фреймворк?
Любой, кто пишет на стороне клиента JavaScript, знаком с DOM-древовидной структурой, на которую ссылается Ваш браузер в памяти, сгенерированной из HTML, полученной от сервера. JavaScript может добавлять, удалять и изменять узлы в дереве DOM для внесения изменений в страницу. Я считаю, что очень приятно работать с (Ошибки браузера в сторону), и очень отличается от того, как мой код на стороне сервера должен генерировать страницу в первую очередь.
Мой вопрос: какие серверные фреймворки / языки создают страницу, рассматривая ее как дерево DOM с самого начала-вставляя узлы вместо Эхо-строк? Я думаю, что было бы очень полезно, если бы клиентский и серверный код видели страницу одинаково. Вы, конечно, можете взломать что-то подобное вместе на любом языке веб-сервера, но фреймворк, предназначенный для создания страницы таким образом, может сделать некоторые очень хорошие оптимизации.
Открытый исходный код, будучи широко развернутым и будучи вокруг некоторое время все будет плюсы.
Самый простой способ сделать мэшап Google Map?
Учитывая список мест, таких как
<td>El Cerrito, CA</td>
<td>Corvallis, OR</td>
<td>Morganton, NC</td>
<td>New York, NY</td>
<td>San Diego, CA</td>
Каков самый простой способ создать карту Google с кнопками для каждого местоположения?
IE7 HTML/CSS margin-нижняя ошибка
Вот такой сценарий:
У меня есть таблица с краем-дном 19px. Ниже у меня есть форма, которая содержит некоторые наборы полей. Один из них плывет прямо. Проблема в том, что маржинальное дно не получает полный 19px в IE7. Я прошел через все ошибки IE7 css/margin/float, которые я могу придумать, и попытался исправить их, но безуспешно. Я уже некоторое время гуглил и не могу найти ничего, что могло бы помочь.
Вот что я попробовал сделать.
- Обертывание формы или набора полей в unstyled div. Никаких видимых изменений.
- Nixing The margin-bottom on the table and instead wrapping that with a div and giving it a padding-bottom of 19px. Никаких видимых изменений.
- Никсирование нижнего края таблицы и добавление div с фиксированной высотой 19px. Никаких видимых изменений.
- Ставим клир между столом и полевым набором.
Я знаю, что есть еще некоторые вещи, которые я забываю, но это те вещи, которые я недавно опробовал. Это происходит с каждым набором полей.
Я использую таблицу стилей сброса и имею xhtml переходный doctype.
Edit: у меня также есть панель инструментов IE7 web developer и Firebug. Информация о стиле для обоих браузеров говорит, что у него есть нижний край: 19px; но это явно не для IE7.
Поиск конкретного расширения FireFox / программы для разноски форм
Я ищу либо расширение FireFox, либо аналогичную программу,которая позволяет создавать запросы GET и POST. Пользователь будет вводить действие формы и столько пар ключ/значение формы, сколько требуется. Он также будет отправлять любую информацию о файлах cookie (или отправлять текущие файлы cookie из любого домена, выбранного пользователем.) Надстройка веб-разработчика-это почти то, что я ищу; она позволяет вам быстро увидеть ключи формы, но она не позволяет вам изменять их или добавлять новые (что приводит к большому количеству болезненных JavaScript в адресной строке...)
Шрифты в Интернете
Коллекция шрифтов, доступных веб-разработчику, удручающе ограничена. Я помню, что давно читал о TrueDoc, как способе доставки шрифтов вместе с веб-сайтом , но он, похоже, томился. Кто-нибудь пользовался этим или чем-то подобным? Поддерживается ли он достаточным количеством браузеров? Я упускаю хорошее решение?
Обратите внимание, что ответственный веб-разработчик не использует шрифты, доступные только на Windows (и особенно те, которые доступны только на Vista), а также не использует технологию, которая не поддерживается по крайней мере большинством браузеров.
Обновление: как уже отмечали несколько человек, нет ничего плохого в том, чтобы предоставить список резервных шрифтов для людей, у которых нет конкретного шрифта, который вы используете. Я действительно всегда так делаю, и не хотел сказать, что это неправильно.
Хотя мой вопрос был плохо сформулирован, я имел в виду, что дизайнер не должен делать слишком много предположений о том, что клиент будет иметь в наличии. Вы должны планировать, как все пользователи будут видеть ваш сайт, а не только для людей, использующих вашу собственную предпочтительную настройку.
Как вы справляетесь с пробелами в вашем HTML
Одно из моих самых больших типографских разочарований в отношении HTML-это то, как он искажает соединенный whitespace. Например, если у меня есть:
<span>Following punctuation rules. With two spaces after the period. </span>
Одно из двух пробелов, следующих за периодом, будет считаться незначимым whitespace и будет удалено. Я могу, конечно, заставить whitespace быть значимым с помощью:
<span>Following punctuation rules. With two spaces after the period. </span>
но это просто раздражает меня, чтобы сделать это, и я обычно не беспокоюсь. Кто-нибудь там автоматически вставляет значительные whitespace во внешние материалы контента, предназначенные для веб-страницы?
Динамическая Алфавитная Навигация
Я использую ColdFusion , чтобы вернуть результирующий набор из базы данных SQL и превратить его в список.
Мне нужен какой-то способ создать алфавитную навигационную панель для этого списка. У меня есть библиотека ColdFusion и jQuery.
Я ищу, чтобы создать что-то вроде этого:
A | B | C | ...
- A
- A
- B
- B
- B
- C
- D
Где нажатие на одну из букв опускает вас вниз по странице до первого элемента для этой буквы. Не все 26 букв алфавита обязательно используются.
Действительно простой веб-сайт-насколько простой вы можете пойти?
Хотя я занимался программированием, я не программист. Я недавно согласился координировать создание сайта для клуба. Ресурсы-это я, который занимался обслуживанием веб-контента (ввод контента в шаблоны HTML и ColdFusion через привратника на сам сайт; выполнение простого кодирования HTML и XML); серьезный веб-разработчик, который занимается программированием баз данных, ColdFusion и т. д., и говорит путь над головами rest из нас; два дизайнера, которые используют Dreamweaver; парень, который создал оригинал (и теперь сильно сломан) сайт на первой странице и хочет использовать Expression Web; и сортировал других членов клуба, которые еще менее технически склонны.
Сначала нам нужно немного текста и графики (великолепный дизайн был создан в Dreamweaver), некоторые ссылки (в том числе на существующие информационные бюллетени PDF для загрузки) и, возможно, подключение существующего блога Blogspot. Позже (или раньше, если это не сложно) мы можем добавить меню наведения мыши на ссылки, галерею, календарь, несколько горячих ссылок Mapquest и так далее.
Мой вопрос-Во-первых, есть ли реальная проблема с прилипанием к HTML и JPEG для начального сайта? Во-вторых, для "later" части разработки сайта, что самое простое, с чем мы можем пойти? В-третьих, есть ли издержки в том, чтобы сделать это простым способом, который заставит нас пожалеть об этом в будущем? Кроме того, есть ли хороший сайт/ресурс, где я могу узнать больше об этом с точки зрения новичка?
iFrame Лучшие Практики
У меня есть большой, hi-def JavaScript-интенсивный графический баннер для сайта, который я разрабатываю. Каково мнение каждого об использовании iframes, чтобы вы взяли на себя время загрузки только один раз? Есть ли CSS альтернатива iframe?
Не стесняйтесь просматривать сайт .
Это очень большая незавершенная работа.
Инденторы и декораторы пакетного кода
Кто-нибудь знает хорошего пакетный файл инденторов код или beautifiers?
Специально для PHP, JS и SGML-языков.
Предпочтительно с вариантами относительно стиля.
Можно ли установить или где находится корень локального документа?
При открытии файла с жесткого диска в браузере, где находится корень документа? Чтобы проиллюстрировать, учитывая следующий код HTML, если страница открыта с локального компьютера (file:///) , то где должен быть файл css для браузера, чтобы найти его?
<link href="/temp/test.css" rel="stylesheet" type="text/css" />
Нажмите на изображение, получите координаты
Я знаю, что это можно сделать, и у меня даже есть смутное представление о том, как это сделать, но оно перестает быть смутным.
У меня есть стандартный тег HTML image с изображением в нем, размером 100 на 100 пикселей. Я хочу, чтобы люди могли щелкнуть по изображению и для этого передать X и Y, которые они нажимают, в функцию.
Координаты должны быть относительно изображения сверху и слева.
Заранее благодарю вас за любую помощь.
Каков наилучший способ перейти от макета Photoshop к семантическим HTML и CSS?
Я обычно использую ручной процесс:
- Посмотрите на страницу, определите семантические элементы и постройте HTML
- Нарежьте изображения, которые мне понадобятся
- Начните писать CSS
- Настройка и повторите различные шаги по мере необходимости
Есть лучший подход, или инструмент?
Раскроя HTML - anchor теги
Сегодня я работал над навигацией по вкладкам для веб-страницы. Я попробовал подход к раздвижным дверям , который работал отлично. Затем я понял, что должен включить опцию удаления вкладки (обычно маленький крестик в правом углу каждой вкладки).
Я хотел использовать вложенный anchor, который не работал, потому что он не разрешен. Затем я увидел вкладку-навигацию на Pageflakes, которая действительно работала (включая вложенные гиперссылки). Почему?
Что такое easiest-to-use web "rich text editor"
Я ищу текстовый редактор для использования на веб-странице. Где пользователи могут отформатировать текст и получить опыт WYSIWYG. Не нужно быть слишком вычурным. Но он должен быть простым в использовании и интегрироваться в страницу. Должен генерировать HTML в качестве вывода. Поддержка AJAX (один я проверил работает только со стандартной формой отправки) и должна быть небольшой с точки зрения загрузки в браузер пользователя.
Ячейки таблицы больше, чем они должны быть
Я создал картографическую систему для игры, которая работает по принципу рисования изображения карты из плиток. Есть много причин для этого, которые я не буду здесь вдаваться, но если вы действительно хотите знать, то я уверен, что вы можете узнать, как связаться со мной ;)
Я сделал последнюю версию живой , так что вы можете точно увидеть, где находится проблема и источник. Проблема в том, что линия между верхними 2 плитками и нижними 2 плитками, я не могу понять, почему она ушла так, и любая помощь была бы оценена.
В источнике есть маркер под названием "stackoverflow", если вы ищете "stackoverflow" при просмотре источника, то он должен привести вас к рассматриваемой таблице.
Я также загрузил изображение этого вопроса .
Добавление встроенной функции поиска на веб-страницу
Можно ли встроить встроенное окно поиска в веб-страницу, которая обеспечивает аналогичную функциональность для встроенного поиска IE7Pro или аналогичных плагинов для Firefox/Safari?
Есть ли какой-то способ показать содержимое HTML внутри Flash?
Я хочу показать содержимое HTML внутри Flash. Есть ли какой-то способ сделать это? Я говорю о полномасштабном HTML (с JavaScript, если это возможно).
HTML используя Groovy MarkupBuilder, как я могу элегантно смешивать теги и текст?
При использовании Groovy MarkupBuilder у меня есть места, где мне нужно вывести текст в документ или вызвать функцию, которая выводит текст в документ. В настоящее время я использую неопределенный тег "text" для вывода. Есть ли лучший способ написать этот код?
li {
text("${type.getAlias()} blah blah ")
function1(type.getXYZ())
if (type instanceof Class1) {
text(" implements ")
ft.getList().each {
if (it == '') return
text(it)
if (!function2(type, it)) text(", ")
}
}
}
Лучше всего regex поймать атаку XSS (Межсайтовый сценарий) (в Java)?
Джефф действительно написал об этом в Sanitize HTML . Но его пример находится в C#, и я на самом деле больше заинтересован в версии Java. У кого-нибудь есть лучшая версия для Java? Достаточно ли хорош его пример, чтобы просто преобразовать непосредственно из C# в Java?
[Update] я поставил награду за этот вопрос, потому что SO не был так популярен, когда я задавал этот вопрос, как сегодня (*). Что же касается всего, что связано с безопасностью, то чем больше людей в нее заглядывают, тем лучше!
(*) На самом деле, я думаю, что он все еще был в закрытом бета-тестировании
Почему Response.BufferOutput = False, не работает?
Эта проблема началась на другой доске , но Дэйв Уорд, который был очень быстрым и полезным, тоже здесь, поэтому я хотел бы забрать здесь, надеюсь, последний оставшийся кусочек головоломки.
В основном, я искал способ сделать постоянные обновления веб-страницы из долгого процесса. Я думал, что AJAX - это правильный путь, но у Дэйва есть хорошая статья об использовании JavaScript . Я интегрировал его в свое приложение, и он отлично работал на моем клиенте, но NOT мой сервер WebHost4Life. У меня есть еще один сервер @ Brinkster и решил попробовать его там и он DOES работает. Все коды одинаковы на моем клиенте, WebHost4Life и Бринкстере, так что, очевидно, что-то происходит с WebHost4Life.
Я планирую написать им email или запросить техническую поддержку, но я хотел бы быть активным и попытаться выяснить, что может происходить с их концом, чтобы вызвать эту разницу. Я сделал все возможное с моим кодом, чтобы отключить буферизацию, как Page.Response.BufferOutput = False . Какие настройки сервера они могли бы реализовать, чтобы вызвать эту разницу? Есть ли какой-нибудь способ обойти его самостоятельно, без их помощи? А если нет, то что им нужно будет делать?
Для справки, ссылка на рабочую версию более простой версии моего приложения находится @ http://www.jasoncomedy.com/javascriptfun/javascriptfun.aspx , а та же версия, которая не работает, находится @ http://www.tabroom.org/Ajaxfun/Default.aspx . Вы заметите, что в рабочей версии вы получаете обновления с каждым шагом, но в той, которая этого не делает, он сидит там долгое время, пока все не будет сделано, а затем делает все обновления для клиента сразу ... и от этого мне становится грустно.
Всплывающие подсказки на изображении
У меня есть изображение, и на нем есть логотипы (это карта), я хочу иметь небольшое всплывающее окно с информацией о местоположении этого логотипа, когда пользователь перемещает свою мышь на указанный логотип.
Могу ли я сделать это без использования фреймворка javascript, и если да, то есть ли какие-либо небольшие библиотеки/скрипты, которые позволят мне сделать это?
100% минимальная высота CSS макет
Как лучше всего сделать элемент минимальной высоты 100% в широком диапазоне браузеров ? В частности, если у вас есть макет с верхним и нижним колонтитулами фиксированной высоты, как сделать так, чтобы средняя часть содержимого заполняла 100% пространства между ними с нижним колонтитулом, закрепленным в нижней части ?
Фильтрация тегов привязки в строке
Мне нужно отфильтровать якорные теги в строке. Например,
Check out this site: <a href="http://www.stackoverflow.com">stackoverflow</a>
Мне нужно иметь возможность отфильтровать тег привязки к этому:
Check out this site: http://www.stackoverflow.com
Этот формат также не может быть постоянным. У тега Привязки могут быть и другие атрибуты. Кроме того, в строке может быть более 1 якорного тега. Я делаю фильтрацию в vb.net, прежде чем он пойдет в базу данных.
Как поставить пробел перед текстом опции в элементе HTML select?
В выпадающем списке мне нужно добавить пробелы перед параметрами в списке. Я пытаюсь это сделать
<select>
<option>  Sample</option>
</select>
для добавления двух пробелов, но он не отображает пробелов. Как я могу добавить пробелы перед текстами опций?
Regex парсить ссылки и описания
C#: что такое хороший Regex для разбора гиперссылок и их описания?
Пожалуйста, обратите внимание на нечувствительность к регистру, пробелы и использование одинарных кавычек (вместо двойных кавычек) вокруг тега HREF.
Пожалуйста, также рассмотрите возможность получения гиперссылок, которые имеют другие теги в пределах <a> тегов, таких как <b> и <i> .
Предварительный просмотр HTML в Java
Какие библиотеки / методы, о которых вы знаете, могут выполнять базовое представление HTML в Swing? Можете ли вы прокомментировать свой опыт?
Какие библиотеки парсинга HTML вы рекомендуете в Java
Я хочу разобрать некоторые HTML, чтобы найти значения некоторых атрибутов / тегов и т. д.
Какие HTML Парсеры вы рекомендуете? Есть плюсы и минусы?
Ограничения программ чтения с экрана
Я веб-разработчик, и я хочу сделать веб-сайты, которые я разрабатываю, более доступными для тех, кто использует программы чтения с экрана. Какие ограничения есть у читателей экрана, о которых я должен знать больше всего, и что я могу сделать, чтобы избежать этих ограничений.
Этот вопрос был вызван чтением другого вопроса о каптчах, не основанных на изображении . Там комментатор сказал, что поля формы honey pot (поля формы, скрытые с помощью CSS, которые заполнит только бот), являются плохой идеей, потому что читатели экрана все равно их заберут.
Действительно ли программы чтения с экрана настолько примитивны, что они будут читать текст, который даже не отображается на экране? В идеале, не могли бы вы сделать программу чтения с экрана, которая ждала, пока страница не закончит загрузку, применила все css и даже запустила функции Javascript onload, прежде чем она выяснила, что на самом деле отображается, а затем прочитала это выключено для пользователя? Вы, вероятно, даже можете определить части страницы, которые являются меню или оглавлением, и дать какой-то простой способ для этих частей, которые будут прочитаны исключительно или пропущены. Я думаю, что сообщество программистов могло бы придумать лучшее решение этой проблемы.
Сохраняя пары ключевых значений вместе в HTML с jQuery?
Учитывая выбор с несколькими вариантами в jQuery.
$select = $("<select></select>");
$select.append("<option>Jason</option>") //Key = 1
.append("<option>John</option>") //Key = 32
.append("<option>Paul</option>") //Key = 423
Как следует хранить и извлекать ключ?
ID может быть местом OK, но не будет гарантировано уникальным, если у меня есть несколько общих значений select (и другие сценарии).
Спасибо
и в духе TMTOWTDI.
$option = $("<option></option>");
$select = $("<select></select>");
$select.addOption = function(value,text){
$(this).append($("<option/>").val(value).text(text));
};
$select.append($option.val(1).text("Jason").clone())
.append("<option value=32>John</option>")
.append($("<option/>").val(423).text("Paul"))
.addOption("321","Lenny");
DOM манипуляции в PHP
Я ищу хорошие методы манипулирования HTML в PHP. Например, проблема, с которой я в настоящее время имею дело, - это проблема с деформированным HTML.
Я получаю входные данные, которые выглядят примерно так:
<div>This is some <b>text
Как вы заметили, в HTML отсутствуют закрывающие теги. Я мог бы использовать парсер regex или XML для решения этой проблемы. Тем не менее, вполне вероятно, что в будущем мне придется делать другие манипуляции DOM. Интересно, есть ли какие-нибудь хорошие библиотеки PHP, которые обрабатывают манипуляции DOM подобно тому, как Javascript справляется с манипуляциями DOM.
должны ли веб-сайты расширяться при изменении размера окна?
Я задаю этот вопрос исключительно с точки зрения удобства использования: должен ли веб-сайт расширяться/растягиваться, чтобы заполнить область просмотра при изменении размера окна браузера?
Я точно знаю, что есть очевидные минусы:
- Широкие столбцы текста трудно читать
- Написание html/css с использованием процентов может быть болью
- Это делает вас уязвимым к тому, чтобы ваш дизайн растягивался за его пределы, если изображение слишком широкое, или добавляется блок текста, который слишком длинный. (смотрите, это боль, чтобы кодировать html/css)
Единственное, о чем я могу думать, это то, что пользователям, которые используют изменение размера шрифта, встроенное в их браузер, не придется иметь дело со столбцами длиной всего в несколько слов, с телом whitespace с обеих сторон. Тем не менее, я думаю, что это может быть проблемой браузера больше, чем что-либо еще (Firefox 3 позволяет вам масштабировать все , а не только текст, который все время пригодится)
edit: я заметил, что переполнение стека имеет фиксированную ширину, но кодирование ужаса изменяет размер. Похоже, у Джеффа нет сильного предпочтения в любом случае.
Есть ли простой способ сделать html textarea и тип ввода текста одинаково широкими?
Есть ли простой способ получить HTML textarea и входной тип="text" для рендеринга с (приблизительно) равной шириной (в пикселях), который работает в разных браузерах?
Решение CSS/HTML было бы блестящим. Я бы предпочел не использовать Javascript.
Спасибо /Erik
HTML выберите тег с черным фоном-выпадающий треугольник невидим в Firefox 3
У меня есть следующие HTML (обратите внимание, что CSS делает фон черным, а текст белым)
<html>
<select id="opts" style="background-color: black; color: white;">
<option>first</option>
<option>second</option>
</select>
</html>
Safari достаточно умен, чтобы сделать маленький треугольник, который появляется справа от текста, того же цвета, что и текст переднего плана.
Другие браузеры в основном игнорируют CSS, поэтому они тоже хороши.
Firefox 3 однако применяет цвет фона, но оставляет треугольник черным, поэтому вы не можете его видеть, как это
Я не могу понять, как это исправить - кто-нибудь может помочь? Есть ли здесь -moz-select-triangle-color или что-то непонятное вроде этого?
Regex, чтобы соответствовать всем тегам HTML, кроме
и
Мне нужно сопоставить и удалить все теги, используя регулярное выражение в Perl. У меня есть следующее:
<\\??(?!p).+?>
Но это все равно совпадает с закрывающим тегом </p> . Есть ли какие-либо подсказки о том, как соответствовать закрывающему тегу?
Обратите внимание, что это выполняется на xhtml.
Как отправить форму, когда нажата клавиша возврата?
Может ли кто-нибудь сказать мне, как отправить форму HTML, когда нажата клавиша возврата и если в форме нет кнопок? Кнопки "Отправить" там нет . Вместо этого я использую пользовательский div.
Вёрстка. Как реализовать border внутри блока, а не на его границе? Пример в описании
Хочу избавиться от фона-картинки, градиент сделаю через box-shadow в css, но как сделать пунктирную линию?

Нужно обойтись одним тегом, чтобы потом это скормить jqueryui.com/demos/button/
Есть идеи?
Есть ли хорошие и полные руководства по HTML5 и CSS3 на русском языке?
Если уж мало или нет, но известны намного превосходящие по качеству английские — было бы хорошо и про них узнать. Требование одно: материал должен посвятить человека во все актуальные аспекты HTML5 и CSS3 «с ноля».
Как сверстать HTML таблицу из 3D-кирпичей?
Верстаю диаграмму про сервисно-ориентированную архитектуру:

Но хочется-то такую:

Подскажите, пожалуйста, как. Может, можно как-то применить box-shadow из CSS3? Или может кто-нибудь видел и подскажет ссылку, где уже успешно свёрстано, а я дальше разберусь и скопирую.
Opera 10.61 (Linux), jQuery и стилизованный файл-инпут [Решено]
CSS:
.button {
width: 193px; /* размеры кноки */
height: 62px;
margin: 14px 0px;
background: url(img/0309input.jpg);
overflow: hidden; /* поможет избежать выхода поля за границы кнопки */
position: relative; /* относительно этого блока будем позиционировать поле */
}
.button input {
height: 200px;
position: absolute; /* для более простого позиционирования поля */
top: 0; /* начальные координаты */
right: 0;
opacity: 0; /* само поле делаем прозрачным, чтобы показать фон кнопки */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
cursor: pointer;
font-size: 200px;
z-index: 5;
}
#filename {
z-index: 3;
position: absolute;
top: 6px;
left: 6px;
width: 184px;
height: 19px;
overflow: hidden;
}
HTML:
Загрузить новое:
<div class="button">
<div id="filename"></div>
<input id="photo" type="file" name="photo" value=""/>
</div>
jQuery:
$(document).ready(function(){
$("#photo").change(function() {
$("#filename").text($("#photo").val());
});
});
Ubuntu 10.04
Результат в Opera 10.61

Результат в Chrome

Результат в Firefox

Собственно вопрос: ЧЯДНТ & WTF?
Что это еще за C:\fakepath и откуда он берется? При этом обычные, не стилизованные, файл-инпуты в Опере отображают правильный полный путь от корня…
UPD:
Только что проверила на компах с Win7, WinXP — то же самое.
UPD 2:
Сделала так:
function str_replace(search, replace, subject) {
return subject.split(search).join(replace);
}
$("#photo").change(function() {
var newpath = str_replace(«C:\\fakepath\\», "", $("#photo").val());
$("#filename").text(newpath);
});
Работает.
Однако шокирована наличием такой «секьюрити-приблуды», или же такого «средства совместимости», неважно. Я уже и не помню, на каком количестве сайтов использовала этот способ стилизации инпута… это теперь на них везде fakepath? Мда…
width: 193px; /* размеры кноки */
height: 62px;
margin: 14px 0px;
background: url(img/0309input.jpg);
overflow: hidden; /* поможет избежать выхода поля за границы кнопки */
position: relative; /* относительно этого блока будем позиционировать поле */
}
.button input {
height: 200px;
position: absolute; /* для более простого позиционирования поля */
top: 0; /* начальные координаты */
right: 0;
opacity: 0; /* само поле делаем прозрачным, чтобы показать фон кнопки */
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
cursor: pointer;
font-size: 200px;
z-index: 5;
}
#filename {
z-index: 3;
position: absolute;
top: 6px;
left: 6px;
width: 184px;
height: 19px;
overflow: hidden;
}
<div class="button">
<div id="filename"></div>
<input id="photo" type="file" name="photo" value=""/>
</div>
$("#photo").change(function() {
$("#filename").text($("#photo").val());
});
});
Кроссбраузерный способ воспроизвести MIDI на веб странице
Для одного проекта мне понадобилось воспроизводить midi-файлы на странице. Естественно работать это должно на большинстве браузеров (ну ие6 я уже не учитываю). Но, насколько я понял, либо нужен плагин QuickTime, который есть далеко не на каждой машине, либо Flash, который судя по тому, что рассказал мне гугл, с midi работать не умеет, либо тег audio, который далеко не везде реализован и в FF, например, с midi тоже не дружит.
В общем я удивлён. Формат старый, активно используется (в кругах музыкантов), а с поддержкой туго. Есть у кого-нибудь варианты, как воткнуть воспроизведение midi на страницу?
Проверка форм в html5 (firefox 4 beta x)
Имеется ли какой-нибудь способ удалить всплывающую посдказку из input'а, появляющуюся при применении к полю метода setCustomValidity()? Возможно через псевдо-класс :invalid, аль еще как-то…
Рассуждения по ссылке ответа не дали :(.
UI мобильных приложений: Native SDK vs. HTML5
Предположим, перед вами стоит задача написать кросс-платформенное приложение для iPhone, Android и других современных мобильных OS; к примеру, мобильный клиент для вашего веб-сервиса.
Что вы выберете: изучать тонкости native SDK для построения UI для каждой конкретной платформы, или использовать WebKit и HTML5?
Сразу отмечу, что использование HTML5 никоим образом не ограничивает в доступе ко всей функциональности устройства, поскольку WebKit-движок и на iPhone и на Android позволяет взаимодействовать native-коду и javascript. Вопрос касается исключительно разработки пользовательского интерфейса — layout'ов, виджетов, анимаций, разнообразных графических элементов и тому подобного.
Как заставить webkit не переносить текст в select'е на вторую строку, а просто скрывать его?

Safari 5.0, Chrome 5.0.375.127
Что бы вы улучшили или изменили в интерфейсе Хабрахабра?
Я хотел бы в этом вопросе собрать ответы от пользователей, которые желают внести какие-то изменения в интерфейс Хабрахабра.
Приветствуются разнообразные небольшие изменения и улучшения. Не нужно добавлять комментарии вида «сделайте уже Хабрахабр фиксированным на 800 пикселей» или «перекрасьте все ссылки в оранжевый цвет». Разговор идёт именно о тех небольших вещах в интерфейсе, глаз за которые у вас чаще всего цепляется.
Быть может, вы очень хотели бы что-то поменять или добавить: небольшие изменения в отображении комментариев, вопросов, записей, текста где-то на сайте. Или, скажем, вам не нравится запятая после имени пользователя в комментариях. Возможно, какое-то маленькое функциональное новшество, которое прижилось бы здесь. Если вы почувствовали, что готовы поделиться подобными мыслями, будьте любезны сделать это. Я буду вам очень благодарен.
Формат (по возможности) таков: один ответ на данный вопрос — одно улучшение любого рода. В комментариях — его обсуждение.
Вложенные формы, динамические элементы
Есть форма, в ней вложенны несколько элементов — например учредители, которые надо туда добавить (кол-во неограничего). Раньше делал кнопку «еще один учредитель», по нажатию которой добавлялись еще поля, Теперь форма сложнее, и необходимо красивое решение. Технологии — PHP/jQuery.
Пример.
Структура такая:
поле 1
поле 2
учредители:
учредитель 1: фио1, место регистрации, поле 3, поле 4
учредитель 2: фио2, место регистрации, поле 3, поле 4
-добавить учредителя (кнопка добавляет еще инпутов)
поле 3
поле 4
поле 2
учредители:
учредитель 1: фио1, место регистрации, поле 3, поле 4
учредитель 2: фио2, место регистрации, поле 3, поле 4
-добавить учредителя (кнопка добавляет еще инпутов)
поле 3
поле 4
Html 5 & NetBeans
Уважаемы скажите пожалуйста как подружить html5 и netbeans? Может плагин есть какой нибудь?
Как масштабировать шрифт, чтобы он занял собой блок целиком?
Успех на Хабре лёгкого стартапа Ты — супер подвиг меня воскресным вечером покопать в направлении своего улучшателя настроения (пользователи IE извините).
Он работает только в разрешении 1280x1024, и для вычисления размера шрифта используется магический код centered.style.fontSize = (900 - 3 * message.length) + '%';. При этом всё равно проблемы, если кто-то пользуется + "+".
А как бы сделать, чтобы размер шрифта подбирался, чтобы заполнить div? Может можно его адаптивно увеличивать и как-то вычислять размер получающегося блока?
Upd. Пришлось самой разбираться. По ссылке всё работает…
HTML шаблоны
Периодически возникает потребность в простом HTML шаблоне — по сути нужен файл стилей, возможно картинки бэкграунда и иконок, и простенький HTML для примера. Естественно должно быть достаточно вариантов для выбора. Все это желательно под свободной лицензией и бесплатно.
[jQuery UI tabs + layout] layout внутри таба на весь экран... как?
Доброго времени суток… Пытаюсь сделать, чтобы внутри одного из табов был сплиттер таким вот образом:
<link type="text/css" rel="stylesheet" href="css/smoothness/jquery-ui-1.8.4.custom.css"/>
<link type="text/css" rel="stylesheet" href="css/jquery-layout.css"/>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"/>
<script type="text/javascript" src="js/jquery-ui-1.8.4.custom.min.js"/>
<script type="text/javascript" src="js/jquery-layout.js"/>
"Content-Type" content="text/html; charset=UTF-8">
ii
<script type="text/javascript">
$(function() {
$("#tabs").tabs();
});
</script>
"tabs">
- "#expertTab">Expert mode
"#userTab">User mode
<script type="text/javascript">
var expertLayout = null;
$(function() {
expertLayout = $("#expertTab").layout({
resizable: true,
closeable: false
});
});
</script>
<div id="expertTab">
<div id="layout1" class="ui-layout-west">
asdf
</div>
<div id="layout2" class="ui-layout-center">
fdsa
</div>
</div>
<div id="userTab"></div>
</div>
</body>
</html>
* This source code was highlighted with Source Code Highlighter.
и получаю вот это:
.
Как можно сделать, чтобы табы вместе со своим содержимым были во всю высоту окна браузера?
<link type="text/css" rel="stylesheet" href="css/smoothness/jquery-ui-1.8.4.custom.css"/>
<link type="text/css" rel="stylesheet" href="css/jquery-layout.css"/>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"/>
<script type="text/javascript" src="js/jquery-ui-1.8.4.custom.min.js"/>
<script type="text/javascript" src="js/jquery-layout.js"/>
"Content-Type" content="text/html; charset=UTF-8">
ii
<script type="text/javascript">
$(function() {
$("#tabs").tabs();
});
</script>
"tabs">
- "#expertTab">Expert mode
"#userTab">User mode
<script type="text/javascript">
var expertLayout = null;
$(function() {
expertLayout = $("#expertTab").layout({
resizable: true,
closeable: false
});
});
</script>
<div id="expertTab">
<div id="layout1" class="ui-layout-west">
asdf
</div>
<div id="layout2" class="ui-layout-center">
fdsa
</div>
</div>
<div id="userTab"></div>
</div>
</body>
</html>
* This source code was highlighted with Source Code Highlighter.
Сильно едет вёрстка в Opera
Кардинально съезжает верстка в Опере (нижняя часть страницы). Во всех остальных браузерах всё нормально (даже в IE6). Что думать даже не знаю. Прошу помощи.
Объект проблемы: geforester.ru/water/
Как заставить webkit не переносить текст в select'е на вторую строку, а просто скрывать его?

Safari 5.0, Chrome 5.0.375.127
Что бы вы улучшили или изменили в интерфейсе Хабрахабра?
Я хотел бы в этом вопросе собрать ответы от пользователей, которые желают внести какие-то изменения в интерфейс Хабрахабра.
Приветствуются разнообразные небольшие изменения и улучшения. Не нужно добавлять комментарии вида «сделайте уже Хабрахабр фиксированным на 800 пикселей» или «перекрасьте все ссылки в оранжевый цвет». Разговор идёт именно о тех небольших вещах в интерфейсе, глаз за которые у вас чаще всего цепляется.
Быть может, вы очень хотели бы что-то поменять или добавить: небольшие изменения в отображении комментариев, вопросов, записей, текста где-то на сайте. Или, скажем, вам не нравится запятая после имени пользователя в комментариях. Возможно, какое-то маленькое функциональное новшество, которое прижилось бы здесь. Если вы почувствовали, что готовы поделиться подобными мыслями, будьте любезны сделать это. Я буду вам очень благодарен.
Формат (по возможности) таков: один ответ на данный вопрос — одно улучшение любого рода. В комментариях — его обсуждение.
Вложенные формы, динамические элементы
Есть форма, в ней вложенны несколько элементов — например учредители, которые надо туда добавить (кол-во неограничего). Раньше делал кнопку «еще один учредитель», по нажатию которой добавлялись еще поля, Теперь форма сложнее, и необходимо красивое решение. Технологии — PHP/jQuery.
Пример.
Структура такая:
поле 1
поле 2
учредители:
учредитель 1: фио1, место регистрации, поле 3, поле 4
учредитель 2: фио2, место регистрации, поле 3, поле 4
-добавить учредителя (кнопка добавляет еще инпутов)
поле 3
поле 4
поле 2
учредители:
учредитель 1: фио1, место регистрации, поле 3, поле 4
учредитель 2: фио2, место регистрации, поле 3, поле 4
-добавить учредителя (кнопка добавляет еще инпутов)
поле 3
поле 4
Html 5 & NetBeans
Уважаемы скажите пожалуйста как подружить html5 и netbeans? Может плагин есть какой нибудь?
Как масштабировать шрифт, чтобы он занял собой блок целиком?
Успех на Хабре лёгкого стартапа Ты — супер подвиг меня воскресным вечером покопать в направлении своего улучшателя настроения (пользователи IE извините).
Он работает только в разрешении 1280x1024, и для вычисления размера шрифта используется магический код centered.style.fontSize = (900 - 3 * message.length) + '%';. При этом всё равно проблемы, если кто-то пользуется + "+".
А как бы сделать, чтобы размер шрифта подбирался, чтобы заполнить div? Может можно его адаптивно увеличивать и как-то вычислять размер получающегося блока?
Upd. Пришлось самой разбираться. По ссылке всё работает…
HTML шаблоны
Периодически возникает потребность в простом HTML шаблоне — по сути нужен файл стилей, возможно картинки бэкграунда и иконок, и простенький HTML для примера. Естественно должно быть достаточно вариантов для выбора. Все это желательно под свободной лицензией и бесплатно.
[jQuery UI tabs + layout] layout внутри таба на весь экран... как?
Доброго времени суток… Пытаюсь сделать, чтобы внутри одного из табов был сплиттер таким вот образом:
<link type="text/css" rel="stylesheet" href="css/smoothness/jquery-ui-1.8.4.custom.css"/>
<link type="text/css" rel="stylesheet" href="css/jquery-layout.css"/>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"/>
<script type="text/javascript" src="js/jquery-ui-1.8.4.custom.min.js"/>
<script type="text/javascript" src="js/jquery-layout.js"/>
"Content-Type" content="text/html; charset=UTF-8">
ii
<script type="text/javascript">
$(function() {
$("#tabs").tabs();
});
</script>
"tabs">
- "#expertTab">Expert mode
"#userTab">User mode
<script type="text/javascript">
var expertLayout = null;
$(function() {
expertLayout = $("#expertTab").layout({
resizable: true,
closeable: false
});
});
</script>
<div id="expertTab">
<div id="layout1" class="ui-layout-west">
asdf
</div>
<div id="layout2" class="ui-layout-center">
fdsa
</div>
</div>
<div id="userTab"></div>
</div>
</body>
</html>
* This source code was highlighted with Source Code Highlighter.
и получаю вот это:
.
Как можно сделать, чтобы табы вместе со своим содержимым были во всю высоту окна браузера?
<link type="text/css" rel="stylesheet" href="css/smoothness/jquery-ui-1.8.4.custom.css"/>
<link type="text/css" rel="stylesheet" href="css/jquery-layout.css"/>
<script type="text/javascript" src="js/jquery-1.4.2.min.js"/>
<script type="text/javascript" src="js/jquery-ui-1.8.4.custom.min.js"/>
<script type="text/javascript" src="js/jquery-layout.js"/>
"Content-Type" content="text/html; charset=UTF-8">
ii
<script type="text/javascript">
$(function() {
$("#tabs").tabs();
});
</script>
"tabs">
- "#expertTab">Expert mode
"#userTab">User mode
<script type="text/javascript">
var expertLayout = null;
$(function() {
expertLayout = $("#expertTab").layout({
resizable: true,
closeable: false
});
});
</script>
<div id="expertTab">
<div id="layout1" class="ui-layout-west">
asdf
</div>
<div id="layout2" class="ui-layout-center">
fdsa
</div>
</div>
<div id="userTab"></div>
</div>
</body>
</html>
* This source code was highlighted with Source Code Highlighter.
Сильно едет вёрстка в Opera
Кардинально съезжает верстка в Опере (нижняя часть страницы). Во всех остальных браузерах всё нормально (даже в IE6). Что думать даже не знаю. Прошу помощи.
Объект проблемы: geforester.ru/water/
JQuery, JSON, iframe и кавычки вместе не работают?
Произвожу upload файла в iframe(по другому вроде никак). В качестве ответа генерирую JSON объект где одно из полей это строчка с html описывающим ошибку.
Вопрос: Как мне забрать этот ответ от сервера его не побив?
Когда использую .text() из JQuery все теги удаляются.
Когда использую .html() из JQuery он «исправляет» html и после этого не возможно сделать десериализацию JSON потому-что кавычки теряют экранирующий символ. получаем Invalid JSON.
Выравнивание символа * в строке
Как видно, * располагается «прижатым к верху» в строке. Например 2*2.
Как можно изящно и незатейливо сделать * по середине строки по вертикали тем же шрифтом чтобы работало в списках, абзацах и т.п.?
Плавающие блоки. Равная ширина. Разная высота. Расположить без дырок
Есть ли способ расположить плавающие блоки равной ширины и разной высоты так, чтобы по вертикали между ними не образовывалось «дырок»? То есть все отступы между блоками должны равны по высоте и ширине.
Визуально — как в рекламных газетах.
Объявлений много и разных, но отступы равные (Так нужно), а не
куча белых пятен разного размера между объявлениями, но каждый новый ряд образует горизонталь верхней границей (такие способы знаю).
Версия для печати?
Как убрать служебные пометки со страницы при печати? Дату, заголовок html-страницы, адрес страницы, номер страницы. И чтобы это работало в IE6+.
Подскажите хороший html5 аудиоплеер
Хотел реализовать для своего сайта воспроизведение аудио без флеша, но хорошего инструмента работающего с плейлистами и имеющего достаточное большое колличество настроек не нашел.
Нужно что-то напоминающее prostopleer и www.plusmusica.com/
Влияют ли микроформаты на позицию сайта в выдаче Яндекса?
Вопрос не праздный и возник в связи с предполагаемым желанием Яндекса дать пользователю сайты с наиболее полной информацией по запросу, а по возможности и дать её прямо в выдаче. А микроформаты как раз работают на пользователя, то есть позволяют как минимум дать информативный сниппет в выдаче. По идее, это весьма положительный фактор ранжирования.
Кроме того, возможно, наличие микроформатов позволяет считать вёрстку в целом более качественной.
Был ли у кого-нибудь из вас опыт внедрения микроформатов и затем подъёма в выдаче?
Поделитесь им, пожалуйста.
Верстка сайта в стиле Mac OS X
Хочется странного: чтобы сайт (и особенно формочки на сайте) были максимально похожи на десктопный интерфейс Mac OS X (естественно, во всех браузерах и все элементы формы, включая ниспадающие меню).
Нашел где-то на форуме мертвую ссылку на тему для extJS. Из живого самое похожее это тема Aristo здесь: pixelmatrixdesign.com/uniform/.
Кто-нибудь такое пытался делать? Может быть видели ссылки на темы или фреймворки яваскриптовые?
В чем же лучше писать лекции на нетбуке?
Вопрос для меня крайне актуальный, так как поймал себя на том, что давно печатаю гораздо быстрее, чем пишу. Да и в первом случае результат получается стабильно менее корявый. :)
Мысль такова, что основная проблема в схемах и графиках. Ну, еще пригодились бы удобные hotkeys для списков, заголовков и некоторых других элементов, требующих специального оформления.
Со схемами должно быть просто, многие представляют собой банальное дерево. С таблицами тоже. Мне это видится как какой-то специальный xml формат, который потом конвертируется в pdf или то, что захочется.
Изобретать велосипед пока не хочется, с системами специально предназначенными для верстки типа LateX не работал. Может как раз он мне и нужен.
Div or tables ?
Привет всем.
Хотел поинтересоваться Вашим авторитетным мнением.
На чем легче учиться верстать новичку в мире верстки?
Div или Таблицы?
На чем предпочитаете верстать именно Вы?
п.с. Извините за опостылевший всем вопрос.
С чего начать изучение вёрстки?
В связи с изучением Python появилась потребность в изучении HTML/CSS. С чего начать, если есть только самые базовые знания? Интересуют книги, статьи, что угодно.
Посоветуйте книгу html для профессионалов
Знаю почти все теги по памяти и могу сверстать любой дизайн под любой браузер. Но чувствую, что использую очень кривые решения, на написание которых уходит много времени. Посоветуйте хорошую книгу или ресурс где можно научиться профессиональной верстке.
Как сделать, чтобы ширина div зависела от содержимого?
Пробовал float: left, но в данном случае это работает только в IE и Opera.
Как есть

Как хотелось бы — работает в IE и Opera с float: left

При размещении изображений если оно не помещается, то переносится на следующую строку, при этом в том месте, где изображение не поместилось образовывается пустота, блок остаётся растянутым на всю ширину.
Поддерживает ли HTML 5 (iPad) потоковое видео?
Специалисты по веб-стандартам, подскажите пожалуйста, есть ли возможность запустить потоковое видео на iPad?
Как я понимаю, всё сводится к формату H.264. Стримится ли он?
Растягивание контейнера двумя блоками с float: left
Возникла интересная задача — необходимо сверстать блок с нефиксированной шириной (popup), включающий два других блока с всё той же неизвестной шириной, таким образом, чтобы внутренние блоки выстраивались друг рядом с другом в линеечку и растягивали основной блок. Проблема вот в чём: если указать обоим внутренним блокам float: left, то они выстроятся друг под другом. Собственно никакие числовые параметры всех трёх блоков неизвестны — поэтому как-то указать ширину у чего-либо невозможно.
Вот простейший пример:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr">
<head>
<style type="text/css">
div.popup {
position: absolute;
}
div.popup > div {
float: left;
white-space: pre;
}
</style>
</head>
<body>
...
<div class="popup">
<div>Какое-то неизвестное содержимое</div>
<div>Ещё какое-то неизвестное содержимое</div>
</div>
...
</body>
</html>
В результате получим одну строчку под другой, а необходимо, чтобы они были в одну линию друг рядом с другом.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ru" lang="ru" dir="ltr">
<head>
<style type="text/css">
div.popup {
position: absolute;
}
div.popup > div {
float: left;
white-space: pre;
}
</style>
</head>
<body>
...
<div class="popup">
<div>Какое-то неизвестное содержимое</div>
<div>Ещё какое-то неизвестное содержимое</div>
</div>
...
</body>
</html>
Что вставить в футер когда туда нечего вставить?
Заказчик попросил убрать контактную информацию на отдельную страницу Контакты, а в футер попросил вставить что-нибудь «на свой вкус», но чтобы не было пусто.
Как растянуть изображение на канве *без* сглаживания (в webkit)
Надо увеличить изображение в 2, 3, 4 и т.д. раз, причём, чтоб сохранялась пикселизация.
Что пробовал:
1) через css увеличить размер канвы. +) быстро -) есть сглаживание
2) mozImageSmoothingEnabled=false; drawImage(...). +) бысто, без сглаживания -) gecko only
3) getImageData/putImageData и увеличение руками. +) без сглаживания -) очевидно, медленней чем нативные методы.
Использую способ №3, в моём случае (раз-loop-ленные циклы, update по регионам) работает мгновенно.
Но!
В последнее время много говорят о смерти флеша и о безоговорочной победе html5. Так вот, во flash можно выключить сглаживание, а как же великий и могучий html5? Неужели в этом гиганте, убивающем флэш наповал, нельзя сделать такой вот примитив (т.е. чтоб кроссбраузерно)?
p.s. в некоторых местах забыл расставить тэги sarcasm.
Безопасно ли вставлять JSON в HTML
Безопасно ли вставлять JSON со строками, полученными от пользователя, непосредственно в код страницы через тег script? Нельзя ли при этом с помощью специальных html-последовательностей нарушить JSON, сделав XSS? JSON генерируется PHP-функцией json_encode.
Пример.
$queryData = json_encode(array('query' => isset($_GET['query']) ? $_GET['query'] : '', ...));
Шаблон страницы:
<script type="text/javascript">
<?php echo 'var queryData = ' . $queryData . ';' ?>
</script>
$queryData = json_encode(array('query' => isset($_GET['query']) ? $_GET['query'] : '', ...));<script type="text/javascript">
<?php echo 'var queryData = ' . $queryData . ';' ?>
</script>
открытые html-парсеры?
Для распарсивания html использую libxml2. В общем устраивает, но хочется что-нибудь побыстрее.
Смотрел некоторые опенсорсные поисковики (Xapian, Dataparksearch) — у них свои собственные парсеры. Разбираться с их исходниками и адаптировать под свои нужды — еще не созрел, хотя уже близко к тому.
Не знает ли кто другие открытые парсеры, более легкие и шустрые, чем libxml2? Мне ни Гугл, ни Яндекс помочь не смогли. Возможно не так спрашивал.
Hover-state отдельных областей canvas
Здравствуйте! Возникла проблема реализации hover-state отдельных областей canvas.
Предположим, что на холсте 40х80 два квадрата по 40 пикселов. Понять, какую именно область подсвечивать (при назначении обработчика mousemove) проблем не представляет, проблема в том, чтобы изменять (например, затемнять) область надо лишь 1 раз, и когда указатель покинул нужное пространство возвратить исходный вид области. Прошу прощения, если вопрос глуп — я только осваиваю canvas. Заранее спасибо за советы.
Какие теги кошернее: em или i, strong или b?
Существуют HTML-теги, предназначенные (вроде как) для одного и того же и рендерящиеся одинаково. Например пары em и i, strong и b.
Какие теги форматирования «правильнее» применять (там где уместно форматирование тегами — например при оформлении топиков/комментов здесь же на Хабре, на StackOverflow, и т.п.)?
Сам я склоняюсь к em/strong т.к. они более, так сказать, семантичны. С другой стороны, i/b вроде как лаконичнее.
Кто и почему искоренил в хабрапочте предпросмотр?
В нынешней хабрапочте, господа, совершенно нет предпросмотра, так что при каждой попытке отправить сколько-нибудь сложный HTML-код поневоле возможною становится пренеприглядная опечатка, за которую подчас даже и стыдно перед адресатом — и уж во всяком случае она беспременно нарушает желаемое впечатление. А ведь некогда предпросмотр был, я ясно помню это! Так кто ж порешил искоренить его, и какими при том мог он руководствоваться соображениями? Вот загадка. Пускай же автор этого умопотрясающего нововведения явится да поведает о своих побуждениях, потому что они не могут не быть весьма любопытны.
"Резиновость" элементов js
Есть ли способ определить, что размер какого-либо элемента страницы задан в %? в DOM как я понимаю, хранятся уже вычисленные значения, автоматически пересчитываемые при ресайзе.
Можно поставить вопрос иначе: можно ли каким либо образом изменять такие автоматически вычисленные размеры без потери «резиновости»?
К кому из верстальщиков обратиться?
Не дают публиковать в вакансии (не более 1 в мес), пишу сюда:
Есть сайт Cottage.ru — www.cottage.ru
Cейчас нам фейслифтят логотип, а я немного набрасываю верстку в Photoshop'e (но я не специалист в этом)
Началось все с того, что мы решили открыть раздел «Строительство» который является очень важным и большим и никак не вписывается в сайт.
И я начал его рисовать, постепенно прийдя к тому, что нужна резиновая верстка и упрощение шапки
Но — я не спец в этом деле — не дизайнер и не веб-технолог.
Что нужно:
1) Резиновая верстка и инфо-дизайн раздела «Строительство»
(пример по ссылке — он еще не доработан, показано лишь направление движения)
http://www.cottage.ru/temp/cottage-stroitelstvo.png
2) Резиновая верстка и инфо-дизайн главной страницы Cottage.ru
(пример по ссылке — тоже не доработано, тоже — направление)
http://www.cottage.ru/temp/cottage-main.png
3) Верстку других страниц можно обсудить позже.
Единственное и обязательное требование — максимальное сохранение баннерных площадок портала.
Важно понимание и желание улучшить предложенные макеты и грамотно кроссбраузерно их сверстать.
Деньги и сроки обсуждаются.
Михаил Подрабинек
podrabinek@gmail.com
Семантичная HTML-вёрстка многострочной цитаты?
Вопрос к приверженцам семантичной HTML-разметки.
Как следует верстать многострочную цитату? Понятно, что тегом blockquote, но тут мне видится затруднение в весьма распространённом случае, когда в последнем абзаце после завершения цитаты идёт ещё какой-либо текст: обычно это указание источника в скобочках, знак сноска или даже банальная точка вне цитаты. Что делать с таким текстом?
С одной стороны, он не является частью цитаты, так что внутри тега blockquote ему делать нечего. С другой стороны, он является частью последнего абзаца из сгруппированных в том же теге.
Совсем худо становится, если расставлять кавычки с помощью CSS; тогда они захватывают и этот текст, что совершенно неправильно. Можно, конечно, исхитриться, обернув этот тег в span, которому задать абсолютное позиционирование и небольшой отступ слева; тогда он выпадет из контекста и пойдёт после завершающей кавычки. Но это имеет всякие нежелательные побочные следствия: появление в определённых ситуациях полосы прокрутки, не соответствующее видимому порядку текста копирование…
В общем, хочется решения и семантически корректного и чтобы выглядело правильно — или хотя бы соображений почему это невозможно.
Как работает навигация по письмам в Gmail?
В web-интерфейсе Gmail навигация по письмам сделана следующим образом:
Изначально мы на странице «Входящие»
https://mail.google.com/mail/?hl=ru&shva=1#inbox
Нажимаем на письмо и попадаем на
https://mail.google.com/mail/?hl=ru&shva=1#inbox/12c4911509040a02
При этом открывается само письмо.
Как видно, мы работаем через «решетку» #, поэтому перезагрузки страницы не происходт, вместо этого происходит переход «по якорю». Тем не менее, URL меняется, и браузер делает переход без отправки запроса на сервер, в результате чего мгновенно открывается текст письма (который уже где-то хранился в DOM и посредством JS выводится пользователю), и становится доступной кнопка «Назад» в браузере, что очевидно. Если ее нажать, мы возвращаемся к списку писем, текст письма при этом скрывается, конечно же без перезагрузки страницы, и это очень быстро работает.
Вопрос: Как это работает? Конкретно, после нажатия «Назад». Ведь мы работаем на одной странице, нужно как-то закрыть открытое письмо. Как работает этот механизм? Какое события обрабатывается? Надеюсь, суть вопроса ясна.
Простейший HTML редактор?
Посоветуйте простейший HTML редактор, нужен для начальника.
Необходимое:
— подсветка синтаксиса HTML, CSS
— форматирование HTML — чтобы мог облагородить HTML-кашу без отступов и переносов строк
— поиск и замена была бы тоже кстати, желательно с регулярками
Онлайн варианты тоже подойдут.
Какой линуксовой коммандой получать тэги песни из mp3/wma/ogg/flac?
Есть ли консольная тулза для получения тэгов (название, группа, альбом, год) которая работает сразу со всеми этими форматами?
Очистка HTML кода от тегов Microsoft Word (2000-2007)?
Подскажите пожалуйста метод очистки HTML кода от тегов Word-a
Кода много, вручную не предлагать. (~10MB)
(юзер не использовал кнопку очистки от тегов в TinyMCE )
Необходимо обработать файл/базу для дальнейшего использования
пробовал: tidy, Word2003 web-filtered и еще пару инструментов, но результата ожидаемого не дало
Клонирование элементов HTML5 в IE 6-8. Кто придумает как обойти баг?
Приятного времени суток.
Обнаружил своеобразный баг.
После добавления
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
HTML5 элементы в IE 6-8 отображаются нормально.
Но если клонировать узел с HTML5 элементами c помощью .cloneNode(true) или jQuery .clone(true), то все HTML5 элементы будут потеряны.
Как показывает .innerHTML клонированного узла, превращается в <:nav></:nav>.
Если почистить innerHTML с помощью регулярного выражения… элементы просто исчезают без следа.
Есть ли идеи, как можно обойти этот баг, не создавая поэлементно достаточно сложную иерархию узлов?
С уважением и надеждой на ответ.
<!--[if lt IE 9]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
Вопрос к верстальщикам. Стоит ли указывать размеры в пикселях, или все же в em?
Сейчас все браузеры нормально увеличивают страницы и размеры в пикселях для них не помеха. Насколько я знаю, ранее рекомендовалось указывать все размеры в em, чтобы страница правильно масштабировалась при увеличении.
Так как быть сейчас, с современными браузерами? Тупо указывать все в пикселях? И есть ли какие исключения?
Как внедрить "print presets" в PDF файл?!?
суть корневой проблемы тут: www.habrahabr.ru/qa/2373/
наиболее полезным был третий ответ про print presets. вот ссылка: habrahabr.ru/qa/2373/#answer_9737
используемая нами библиотека генерации pdf не поддерживает требуемой нам функциональности.
вот эта библиотека: www.tufat.com/s_html2ps_html2pdf.htm
на вскидку есть несколько простых вариантов решения этой задачи:
1. находим другую библиотеку которая может добавить в файл требуемые параметры.
2. дорабатываем библиотеку www.tufat.com/html2ps.php так, чтобы была возможность добавлять «print presets»
3. учимся внедрять в любой уже существующий PDF документ предустановленные настройки диалога печати «print presets»
буду признателен за рекомендации.
Как закрепить div на странице, которая отображается в iframe?
На сайте страница отображается в iframe со скроллами. Нужно, после drag&drop, закрепить div на определенном месте страны, которая в iframe. Как это сделать? Гугл не помог.
в src iframe адрес добавляется динамически. Т.е. юзверь может ввести совершенно любой адрес.
Dropbox html 404
На официальном форуме дропбокса люди тоннами рыдают насчёт ошибки 404 при расшаривании хтмл (в папке Public, всё по уму). Выпало и на мою долю с этим столкнуться.
Удалось ли кому-нибудь решить эту проблему или дождаться её саморазрешения (есть такие упоминания)?
1. Смена расширения на .html.txt позволяет отобразить собственно текст страницы
2. Картинки из папки Public и её подпапок отображаются
3. Адреса и урлы страницы корректные:
\My Dropbox\Public\AB\html\home.html
dl.dropbox.com/u/1234567/AB/html/home.html
Можно ли уже начинать использовать html5?
Очень понравился HTML5 Boilerplate и есть желание использовать его на практике. Поэтому сабж.
UPD. Можно и нужно :)
Как динамически менять ширину DIV?
Подскажите каким образом можно динамически поменять ширину DIV в зависимости от того сколько DIV с фиксированной шириной в него вложено? К примеру: ширина основного дива 8500 — в него вложено 10 DIVов по 800px плюс 50 на отступы. Вложенные DIVы выстраиваются горизонтально. Суть в том что бы не было лишней прокрутки к примеру когда вложенных DIV не 10 а 5
Парсинг идущих друг за другом тегов?
Понадобилось сделать объединение идущих друг ха другом тегов img в один блок, который с помощью javascript превратится в галерею. Добавить один img в блок несложно — preg_replace тут сработает. А вот как выделить в отдельный блок несколько подряд идущих тегов?
Допустим, есть такой код:
<font color="black"><font color="#0000ff"><</font><font color="#800000">img</font> <font color="#ff0000">src</font><font color="#0000ff">="image1.jpg"</font> <font color="#ff0000">alt</font><font color="#0000ff">=""</font> <font color="#0000ff">/></font><br/>
<font color="#0000ff"><</font><font color="#800000">img</font> <font color="#ff0000">src</font><font color="#0000ff">="image2.jpg"</font> <font color="#ff0000">alt</font><font color="#0000ff">=""</font> <font color="#0000ff">/></font><br/>
<font color="#0000ff"><</font><font color="#800000">img</font> <font color="#ff0000">src</font><font color="#0000ff">="image3.jpg"</font> <font color="#ff0000">alt</font><font color="#0000ff">=""</font> <font color="#0000ff">/></font><br/>
<font color="#0000ff"><</font><font color="#800000">p</font><font color="#0000ff">></font>eewrwerr<font color="#0000ff"></</font><font color="#800000">p</font><font color="#0000ff">></font><br/>
<font color="#0000ff"><</font><font color="#800000">div</font><font color="#0000ff">></font>qweqweqwe<font color="#0000ff"></</font><font color="#800000">div</font><font color="#0000ff">></font><br/>
<font color="#0000ff"><</font><font color="#800000">img</font> <font color="#ff0000">src</font><font color="#0000ff">="image4.jpg"</font> <font color="#ff0000">alt</font><font color="#0000ff">=""</font> <font color="#0000ff">/></font><br/>
<font color="#0000ff"><</font><font color="#800000">p</font><font color="#0000ff">></font>eewrwerr<font color="#0000ff"></</font><font color="#800000">p</font><font color="#0000ff">></font><br/>
<font color="#0000ff"><</font><font color="#800000">img</font> <font color="#ff0000">src</font><font color="#0000ff">="image5.jpg"</font> <font color="#ff0000">alt</font><font color="#0000ff">=""</font> <font color="#0000ff">/></font><br/>
<font color="#0000ff"><</font><font color="#800000">img</font> <font color="#ff0000">src</font><font color="#0000ff">="image6.jpg"</font> <font color="#ff0000">alt</font><font color="#0000ff">=""</font> <font color="#0000ff">/></font></font><br/>
<br/>
<font color="gray">* This source code was highlighted with <a href="http://virtser.net/blog/post/source-code-highlighter.aspx"><font color="gray">Source Code Highlighter</font></a>.</font>
image4.jpg как раз в данном случае и не нужен, т.к. за ним не идёт другой тег img. А нужно получить 2 списка тегов img: с изображениями image1.jpg, image2.jpg, image3.jpg и image5.jpg, image6.jpg
Не могу придумать регулярное выражение для распарсивания такого кода. Если кто встречался с такой задачей, поделитесь, пожалуйста, алгоритмом.
<font color="black"><font color="#0000ff"><</font><font color="#800000">img</font> <font color="#ff0000">src</font><font color="#0000ff">="image1.jpg"</font> <font color="#ff0000">alt</font><font color="#0000ff">=""</font> <font color="#0000ff">/></font><br/>
<font color="#0000ff"><</font><font color="#800000">img</font> <font color="#ff0000">src</font><font color="#0000ff">="image2.jpg"</font> <font color="#ff0000">alt</font><font color="#0000ff">=""</font> <font color="#0000ff">/></font><br/>
<font color="#0000ff"><</font><font color="#800000">img</font> <font color="#ff0000">src</font><font color="#0000ff">="image3.jpg"</font> <font color="#ff0000">alt</font><font color="#0000ff">=""</font> <font color="#0000ff">/></font><br/>
<font color="#0000ff"><</font><font color="#800000">p</font><font color="#0000ff">></font>eewrwerr<font color="#0000ff"></</font><font color="#800000">p</font><font color="#0000ff">></font><br/>
<font color="#0000ff"><</font><font color="#800000">div</font><font color="#0000ff">></font>qweqweqwe<font color="#0000ff"></</font><font color="#800000">div</font><font color="#0000ff">></font><br/>
<font color="#0000ff"><</font><font color="#800000">img</font> <font color="#ff0000">src</font><font color="#0000ff">="image4.jpg"</font> <font color="#ff0000">alt</font><font color="#0000ff">=""</font> <font color="#0000ff">/></font><br/>
<font color="#0000ff"><</font><font color="#800000">p</font><font color="#0000ff">></font>eewrwerr<font color="#0000ff"></</font><font color="#800000">p</font><font color="#0000ff">></font><br/>
<font color="#0000ff"><</font><font color="#800000">img</font> <font color="#ff0000">src</font><font color="#0000ff">="image5.jpg"</font> <font color="#ff0000">alt</font><font color="#0000ff">=""</font> <font color="#0000ff">/></font><br/>
<font color="#0000ff"><</font><font color="#800000">img</font> <font color="#ff0000">src</font><font color="#0000ff">="image6.jpg"</font> <font color="#ff0000">alt</font><font color="#0000ff">=""</font> <font color="#0000ff">/></font></font><br/>
<br/>
<font color="gray">* This source code was highlighted with <a href="http://virtser.net/blog/post/source-code-highlighter.aspx"><font color="gray">Source Code Highlighter</font></a>.</font>
Как добавлять html и plain text файлы в индекс Sphinx?
В документации Sphinx написано «The data to be indexed can generally come from very different sources: SQL databases, plain text files, HTML files, mailboxes, and so on».
Но в Quick Sphinx usage tour показано только как настроить Sphinx для работы c базой данных Mysql. Как настроить его для работы с html и plain text?
Верстка. Margin-top вложенные дивы. Странный баг?
Здравствуйте.
Столкнулся с проблемой
<div id="d1"><br/>
<div id="d2"><br/>
ee<br/>
</div><br/>
</div><br/>
#d2{ margin-top:10px; }<br/>
<br/>
Почему-то смещается не d2 внутри d1, а d1 отъезжает сверху на 10px
В чем проблема?
<div id="d1"><br/>
<div id="d2"><br/>
ee<br/>
</div><br/>
</div><br/>#d2{ margin-top:10px; }<br/>
<br/>
CSS хак, работающий в актуальных версиях Safari, причем только под Windows?
Приятного времени суток.
Столкнулся сo скверным поведением button в Safari под Windows.
(Проблемы с обнулением стилей по умолчанию, marging, padding etc.)
В резульате теряю нужный мне пиксель высоты.
Не то что бы это был конец света… но хочеться «что бы все».
Подскажите CSS хак, работающий в актуальных версиях Safari, причем только под Windows.
Какие "заготовки" вы используете при вёрстке нового проекта?
Надоело верстать с нуля, знаю что многие используют различные заготовки вроде oocss, html5 boilerplate, однако кроме этих двух я больше ничего не знаю.
Посмотрел oocss и понял что из его функционала ничего не нужно, а идея не так и интересна.
html5bloilerplate сломан, половина всего не работает, что-то работает не так, что-то даже в хроме не работает.
Может есть что-то ещё?
Редактор HTML для ubuntu с выбором файлов, как в Dremweaver

В dreamweaver есть удобнейшая функция выбора файла для тега img и для background-image (в css). Очень хочу найти редактор для убунты с таким же окошком выбора. Максимум, что я видел, это автоподсказка пути…
Собственно вопрос, кто-то видел что-то подобное?
Возможно ли растягивать контейнер с абсолютно-позиционированными div'ами внутри по высоте на максимум средствами css?
Всем привет.
Есть некий html-шаблон с контейнером и абсолютно спозиционированными дивами в нем:
<html>
<body>
<div id="container">
<div id="first"></div>
<div id="second"></div>
</div>
</body>
</html>
div#first и div#second имеют position:absolute, с жестко указанными left и top. (ну например, top:2000px).
Возможно ли средствами css (не javscript'ом) растягивать контейнер на максимальную высоту?
Я понимаю, что div с position:absolute в теории должен быть невидимым для контейнера, и тем не менее, при описанной выше конструкции высота самой страницы растягивается, и появляется скроллбар.
И так, еще раз вкратце: возможно ли растянуть контейнер с абсолютно позиционированными дивами внутри на максимальную высоту (что бы в нем умещались все дивы) средствами css?
<body>
<div id="container">
<div id="first"></div>
<div id="second"></div>
</div>
</body>
</html>
Помощь по HTML5
Я сразу прошу прощения за ламерский вопрос, но, думаю, за плюсик да карму кто-то поможет.
Есть кусок текста:
Сатирик Милонов пришел однажды к Гнедичу пьяный, по своему обыкновению, оборванный и растрепанный. Гнедич принялся увещевать его. Растроганный Милонов заплакал и, указывая на небо, сказал; «Там, там найду я награду за все мои страдания...»
«Братец,- возразил ему Гнедич,- посмотри на себя в зеркало: пустят ли тебя туда?»
Записан в таком виде:

Вопрос:
Как выделить фразу «пустят ли тебя туда?» красным цветом и подчеркнуть без переноса на след. строку?
Рационально ли это сделать через тэг «a»?
Не гнобите сильно, пожалуйста ;)
Android парсинг HTML?
Добрый день, разбирал вот этот пример habrahabr.ru/blogs/android/91815/, кусок кода, где парсится профиль пользователя для нахождения аватарки. Там всё реализовано через работу со строкой — один substring().
Возник вопрос: Можно ли пробежаться по DOM полученного документа, как, например, с jQuery, опираясь на классы и идентификаторы элементов?
Или, может, подскажите более гуманный метод получения данных со страницы.
Спасибо!
Переделать сайт для iPad
Пожалуйста помогите оценить масштаб проблемы
Есть сайт, достаточно обычный, сделан на Битриксе. Там помимо прочего есть несколько Flash видеороликов, все они находятся на одной страничке. Хочется сделать так, чтобы всё работало в iPad то есть использовать HTML5. Пожалуйста объясните, каков масштаб изменений необходим, насколько это трудоёмко.
Странный рендеринг шрифтов в IE9 beta
Попутно работая над своим проектом, столкнулся со странной «отрисовкой» шрифтов в Internet Explorer 9.
Тень пала именно на работу браузера, так в остальных интернет-обозревателях, будь то Хром, Опера, либо даже восьмой Интернет Эксплорер — все выглядит отлично. Вот, наглядно в сравнении:

Мало того, при детальном рассмотрении проблемы, оказалось, что IE9 beta вдобавок своевольно сжал шрифт по ширине.


Также видим, что и сам фильтр сглаживания стал работать несколько иначе, если сравнивать с предыдущими версиями браузера.
А теперь, собственно, к вопросу то :-)
Да, понятно, что это бета, есть шанс что все еще поправится-исправится, но мало ли.
Да, одновременно с публикацией этой заметки пытаюсь отправить баг(?) в саппорт микрософта (тот еще квест, с постоянной установкой непонятно для чего дополнительных плагинов, без которых и сообщение в поддержку то не вышлешь).
И все-таки… Если кто-то уже сталкивался с подобной проблемой и, вдруг внезапно, знает ее решение — не поделитесь ответом?
И даже если знаете, что решения нет, то это тоже будет большой подмогой :-)
HTML5 анимация в canvas на JavaScript
Каким образом реализовывать анимацию на canvas в HTML5?
Просто задать интервал времени, через который каждый раз будет вызываться функция, которая в свою очередь будет заново прорисовывать содержимое canvas, или есть лучший способ?
Как использовать rotate в canvas HTML5?
Как правильно применять JS метод rotate для элемента canvas в HTML5?
Если я просто делаю context.rotate(0.05) то изображение начинает съезжать по какойто странной траектории.
Задача простая: повернуть вокруг своей оси на 60 градусов объект canvas.
Приведите пример.
UPD: Что в этом коде не так?
function html5(){
// экспериминирую с canvas HTML5
ctx.beginPath()
ctx.arc(110, 113, 105, 0, Math.PI);
ctx.lineWidth = 10;
ctx.strokeStyle = '#000';
ctx.rotate(2); // < — переаворачиваем, тут явно нужно что-то еще добавить…
ctx.stroke();
ctx.closePath();
}
Android WebView и HTML код страницы?
Можно ли изменять код страницы загруженой в вебвью после loadUrl (в данном случае мне надо запретить ей отображать некоторые блоки)?
HTML шаблон для админки?
Всем привет!
Посоветуйте, пожалуйста, готовый шаблон для админки сайта.
Задача сделать приятную глазу админку, но дизайнить и верстать нет желания/времени.
Программа максимум по функционалу: страница входа, таблица с сортировкой по столбцам, форма редактирования, дерево, рабочий стол (dashboard).
В гугле уже посмотрел, интересует именно личный опыт.
П.С. Также приветствуются любые соображения и идеи по быстрому созданию бекенда сайта.
Заранее спасибо.
Верстка: скролл-контент в резиновом блоке с width 100%?
Добрый день!
Необходимо сделать резиновый блок со скроллом так, чтобы при любом размере окна он по ширине был равен родительскому элементу и содержал больший по размеру контент. Просмотр этого контента — с помощью скролла.

Знаю, что можно повесить js-обработчик на onResize, но я думаю есть и css-путь…
Подскажите пожалуйста как можно так сделать?
Css3 box-shadow?
Возникла ситуация когда потребовалась сделать тень у элемента не как обычно, а с одной и в другом случае с двух(противоположных) сторон. И как я понял легитимным путем такого не добиться? неужели придется мудрить. Надеюсь что я чего-то не знаю.
Нужен сервис по редактированию электронных рассылок
Пользуемся услугами мейлкуба. Рассылку тупо верстаем руками в блокноте — подзапарило уже. А может есть такой сервис, где я укажу стили (текста, ссылок, заголовков и списков)? Затем напишу текст — размечу его, а мне отдадут валдиный ХТМЛ код.
Использование общего localStorage для поддоменов?
Здравствуйте. Обращаюсь за советом. Стоит задача — не гонять данные через cookies постоянно на сервер, а хранить их в localStorage и иметь к ним доступ через JavaScript.
Проблема в том, что localStorage даёт доступ только для конкретного адреса. То есть для адресов:
sub.domain.ru
sub2.domain.ru
данные будут разные. Есть ли какой-то способ объединить данные?
Пробовал вариант с iframe:
var ifr = document.createElement('iframe');<br/>
ifr.src = 'domain.ru/localstorage.html';<br/>
ifr.name = 'localStorageIframe';<br/>
document.body.appendChild( ifr );<br/>
после чего обращение к данным (и их сохранение) шло через window.frames[«localStorageIframe»].localStorage[«lastseen»]
Но это не дало результата — данные по-прежнему разные для разных поддоменов.
Есть ли у кого мысли, как это реализовать?
var ifr = document.createElement('iframe');<br/>
ifr.src = 'domain.ru/localstorage.html';<br/>
ifr.name = 'localStorageIframe';<br/>
document.body.appendChild( ifr );<br/>
Подключение CSS
Условие:
Имеется ТОЛЬКО один файл стилей *.css, несколько страниц *.html.
К примеру, в странице №1 тэг < td > используется большое колличество раз. Страница №2 так же имеет эти тэги.
Задача:
Как, подключив один файл стилей, сделать так, что-бы стили для тэга TD (в данном случае) идентифицировались только одной страничкой.
Комментарий:
Идентификация класса в каждом теге TD не очень устраивает.
С меня плюс+карма.
Фрейм на странице?
Хабралюди, подскажите, как сделать в хидере страницы фрейм, который не будет перезагружаться во время серфинга по сайту (во фрейме будет плейер)
Статья-перевод про баг table в старом IE
Не могу найти статью, где создатель старого ие признавался, откуда появился один из багов верстки, который тянется до сих пор.
UPD
В твиттере мне написал GreLI и дал ссылку на оригинальную статью и, т.к. переводил он (GreLI уже удален), то перевода на Хабре больше нет.
Статья называлась "«Карма кода» или почему innerHTML не работает в таблицах", лежала в блоге Internet Explorer и начиналась следующим текстом:
Я недавно писал о клиентском яваскрипте для интерфейса, основанном на HTML. Во время работы я столкнулся со свойством браузера Internet Explorer, за которое хотя бы частично ответственен уже 10 лет! Давайте, я это объясню, а также причину и эффективный способ обхода.
Оставлю это сообщение тут, вдруг у кого-то перевод завялялся.
Box-shadow и firefox?
Хочется узнать опыт коллег, кто как борется с тормозами текущей версии ff при использовании box-shadow в элементах. Кроме классических способов создания тени старыми способами, можно еще делать с помощью -moz-border-image, но и у этого способа есть подводные камни, например необходимость корректировки заднего фона, особенно при совместном употреблении с закругленными углами.
Есть ли хорошие универсальные решения?
1C события
Здравствуйте, к сожалению, пришлось столкнуться с 1С (:.
Есть textarea (html), подгружается в 1С. Мне надо как-то транслировать события onClick, onBlur,… в 1С и обрабатывать на стороне 1С их скриптами.
Т.е. я могу из 1C через eval подписаться на них, но тогда обработка будет на стороне js и только js-кодом. Возможно ли то, что я хочу?
— Версия последняя 8.2. Я сам просто 1с не знаю, моя задача — js. Но в данном вопросе без знания 1с не обойтись.
У меня есть форма, там есть какое-то поле, для него я определяю onClick:
Procedure ПолеHTMLДокумента1onclick(Control, pEvtObj)
сообщить(test);
EndProcedure
Так вот, мне надо из js вызвать это событие onclick. Т.е. сэмулировать, чтобы на стороне 1с оно обработалось и вывело 'test'.
сообщить(test);
EndProcedure
Проблема с font-weight у ссылки :visited
Проблема встречается в chrome и в новом FF 4 тоже
Код CSS:
a { font-weight:bold }
a:visited { font-weight:normal;}
Код HTML:
<a href="http://habrahabr.ru/post/222/">Ссылка</a>
В IE7, 8, FF3, Opera 11 посещенная ссылка перестает быть жирной.
В FF4 и Chrome font-weight:normal для посещенной ссылки не срабатывает, она так и остается жирной
Как же заставить её стать нормальной в этих браузерах и из-за чего вообще возникает такая проблема?
Никак не могу разобраться
a:visited { font-weight:normal;}