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
29,542 questions in this forum
-
Клик меню на :target
Есть меню с одним уровнем вложения - http://trifler.ru/blog/i/menus/click/target.htm Вывод вложений осуществлен при помощи псевдокласса :target Каким образом решить проблему в IE6(7,8)? Как понимаю нужен Java Script. Использование jQuery и других, не предлагать. Простой скрипт для эмуляции :target только для IE6(7,8)
0 votes25 answers -
Проблемы с кодировкой
Сайт берет скрипт карты с GOOGLE. В "Opera" русские шрифты отоброжаются нормально, а в IE некоректно. У меня не большой опыт в web-програмировании. если не сложно опишите подробно, что нужно сделать чтобы у меня все отображалось коректно. Заранее спасибо!
0 votes10 answers -
Размер элемента в процентах минус 100 пикселей
На странице имеется шапка высотой 100px и яндекс карта высотой 100% как сделать чтобы размер карты был 100% минус 100 пикселей <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Примеры. Простой вызов карты.</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <script src="http://api-maps.yandex.ru/1.1/index.xml?key=AIQcg0wBAAAA5e0zBAMAh7of_DfOHY1gl_R0v5CsZ9mboTsAAAAAAAAAAAA53fz1iFk7mzC8xQGtKj2VyYSkrA==" type="text/javascript"></script> <style type="…
0 votes2 answers -
Пробел между картинками
Есть две картинки, нам надо их разместить вертикально одна под другой. Ничего сложного, используем следующий код. <p><img src="sample.gif" alt="1"><br> <img src="sample.gif" alt="2"></p> Так вот, при строгом доктайпе между картинками будет промежуток, при переходном доктайпе промежутка не будет. Проверял в Opera 9.2, Safari 3.1, FF 2. Один IE6 игнорирует доктайп и отображает без пробелов в любом случае. Никак не могу понять логику, при чем же здесь доктайп, однозначно влияет на line-height, которое меняется. Хотя казалось бы не должно. У кого какие соображения?
0 votes3 answers -
Несколько вопросов по верстке.
Добрый вечер. Дкмал вначале дать более точное назвнаие топику, но подумав, решил что у меня скорее всего будет еще пару вопросов... Подопытный находиться здесь 1.Одинковая высота колонок сделана с применением margin и padding, но переодически наблюдаю глюк в опере (10.6х) Блоки не обрезаются, т.е идет сайт, а потом фон и в сумме нам это и дает 30 000пк в высоту. Хоят в большинстве случаев все отображается нормально, но все же не совсем приятно. Вот и не могу понять, то ли я где то накосячил, то опера тупит (в других браузерах вроде все норм.) 2. Небольшой недочет в хроме. Правый блок с рекламой (на главной) отображается без бордера, во всех остальных браузерах все нормал…
0 votes31 answers -
Пункт меню переносится на следующую строчку
При изменении масштаба в Chrome последний пункт меню переносится на другую строчку, хотелось бы услышать какой нибудь совет как этого избежать. Установка min-width: 100% не очень помогает,так как меню у меня не на всю ширину блока и при минимальном масштабе всё равно съезжает так же подключён reset.css,но я его не стал выкладывать. http://jsfiddle.net/XdGhW/1/
0 votes6 answers -
Выравнивание по нижнему краю
Всем привет! Подскажите, плз, как с помощью слоев раилизовать следующее: <table border="0"> <tr> <td align="right" valign="bottom"><img src="icon.gif" alt="12" /></td> <td align="left" valign="bottom">Такое объявление, прогнозирует The Times, вскоре появится на сайте NASA</td> </tr> </table> т.е., чтобы и картинка и текст были всегда выравнены по низу независимо от кол-ва текста.
0 votes5 answers -
Изображение по ширине ячейки
Привет ! Хочу сделать тянущуюся градиентную рамку в таблице. Думаю использовать простое градиентное изображение в jpg, которое должно растягиваться по ширине ячейки. Общая картина такая: _________________________________ |Угол|Градиентное изображение|Угол| ——————————————————- |——|—————————————-|——| |——|—————-Картинка———--|——| |——|—————————————-|——| |——|—————————————-|——| ——————————————————- Если вставить другую Картинку, то градиентное изображение должно растянуться соответствующе автоматически. Подскажите как можно растягивать градиентное изображение по длине ячейки, или во всяком случае чтобы так смотрелось?
0 votes16 answers -
Можно ли вернуть в поток абсолютный блок?
есть 4 блока 0 - relative; 1 - static 2 - absolute (спозиционирован относительно 0 ) 3 - static 2 блок по высоте значительно превышает блок относительно которого он спозиционирован ( блок №0) Вопрос следующий: можно ли сделать так, что бы при случае если блок №2 будет превышать высоту блока №1, не залазил на блок №3, а смещал его в вниз собственно вот:
0 votes8 answers -
Плагин View in Browser настройка для SublineText
Добрый день, подскажите пожалуйста, кто сталкивался, как настроить для SublineText 3 плагин View in Browser Что б он отображал HTML фаил в Хроме по умолчанию. (К меня почему то не срабатывают сочетания клавиш Ctrl+Alt+B ) работаю из под Windows.
0 votes3 answers -
Звук на сайте
Есть у меня 1 очень странный приятель, которому обяснить, что звук и сайт, мало совместимые вещи. Прописал я на сайте строку <SOUND SRC="http://www.lifeclubmos.com/ligz.wav" LOOP="3" DELAY="3"> вставил ее в самом начале - не звучит. И файл закачал, и залил все это на аккаунт.... Может есть у кого какие мысли?
0 votes5 answers -
keyframe анимация не работает в chrome
keyframe анимация не работает в chrome. Пробовал с префиксами, не работает. Как это решить? http://jsbin.com/menezamu/1/edit @keyframes huge { 0% {transform: scale(1.0, 1.0); background-color: #ff375a } 50% {transform: scale(1.2, 1.2); background-color: #379bff } 100% {transform: scale(1.0, 1.0); background-color: #ff375a} }.animButton { color:white; font:italic 20px Impact; letter-spacing:1px; text-shadow: 0 1px 1px rgba(0,0,0,0.6); display:table; text-align:center; line-height:150px; width:150px; height:150px; border-radius:100px; background:url(/img/usa/herbals.png) no-repeat bottom, -moz-radial-gradient(center, ellipse cover, rgba(0,0,…
0 votes3 answers -
Как правильно обернуть картинку в ссылку?
Здравствуйте, граждане! В html5 я столкнулся со следующей проблемой. Оборачивая <img /> в теги <a></a>, у меня под картинкой появляется щель шириной ~3,5px. Кто-то с этим сталкивался? Код следующий: <!DOCTYPE html> <html lang="ru"> <head> <title></title> </head> <body> <div style="border: 1px solid black;"> <a href="#"> <img src="img1.jpg" /> </a> </div> </body> </html> Скриншот результата: https://yadi.sk/i/EWNxjZQ4qhtAp Кроме того, результат одинаков как для браузера Opera, так и для ЯндексБраузера.
0 votes2 answers -
Проблема с footer
Всем привет. Была проблема: "подвал" на сайте http://www.my-abc.info/ в мозилле уезжал вверх, т.е. следовал сразу за основным текстом. Проблему решил правкой css: добавил clear:left в классе .outfooter. http://www.my-abc.info/styles.css На другом сайте такая же проблема - http://www.sdmsp.com/ При этом в IE6 всё отображается нормально, а вот в остальных браузерах - низ уезжает вверх... Пробовал решить добавлением clear:both, но не помогает. http://www.sdmsp.com/styles.css http://www.sdmsp.com/mail.html У кого какие мысли? Я просто даже не знаю, где нужно искать проблему... Буду благодарен за любые подсказки.
0 votes32 answers -
Разная отрисовка шрифта из google fonts.
Здравствуйте. Верстаю сайт, на котором используется шрифт "PT Sans". Загрузил его из гугло-шрифтов. Как мне всегда казалось, этот сервис автоматические определяет какой формат шрифта нужно отдавать... То есть он детектит браузер и ротатор выдает нужный тип шрифта. И тут случилась проблема... Вот я прошу отдать мне файл <link href='http://fonts.googleapis.com/css?family=PT+Sans:400,400italic&subset=cyrillic' rel='stylesheet' type='text/css'>Подключаю его в стилях .product-params-short .buy-block { font-family:'PT Sans', sans-serif; font-size:18px;}Имеем. Firefox: http://rghost.ru/51191900.view Chrome: http://rghost.ru/51191905.view Надеюсь, проблема ясна - ш…
0 votes18 answers -
PS - не работате crop на определенном psd
На других макетах все ок. А на этом - настройки кропа заблокированы.... И не работает кроп. Хотел выделить и вырезать изображение. Не получаеццо. Вместо того чтобы вырезать изображение, оно перемещается, при активированном инструменте "crop" Может этот psd защищен от копирования и тп. В чем может быть проблема?
0 votes8 answers -
Проблема с плавающим фреймом
Здравствуйте! На странице имеются плавающий фрейм (чат) и скрипт для его сокрытия/показа по клике на ссылку. Все прекрасно работает во всех браузерах, кроме Лисы. Почему-то, при назначении свойства display:none через атрибут style непосредственно диву с фреймом последний тут же куда-то уезжает. Причем в остальных случаях (например, при вытаскивании свойства через айдишник и подвешивания на наведение/убирание мыши) никаких проблем не возникает. Прошу помощи в поиске мистической связи свойства с глюком и способов его решения. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <title>..…
0 votes28 answers -
Ударение над буквами
Знаю, что есть ´ (акут) - вычитал на википедии. И там же увидел как его юзают. Захотелось попробовать, но когда я пишу догово´р, то получаю такую строку - договоґр. Возникает вопрос, а как делают на википедии, что ударение над буквой стоит? Посмотрел html - никакими тегами ударение не обрамлено, значит ни скриптом, ни стилями оно не сдвигается. Может в шрифте дело (хотя вроде там обычный Ариал юзают)? Кто-нибудь делал такое? О, случайно в сети наткнулся на решение оказывается есть в юникоде ́ (combining acute). И писать его надо перед буквой, типа докум́ент. Если кому интересно, то вот. Еще пишут, что не все шрифты его поддерживают нормально, но популярные (Arial, Trebuch…
0 votes4 answers -
Хром и Опера не видит шрифт.
Привет! Нужна помощь. Начал верстать сайт , скачал шрифт который выбрал дизайнер. font:36px/36px "Yanone Kaffeesatz",Arial,sans-serif;. Скаченый шрифт не видит хром и опера. Причем фаерфокс и ие видят его. В чем мб проблема? Кэш обновлял, истоиию удалял не помогло.
0 votes4 answers -
Как опустить меню и выровнить контент?
Добрый вечер! Как вы поняли у меня два вопроса, но прежде чем их задать, взгляните, как должен выглядеть макет (Макет). Что у меня получилось (ДЫК) Вопросы: Как опустить меню вниз? Как сделать высоту контента по высоте экрана, так, чтобы он не зависел от введённого текста? Ставил width: 100% страница вниз улетала. Поправка! Но если текста больше, чем высота страницы, то контент уже зависит от ведённого текста.Спасибо. <html><head><title>Hello</title><meta http-equiv="Content-type" content="text/html; charset=utf-8"><link rel="stylesheet" type="text/css" href="/css/style.css" /></head><body><div id="head"><nav clas…
0 votes2 answers -
Настройка Less
Подскажите как настроить настроить плагин в VS Code "Easy Less" таким образом, чтобы этот плагин компилировал css файл в другую папку (не в ту где лежить .less) Я пробовал в настройки Package.json записывать компанду, которая указана в докумментации на гите { "less.compile": { "main": ["${workspaceRoot}\\css\\main.less"] } } но эта команда просто добавляет дополнительные папки в корень той, где лежит .less. Добавил скрин с тем куда нужно положить скомилированный файл. Если кому не трудно напишите команду, чтобы плагин сразу туда отправлял скомипилированный файл.
0 votes0 answers -
Выпадающее меню на CSS
Ребята, подскажите пример Выпадающего вертикального меню на css, чтобы работало в IE, Opere и Mozile Меню такого плана, Раздел и подразделы, когда кликаешь по Разделу раздвигается по вериткали и сдвигает снизу стоящий текст: | Меню1 | | Раздвигающиеся меню1| - | Подменю 1.1 | - | Подменю 1.2 | - | Подменю 1.3 | - | Подменю 1.4 | | Меню2 |
0 votes5 answers -
Проблема с font-stretch
Доброе время суток! Буду очень благодарна за помощь. В .psd макете шрифт Microsoft Sans Serif , который в фотошопе растянут, в стилях я прописала тот же шрифт, тот же размер, а растянуть я хотела с помощью font-stretch, но не все браузеры понимают это свойство, к тому же работает не для всех шрифтов, Заказчик говорит что шрифт отличается, естественно, но я не знаю как решить эту проблему. Заранее спасибо.
0 votes10 answers -
Смещается горизонтальное меню вниз в Opere
Сделал шапку и горизонтальное меню. Во всех броузерах (Ghrome,IE,Ffox) отображается как и задумывалось ровно, а в opere смещается вниз во всех броузерах кроме oпeры: в опере: html-код: <body> <div id="header-null"> <div id="header"> <div id="rosa"> <h1>Розы</h1> <span>искуственные</span> </div> </div> <div id="navigation"> <div id="mymenu"> <a href="#">Главная</a> <a href="#">Цветы</a> <a href="#">Контакты</a> </div> </div> …
0 votes28 answers -
Борьба с валидатором
Подскажите пожалуйста как сделать чтоб валидатор не ругался на знак "=" (равно) в ссылке на документ в инете?
0 votes21 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-