HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Подключение favicon.ico, свойства и значения
На сайте первого канала РФ можно увидеть два подключения фавиконки: <link rel="icon" href="favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" /> На некоторых сайтах используют разную конструкцию, а здесь и вовсе две. Что означают значения свойств, какие из них обязательные и как правильно писать в HTML5?
0 votes2 answers -
Последовательная загрузка элементов
Подскажите пожалуйста, в каком направлении мне искать возможность последовательной загрузки элементов на страничке. Есть ли возможность загружать их в порядке: Бекграунд -> структура -> Рисунки? Я рассмотрел 2 возможности CSS и JS. в СSS я не понял как сделать так что бы элементы загружались последовательно. а JS код вышел здоровым шопипец. Может есть простое решение?
0 votes7 answers -
тег abbr и IE6
Тег abbr в IE6 не поддерживается, стили для него тоже не принимаются. Но вроде как есть решение - надо в стилях писать html\:abbr. Проверил - не работает. Но на всякий случай желательно проверить. У кого есть IE6 посмотрите, подчеркивается текст или нет? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Тег ABBR</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> HTML\:ABBR, ABBR { border-bottom: 1px dashed red; /* Пунктирное подчеркивание текста */ color: #000080; /* Темно-синий цвет текста */ } &…
0 votes9 answers -
Позиционирование текста на шапке
Здравствуйте! Прошу помощи у Вас. Есть шапка сайта,на ней расположен текст,при просмотре сайта в полном окне все нормально,но стоит уменьшить окно браузера,то надпись на шапке съезжает,не знаю вот как решить эту проблему,пример на скриншоте: 1 - полное окно браузера,надпись "название автошколы" там где надо. 2 - уменьшенное окно,надпись уезжает вверх. HTML: <div id='header'> <img src='/img/logo.jpg' width='100%'> <div id='textlogo'> <h1 class='name'>Название автошколы</h1> <h1 class='addres'>(495)321-21-12</h1> </div> CSS: #textlogo h1.name { margin: 0; padding: 0; font-size: 240%; position: relative; …
0 votes6 answers -
НАЛОЖЕНИЕ таблиц в GMAIL - вопрос
Всем привет!) сверстал страницу для почтовой рассылки http://juliastepanets.com/email/email.html у меня есть наслоение на странице, наслоение иконок и надписей на конверт потом вставил в gmail, оказалось что почтовики не читают "минусы" - "margin: -100px;" "position relative" и "adsolute" - почта тоже не видит, и выходит так: http://goo.gl/vF54d0 : Пожалуйста подскажите как выполнить наложение таблиц в гмейле? Спасибо!))
0 votes8 answers -
Помогите сверстать адаптивный элемент с iframe и текстом рядом с ним
Люди добрые, беда. Не могу никак сверстать адаптивный элемент из iframe с виде от ютуба внутри и текста рядом с ним. Align, div, float все пробовал. Нужно просто, чтобы текст обтекал айфрейм с отступом и съезжал вниз (если экран маленький). Помогите чем сможете! Заранее огромное спасибо! вот код для начала http://cssdeck.com/labs/v0ykdapb
0 votes3 answers -
Не получаются сайты на практике
Всем привет! Может кто помочь с таким вопросом. Прочитал я можно сказать теорию по HTML и CSS (помню В общем-то большинство тегов и свойств CSS, разобрался в основных особенностях). Плюс заходя на сайт уже примерно могу понять его структуру. С этого момента я решил приняться за практику. Но возникла такая проблема: скачиваю я, например, макет из интернета (будь то psd макет или готовый набор файлов). В случае с набором файлов, я пытаюсь просто переписать html, а следом и css код. Так сказать скопировать его, чтобы понять как этот сайт сделан. И в принципе понимаю все теги и все свойства. Так же понимаю, для чего они там присутствуют. Но вот если передо…
0 votes14 answers -
Почему не работает box-shadow?
В хроме и сафари на iOS 11 не работает box-shadow у псевдоэлемента под логотипом http://leveler.ru/caspol/ на десктопе все хорошо. Почему так?
0 votes5 answers -
Opera img & hspace
Обычно всегда спаршиваю у Гугла.. Но тут впал в ступор... Помогите, кто чем может, а то мозг сейчас через уши вытечет.... HTML (работает в ИЕ, но в Опере все картинки склеиваются, выглядит убого): <div class="contacts"> <a href="link"><img src="pic/home.gif" alt="Home_site" width="11" height="9" hspace="5" align="left"/></a> <a href="index.php?id=100"><img src="pic/map.gif" alt="Карта сайта" width="11" height="9" hspace="5" align="left"/></a> <a href="mailto:email@kremlin.ru"><img src="pic/mail.gif" alt="E-mail" width="10" height="9" hspace="5" align="left"/></a> <a href="/index.php?id=63"><img src="pi…
0 votes3 answers -
png fix
Есть такая штука iepngfix.htc для IE6, так вот с ней не нажимаются ссыдки если фон png, типо в Интернете пишут что нужно назначит position:relative и всё заработает. Я назначил position:relative на всё, на сами ссылки и на родительский div и на <ul> <li> и нифига не нажимаются всё равно. Проверяю в IETester.
0 votes12 answers -
<img> в правом нижнем углу
Всем доброго времени суток! такой вот вопрос: как мне разместить картинку либо через div, либо через img, прижатой к нижнему правому углу, если размер всей страницы не помещается в экран? Картинка должны быть поверх всего и она больше чем сам футер. Заранее спасибо.
0 votes8 answers -
Учебник JSP
Пожалуйста, подскажите, хороший самоучитель JSP, чтобы быстро вникнуть в синтаксис языка и разобраться. Хорошо бы не книжку, а ресурс в интернете. Если кому попадался online учебник, подобный htmlbook.ru, поделитесь ссылкой. Заранее благодарен.
0 votes3 answers -
Не уходит файл через POST запрос
Возникла неожиданная проблема вообще непонятно из-за чего. Возможно даже это не проблема HTML'a, точнее это точно не его проблема,но всетаки спрошу, вдруг кто сталкивался. Есть форма, multipart/form-data прописан, все вроде правильно, но пост массив не содержит информацию о передаваемом файле. Ячейки с именем logo (<input type=file name=logo>) просто нет. Уже все излазал, хтаксесы проверял...везде смотрел, вообще без понятия что за дела.
0 votes13 answers -
модуль анонсов
помогите написать код для модуля анонсов произведений на главной странице. то есть, человек вставляет в определенное окошко ссылку на свой рассказ, кликает на "разместить" и эта ссылка появляется на главной странице. было бы хорошо, если при этом еще было бы окно для введения названия рассказа. главная страница у меня сделан в dreamweaver. прошу помочь, так как искал долго и безуспешно, а знаний для написания кода самому, пока не хватает. заранее благодарен всем кто откликнется
0 votes15 answers -
Еще раз про pixel-ratio
Возникла такая проблема. Я суждаю сайт до 760 пикселей и делаю нужный вид ему. Открываю в эмуляторе айфоне в хроме (там опция такая) - вижу совершенно другую верстку - элементы куда-то уезжают, во бщем будто бы ширина экрана совершенно иная. Это и есть эффект повышенной плотности пикселей или я чего-то не догоняю?
0 votes12 answers -
Ошибка downloadable font: incorrect file size in WOFF header
Всем привет, Я пытаюсь в свою админку прикрутить "Metis Bootstrap Admin Template" темплейт и столкулся с тем что некоторые картинки в моих страницах не отображаются Например элемент с классом fa-calendar и в css-файле я нахожу определение .fa-calendar:before { content: "\f073";}В консоле браузера есть ошибка downloadable font: incorrect file size in WOFF header (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:1)source: http://local-ci22.com/images/assets/metis/lib/font-awesome/fonts/fontawesome-webfont.woff?v=4.1.0По ссылке выше файл fontawesome-webfont.woff скачивается. Как можно исправить эту ошибку?
0 votes3 answers -
Исходный код страницы в браузере отображается по другом ,чем страница откуда скопировали этот код.
Здравствуйте. Довольно парадоксальная ситуация. в IE8 открывают страницу сайта, копирую исходный код страницы в html файл .(ничего не меняю) Открываю получившийся файл в IE8 , все отбражается идеально, тогда как на странице с которой скопирован исходный код верстка валится в ноль. То есть стили одинаковые ,js одинаковые, но исходная страница валится , а сохраненый исходный код страницы со свалившейся страницы отображается идеально. Как такое может быть?
0 votes9 answers -
Горизонтальная прокрутка (white-space)
Доброго дня уважаемое сообщество. Столкнулся с неприятным нюансом и очень нужна помощь. https://jsfiddle.net/96o200ds/2/ Для горизонтальной прокрутки у меня блок .overview имеет white-space: nowrap; (Потому что если не поставить так, тогда горизонтальная прокрутка не появится, а контент будет идти себе по высоте вниз). Выставить четкую ширину (например: 2000px ) я не могу, так как ширина контента динамическая. Проблема в том, что контент не хочет выстраиваться на всю высоту и идти себе по ширине дальше, за границы видимого блока, а выстраивается в одну строчку. Можно ли сделать так, чтобы контент заполнял всю высоту и дальше выстраивался себе в ширину? П.С.…
0 votes7 answers -
0 votes3 answers
-
Div нерастягивает родительский.
Собственно самый что ни есть ламерский вопрос. есть div. в нем ещё два diva в две колонки. Как сделать, чтобы родительский div растягивался не только если у дочернего есть контент, но и если просто задан height.
0 votes6 answers -
тег <p>
я всегда использовал тег <p> Пример: <p>Обновлена информация в разделе <a href="http://cmonet.ru/index.php?option=com_content&view=article&id=160&Itemid=51">Монеты на обмен</a> появилось 11 новых монет на обмен.</p> <h2>2 рубля:</h2><p><b>Сталинград</b> 2000 и <b>Гагарин</b> 2001 две штуки.</p> <h2>10 Рублей:</h2><p><b>Вооруженные силы</b> РФ 2002, <b>Старая Русса</b> 2002, <b>Министерство Иностранных дел</b> РФ 2002, <b>Ряжск</b> 2004, <b>60 лет Победы</b> 2005, <b>Республика Калмыкия</b> 2009…
0 votes7 answers -
позиционирование дивов как на pinterest
Привет всем. Задался проблемой, как сверстаны блоки на сайте pinterest.com и ему подобных. Очевидно что простым флоатом там не обходится. При более детальном обследовании пациента выясняется что дивы они позиционируют абсолютом, с помощью скриптов. В скриптах я не силен, возможно есть готовые библиотеки или уроки, как таким образом организовать вывод контента. спасибо за внимание.
0 votes4 answers -
Как заставить Masonry располагать контент в 3 колонки?
При настройке Masonry возникает проблема: ширина блоков регулируется отлично (и в %, и в px), но, когда возникла необходимость сделать один из блоков в 2 раза выше остальных блоков - низкие блоки не занимают пустое место рядом с высоким блоком и получается то что на картинке ниже. Перепробовала, как мне кажется, все: в инициализации указывала ширину колонки в пикселях, в процентах, добавляла в код grid-sizer, убирала grid-sizer........... Методом тыка поняла что если увеличить у меня в css ширину блока .grid-item - то колонок становится две - и в таком случае Masonry красиво все располагает. Код здесь (постаралась оставить только суть).
0 votes3 answers -
Проблемы с со слоем в Opera
Делаю сайт http://kruiz.web-dev.kiev.ua/index.php?lang_id=1&menu_id=1 В IE 6 и 7, Firefox 2.0.0.14 и Safari 3.1 все красиво, а в Opera 9.25 - проблема. сдвигается слой с верхним меню под логотип. В чем может быть проблема? Какие возможные пути решения.
0 votes5 answers -
Список в несколько столбцов
Здравствуйте. Помогите пожалуйста в следующем вопросе: мне нужно сделать список (<ul> <ol> или <dir>), который будет состоять из динамического количества элементов и разделяться на несколько (4 столбца). Как это можно реализовать? Сделать 4 отдельных списка я не могу сделать, так как содержимое их тоже будет динамическое (то бишь будет изменяться постоянно). Заранее благодарен за помощь.
0 votes8 answers