Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Анимированный саундтрек

    Макет содержит красивый отзыв клиента в виде анимированного саундтрека. Дизайер нарисовал это так http://c2n.me/3of0KCh Прошу знатоков натолкнуть на возможный алгоритм решения. Из чего это сделать? "Выложить" красиво палочки в ряд, которые меняют фон с прогрессом звукоряда? Если да, то как согласовать визуализацию с продвижением звука? Т есть, по идее значение % звука должно управлять стилями соотв количества элеметов в блоке... На верном ли я пути?

    Asked by seemax,

    0 votes
    2 answers

  2. Можно ли с помощью <article> разрывать другие парные тэги

    Добрый день! Хочу внедрить на сайт HTML 5 тэги. Вопрос: можно ли этим тэгам так разрывать div'ы <article> <h1> Моя статья </h1> <div class="content"> <p>Текст статьи</p> </article> <div class="reviews"> </div> </div>

    Asked by smirn0ff,

    0 votes
    4 answers

  3. Адаптивная верстка — ширина экрана больше чем ширина содержимого страницы

    Помогите, пожалуйста, очень нужен взгляд со стороны. Проблема следующая - страница нормально отображается в десктопной версии, при ресайзе окна - тоже все ок. Но в режиме эмуляции моб. устройств ширина экрана больше чем ширина содержимого страницы. При этом проблема только в chrome firefox отображает нормально в любом режиме. Ниже скрин (режим моб. устройств). Код можно посмотреть здесь.

    Asked by VeraVostro,

    0 votes
    2 answers

  4. Глюк со слоями. Слой будто бы не в слое.

    <body> <div id="main"> <div id="top"> <div id="header"> <img src="pictures/right.jpg" alt="" /> </div> </div> <div id="content"> <div id="news"> <div class="container"> <div id="nheader">Новости</div> <div class="n"> <div class="nhead"> <div class="nday">31</div> <div class="ndays">.12.07</div> </div> <div class="ncontent"> В данном письме ЦБ РФ дал ответ на ряд вопросов. В том числе: расчеты между резидентом и нерезидентом по операциям с внешними ценными бумагами с использованием банковского счета нерезидента может осуществляться в валю…

    Asked by champion,

    0 votes
    2 answers

  5. Отключить всю безопасность в IE-6

    Внедряю селениум на ынтерпрайзном быдлокодинге. У заказчика из браузеров только ИЕ6. Все остальные считаются неправедными и преданы анафеме. Тестерам раздали по комплекту multiple ie. Короче, на четырех компах удалось обуздать ИЕ, но на одном-никак. Осел не хочет из текущего окна жабаскриптом открывать новое окно и выпадает с исключением, "операция не поддерживается". Где я мог забыть снять галку? Есть ли какой-нибудь радикальный метод отключения запретов, накладываемых на исполнение жабаскритов в Осликах? Спасибо.

    Asked by ХОЛОДный,

    0 votes
    2 answers

  6. Шрифты для WEB

    Здравствуйте.Хочу попросить у вас совета по поводу грамотного использования шрифтов при верстке.Что почитать,куда посмотреть,кого спросить...буду признателен за каждый ответ.Спасибо

    Asked by Vollmond,

    0 votes
    7 answers

  7. Попиксельная верстка макета из Adobe Illustrator'а

    Добрый день всем. Заказчик подкинул задачу: "сайт должен отображаться точно так же, как и в макете". Дело в том, что в макете (Adobe Illustrator) шрифты сглаженные, ровные... А в браузере это не так... И на сколько я знаю, это касается не только AI, но и PhotoShop. В итоге заказчик требует попиксельного соответствия макету. Собственно, вопросы: 1) какова причина такой разницы? пока что очевидным ответом был бы "это AI играет со шрифтами, дополнительно их обрабатывает" 2) как привести отображение шрифтов на сайте к виду в макете? Заранее спасибо.

    Asked by MiReQ,

    0 votes
    6 answers

  8. Размещение блока по центру экрана

    Здрвствуйте! Задача: разместить два блока на div один в другом в центре экрана. Для большей наглядности привожу ссылку: _hххp://zdoba.modxshop.ru/avtorizacziya.html Стили: #autoriz { background: #FEFDCD url(../images/zastavka.jpg) no-repeat; width:1000px; height:800px; position: absolute; top:15%; left:15%; border: 1px red solid; margin: auto; } .content { width:1000px; height:800px; display: table-cell; vertical-align: middle; } Верска: <div id=autoriz> <div class=content> содержание </div> </div> Использование top:15%; left:15%; я так понимаю это лишнее, это не то что нужно, так как на ра…

    Asked by SKM,

    0 votes
    4 answers

  9. Как сделать hello world по центру

    Как сделать hello world здесь http://jsfiddle.net/0yamrL7h/2/ по центру

    Asked by riaron,

    0 votes
    4 answers

  10. Верстка html-письма

    Добрый день. Помогите решить проблему с Outlook 2007. Письмо в нем тянется на всю ширину, хотя у таблицы стоит ограничение 600px по ширине. В остальных почтовиках и браузерах все гуд

    Asked by MadChild,

    0 votes
    2 answers

  11. Отображение горизонтальной прокрутки у списка

    https://jsfiddle.net/cxz0n2u2/10/ - код для проверки и тестов здесь. Убрал весь ненужный код jquery и html Проблема возникла при изменении (своей же) верстки. Не появляется скрол по оси x (горизонтальная прокрутка). Если сделать вывод не списком а через div то проблемы нету - прокрутка появляется но как только делаю через список прокрутка не отображается. В примере вы увидите 10 сообщений (10-элементов списка) и хотя стоит фиксированая высота и ширина стоит float:left , overflow-x: auto (или scroll), overflow-y: hidden, блок показывает результаты что поместились а остальные что ушли в низ прячет, то есть не показывает прокрутку. Опять же если не делать через список то…

    Asked by alex_mike,

    0 votes
    2 answers

  12. В коде блок выше чем в броузере

    Как сделать так что бы? <div id="down"><div> <div id="up"><div> Блок up показывался на down? Но в коде down ш?л выше

    Asked by boom.olezka,

    0 votes
    1 answer

  13. цвет гиперсылок

    непойму почему когда я пишу атрибуты link, vlink,alink и указываю цвет браузер не отображает а ставит вс? время свой цвет, я ставлю атрибуты в тэги body может надо в другом тэге?? подскажите...:|

    Asked by kasbek,

    0 votes
    1 answer

  14. Dreamweaver CS3 виснет при сохранении, помогает только перезагрузка.

    Стало не возможно работать, ввел небольшие изменения сохранил страницу и все виснет. После перезагрузки ноута вместо страницы появляется файл с расширением .tmp. Переустановил но снова та же фигня. В чем может быть проблема?

    Asked by antosha,

    0 votes
    3 answers

  15. Убрать отступ

    Здравствуйте, столкнулся с такой проблемой. Скажите пожалуйста, как это убрать? Заранее спасибо.

    Asked by jokinglyaaa,

    0 votes
    6 answers

  16. Проблема с padding у clear:both

    Добрый день. Есть интересная проблема. У меня плавающие блоки, всем задан float, а после этих блоков идет блок с clear:both Как всегда во всех браузерах все ок, а вот IE.... <!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" xml:lang="ru"> <html> <head> <title>Goodzabox-Текущие доставки</title> <link rel="stylesheet" type="text/css" href="ex_1.css" media="all"/> </head> <body> <div id="padding_5"> <div class="left item"> Photo </div> <div class="left item"> Price &lt…

    Asked by savinzeek,

    0 votes
    4 answers

  17. Меню на JS

    вот тут верстка: ВЕРСТКА В общем меню надо сделать так, чтобы при наведении на любой участок раздела меню картинка этого пункта меню менялась с черно булой на цветную. Э это смог реализовать только когда наводишь непосредственно на саму картинку. Когда навожу на ссылку, картинка не меняется! Как сделать чтобы поменялась?? Сейчас я пытаюсь написать функцию на JQuery, но пока идей нет. Это то самое меню! <ul class="pages-menu"> <li><a href="#" title="#"><img src="images/home-a.png" onmouseover="this.src='images/home-h.png';" onmouseout="this.src='images/home-a.png';" />Главная</a></li> <li><a href="#" title=…

    Asked by WebMasterOleg,

    0 votes
    8 answers

  18. Векторная маска для изображений?

    Допустим есть картинка, но надо у это фотки, допустим, уголки вырезать, что бы они были прозрачными. Вот так: Если сохранить в png то размер во мноооого раз увеличивается относительно jpg. Пробовал подключать скрипт corners (или как-то так, на jQuery), но для него надо создать див вокруг картинки и когда фон не однородный на уголках они становятся белыми %-) Пробовал подключать ictinus, но он не работает в IE8. Скажите как вы решаете данную проблему?

    Asked by bob_24,

    0 votes
    9 answers

  19. Элементы CSS браузеров!

    На вашем сайте нашел справочник по этим класс. Ну что-то типо -o- -moz-. Но вот инфу про это не нашел. Не подскажите как это называется и где можно прочитать что оно собой представляет?

    Asked by tini.kRyptoNite,

    0 votes
    7 answers

  20. Как правильно ресайзить шрифты?....

    суть в том , что при уменьшении масштаба шрифты по толковому не ресайзятся..... т.е. была нормальная и красивая горизонтальная менюшка.... покрутили "Ctrl + "Wheel_Down", блоки верстки отмаштабировались, а шрифты - лишь до опрпеделенного предела, после которого верстка начала "ехать").... какие приемы используют опытные верстальщики в таких случаях??.... ЗЫЖ в размерах шрифта использовал "em"....

    Asked by summer_rain,

    0 votes
    6 answers

  21. Модальное окно

    Добрый день. Вопрос такой: У меня форма обратного звонка, которая модальным окном открывается поверх индекса. Взял скрипт отсюда Вопрос: Как сделать так, чтобы при нажатии на кнопку "отправить" в том же самом окне загрузилась другая страница с подтверждением о удачной отправки? Заранее спасибо.

    Asked by Eridani,

    0 votes
    3 answers

  22. увеличение картинок при клике

    Приветствую! Никак не могу понять как увеличивать картинки по клику. Есть статьи обернутые в класс article <div class="article"> <p>Текст текст текст</p> <img src="image.jpg"> <img src="image.jpg"> <img src="image.jpg"> <img src="image.jpg"> <p>Текст текст текст</p> </div> Картинки большие, уменьшаются css по ширине с авто высотой. .article img { max-width: 100%; height: auto; } Как сделать чтобы при клике на них в модальном окне открывалась полноразмерная картинка. Идеально было бы fancybox или аналог. Но я так понял они работают, только если обернуть картинки в …

    Asked by enbond,

    0 votes
    0 answers

  23. Font Awesome 5

    Привет! Попалась мне в руки новая версия fontawesome и возник ступор Теперь всё делается через JS и SVG, что круто, конечно, но как этим управлять на лету? Раньше, в четвертой версии, можно было создавать псевдоэлементы к объектам на странице и было счастье. менял content: "\f07a"; /* cart icon */ на content: "\f00c"; /* check mark */ И всё, при нажатии на кнопку иконка корзины менялась на галочку. А в SVG как подмену делать? Создавать сразу два элемента и скрывать ненужный?

    Asked by d0ublezer0,

    0 votes
    2 answers

  24. Проблема с iframe ...

    Здравсвуйте. У меня проблема с iframe. Проблема состоит в том, что я гружу через iframe страницу на которой флеш баннер. К флеш баннеру у меня нет доступа. Как мне сделать чтоб при клике на этот баннер я смог бы подсчитывать количество кликов. Т.е мне нужно чтоб при клике на баанер независимо от того есть у баннер встроенный лин иил нету он должен перходить на ту страницу котрую я укажу. Это мне нужно для подсч?та кликов для баннеро-обенной системы, когда ти баннера html. Заранее всех благодарю.

    Asked by jeans1986,

    0 votes
    4 answers

  25. Спрайты,filter и background

    #index,#disk,#tire,#contacts {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (src='images/menu.png',sizingMethod='crop');display:block;width:135px;height:137px;} #index{background-position:0 0;} #tire{background-position:-140px 0;} #disk{background-position:-278px 0;} #contacts{background-position:-415px 0;} Имеется картинка со спрайтами,то есть rollover-effect.Простым методом работает нормально.А через filter не хочет сдвигаться background-position.Как отремонтировать.

    Asked by user,

    0 votes
    2 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept