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. Ошибка "Используйте кеш браузера"

    Здравствуйте, коллеги. сверстал сайт, а pagespeed ругается: "Если указывать в заголовках HTTP дату или срок действия статических ресурсов, браузер будет загружать уже полученные ранее ресурсы с локального диска, а не из Интернета." Как это сделать? Он приводит список моих js, css файлов и предлагает им задать эти параметры. Как это делается? Можете на примерах сказать? буду признателен за помощь!

    Asked by devid89,

    0 votes
    1 answer

  2. Не работает вертикальный скрол на странице

    Ув. форумчане! Искренне надеюсь на вашу помощь в решении не самой сложной проблемы. На некоторых мобильных устройствах не работает вертикальный скрол странички. На пк все работает (если уменьшить ширину браузера), не работает именно на мобильных устройствах. Самостоятельно решить проблему не удалось, гугл не помог. Ссылка https://test.5shoes.com.ua/3/index.html Если у вас помещается вся страница на экране, то нажмите *контакты* там точно ничего не будет работать =) Заранее спасибо за помощь! Всем добра.

    Asked by 7armani7,

    0 votes
    1 answer

  3. Как сделать дерево элементов наподобие генеалогического (отличный пример: схема метро)?

    Здравствуйте. Каким способом можно реализовать такое дерево элементов? Есть какая-то библиотека? Желательно конечно библиотеку. На ум пришло только абсолютное (относительно-абсолютное) позиционирование (что по-моему крайне не очень) и таблица (но как провести линии между элементами?) UPD: Нашел! Treeant.js и Springy

    Asked by iBars,

    0 votes
    1 answer

  4. Адаптивная верстка (бутстрап) и мобильные девайсы с большим разрешением

    Бутстрап привязывается к разрешению девайса. А как отображается адаптивная верстка на девайсах с большим (full hd и более, например)?

    Asked by torsar,

    0 votes
    3 answers

  5. Баланс на сайте

    Здравствуйте. Кто может подсказать как реализовать баланс пользователя на сайте "Рулетка". Можно (html+css) или php. Буду очень благодарен. Исходников нигде не нашел.

    Asked by Mikhail53,

    0 votes
    1 answer

  6. Проблемы с таблицой

    В общем такая проблема: есть таблица 3х3 с ячейками 1х1, 1х2, 1х3, 2х1, 2х2, 2х3, 3х1, 3х2, 3х3 Можно ли объединить ячейки 1х1,1х2,1х3,2х2,3х2? знаю что 1х1.1х2.1х3 объединяются colspan="n" и знаю что 1х1.2х1.3х! объединяются rowspan="n". Подскажите пожалуйста!!!!

    Asked by Hazam,

    0 votes
    3 answers

  7. Проблема с максимальной шириной сайта.

    Я новичок.Мой первый и единственный сайт: http://aboutme2.h16.ru/ Не могу избавится от колеса прокрутки страницы по горизонтали! Помогите...Если найдете еще ошибки , укажите мне на них.

    Asked by Evgen8,

    0 votes
    6 answers

  8. Как сделать кнопку при наведении которой она будет менять картинку?

    Вобщем есть две картинки button.png(просто фон кнопки) и hbutton.png(фон при наведении).Создал в css класс nav и написал еще два a.nav {background: url(../images/button.png) repeat-x 0px 1px ; width:100% ; height:46px ; margin:auto ;text-decoration: none;} a.nav:hover {background: url(../images/hbutton.png) repeat-x ;font-size:15px;color: #000;} А в html сделал так <div class="nav"> <table> <td><div style="padding: 10px 15px 5px;font-size:15px;"><a href="/" class="nav"><span>Главная</span></td></div> <td><div style="padding: 10px 15px 5px;font-size:15px;"><a href="/" class="nav"><span>Фа…

    Asked by Zerro76,

    0 votes
    5 answers

  9. Выпадающее меню одной строкой

    Привет! Сделал выпадающую гориз. менюшку в Dreamweaver, когда увеличиваешь страницу часть элементов меню прескакивает на новую строку, пробовал различные варианты форматировая, пробовал поместить меню в таблицу ничего не получается (позникают проблемы с JS ) , подскажите что можно сделать в данной ситуации, нужно чтобы меню при изменении масштаба не ломалось...может рецептик какой кто знает? <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>…

    Asked by ksonline,

    0 votes
    2 answers

  10. Отключить появление скролла для нижней части страницы

    Можно ли запретить скролл для нескольких дивов на странице? Ситуация такая, страница состоит из нескольких рядов дивов. На на похожей странице из-за нижнего ряда появляется скролл, из-за чего происходит смещение относительно страниц без скролла. Грубо говоря скролл нужен, но можно ли его отключить его на 5м и 6м диве? Т.е. если граница окна на них попадает - скролл не появлялся. Нетривиальный вопрос какой-то получился, но мало-ли. Вдруг есть какой рецепт.

    Asked by delias,

    0 votes
    3 answers

  11. Линейный градиент для осла

    Нашел решение для осла (по градиенту) filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f0d701', endColorstr='#982509'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f0d701', endColorstr='#982509')"; /* IE8 */ но, как быть если мне нужно чтобы между startColorstr='#f0d701' и endColorstr='#982509' был ещё один цвет???? например #ffffff

    Asked by sweb27,

    0 votes
    4 answers

  12. CSS меню ! ! !

    Всем приветик ! Вот делаю сайт : joomla.metko.ru заморочка с меню...весь день ковырялся так и не смог его ратянуть по контейнеру на всю ширину ( к левому краю прижимается, пробелами в html расширяется но не в притык ....а в css вообще не очет расширяться...объясните почему плиииииз ! <div id="container"> <nav> <ul> <li><a href="">О КОМПАНИИ</a></li> <li><a href="">МАГАЗИНЫ</a></li> <li><a href="">ДОСТАВКА</a></li> <li><a href="">ЗАКАЗ</a></li> <li><a href="">Контакты</a></li> </ul> </n…

    Asked by morgusha,

    0 votes
    2 answers

  13. Проблема с высотой блоков

    Добрый день, решил сверстать данный макет и столкнулся с проблемой, а именно: в браузерах Firefox и IE10, блок с контентом становиться чуть меньше, чем в браузерах Google Chrome и Opera. Не могу понять, почему так происходит, и что я делаю не так? Google Chrome, Opera: Firefox, IE10: Вот сама верстка: http://clck.ru/8vxti

    Asked by Aleksandr.L,

    0 votes
    7 answers

  14. Нужна помощь по родственным элементам CSS

    Битый час не могу получить путного решения на голом css, подскажите как будет сделать правильно? Задача: При наведении на .information появляется надпись "кнопка". Нужно чтобы она оставалась и не пропадала при фокусе на textarea. Код: http://jsfiddle.net/GCkrC/

    Asked by Ge1i0N,

    0 votes
    2 answers

  15. Помогите с CSS

    В браузере Firefox картинка слайдера ушла в сторону.. http://yari-design.ru/tovar/2014/mnogoletniki24 Я пытался подключить отдельные стили для Mozilla, не получилось - http://bolknote.ru/2008/03/14/~1623#14

    Asked by 561144,

    0 votes
    3 answers

  16. Вертикальное выравнивание в ячейке, проблема с <div>

    Здравствуйте! Имеется некая часть странички http://samsung.com/ru/support, которую я решил сверстать сам для тренировки построения сеток Возникла следующая проблема: при попытке выровнять картинку по вертикали и заключении ее в тег <div> выравнивание не работает, как и если картинку в какой-либо тег не заключать. Но как только я оборачиваю картинку в тег <p> выравнивание работает. Никак не могу понять причины, ведь теги <p> и <div> оба блочные. Гуглил свойства обоих тегов, но ничего по теме не нашел. Помогите, пж-та, разобраться Вот код с <p>, где все работает: http://codepen.io/anon/pen/xwyGWE?editors=110 Вот код с <div> (В него …

    Asked by hiko-sensei,

    0 votes
    4 answers

  17. Стрелка сразу после текста

    Здравствуйте, уважаемые коллеги. Столкнулся со сложностью, которую никак не получается решить, да так чтобы дизайнер был доволен. В общем, фишка в том чтобы вот эта вот стрелочка шла сразу после текста http://skrinshoter.ru/s/150818/hdI0I3mE (лучше чуть ниже на пару пикселей) Именно рядом с ним. Проблема усугубляется что в некоторых местах текст становиться в две строки. Пробовал это решать с помощью position absolute, но тогда в некоторых местах эта стрелка уходит слишком далеко от текста. Пробовал флоатами и опять не то. https://codepen.io/anon/pen/RBmoQj

    Asked by yaparoff,

    0 votes
    3 answers

  18. Блок "скрыть / показать" по клику выводит ограниченное кол-во кнопок

    Добрый день! Я только учусь, поэтому не судите строго за вопрос. Есть страница, на которой есть блок "популярные направления". Постоянно должны отображаться только 9 кнопок-направлений, а остальные должны скрываться под кнопкой "показать еще". Но даже после добавления новых кнопок, отображается только 10. Страницы сами есть, они созданы и создаются и отображаются при индексировании. Не могу найти тег, который ограничивает вывод кол-ва кнопок или конфликт, который препятствует выводу бесконечного кол-ва кнопок. Сам блок реализован в форме виджета и может вставляться на другие страницы. Код виджета: $r = new WP_Query( apply_filter…

    Asked by Alex_lol,

    0 votes
    2 answers

  19. Многоколоночное боковое выпадающее меню

    1. Как выделить пространство для меню? (на этом пространстве нарисована красная линия - прямоугольная область вокруг пунктов меню) 2. Как добиться многоколоночности меню как на сайте [url]https://positronica.ru/[/url] (как на рисунке ниже 2-хколоночности)?

    Asked by newmandvin,

    0 votes
    0 answers

  20. веб-галерея

    Доброго времени! Друзья подскажите новичку действенный метод создания веб-галерей для сайта. Основные требования: всплытие картинок по клику, внедрение зум-иконки по верх миниатюр и т.п. С максимальной кроссбраузерностью. Полезны будут любые рабочие варианты, но если есть способ обойтись лишь css/javascript, то тоже буду рад. Лично сам попробывал Lightbox 2, в целом хорош, но так и не сумел адекватно позиционировать зум-иконку поверх миниатюры: в файрфокс - гут, в ие - сдвиг, а в опере вообще уехала.

    Asked by mann,

    0 votes
    1 answer

  21. Ошибка отображения маркерированого списка в firefox

    Добрый вечер. Возникает ошибка при корректном отображении странички в браузере firefox, хотя в таком проблемном браузере как ИЕ все как мне и нужно отображается. Сама ошибка обведена на примере 2 красным цветом. Прошу помочь. http://imm.io/2shp http://imm.io/2shq Код : Даю весь код странички CSS : a { text-decoration: none; color: #26303C; } table.a { border-collapse: collapse; margin-bottom: 0px; height: 100%; width: 970px; } table.b { color: white; height: -74px; width: 970px; } table.c { color: white; height: 55px; width: 970px; } ul { margin-top: 20px; line-height: 0.5; list-style-type: square; float…

    Asked by Temiks,

    0 votes
    3 answers

  22. видео с ютюб

    Вставляю видео в блок ,но хочу чтобы над ним была картинка типа постера,при клике на которую показывался ролик.Проблема в том что постер не показывается <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> html.body{position:relative} div{position:relative;width:420px;height:315px;border:1px solid red; overflow:hidden} img{position:absolute;top:0;left:0} </style> </head> <body> &…

    Asked by dostel1,

    0 votes
    5 answers

  23. фильтр для yahoo почты

    на почте yahoo есть лишние элементы (поле справа и т.п.) Их можно удалять, подставляя свои значение стилям в файле Firefox (chrome/user-content.css) Такие скрипты есть на сайте userstyles.org. Но на yahoo что-то поменяли, поэтому сборная солянка из нескольких наборов перестала работать. Хорошо бы, если бы появились на форуме желающие создавать подобные фильтры для почты (на hotmail и google такие фильтры занимают гораздо меньше места и работают пока).

    Asked by Rilo,

    0 votes
    0 answers

  24. wraper не обтекает блоки

    Подскажите в чем проблема? Родительский div не обтекает дочерние блоки, хочу футер прикрепить, и ни как. http://ufalug.ru

    Asked by veleg,

    0 votes
    5 answers

  25. Блок по всему родительскому блоку с выравниванием по центру

    Есть родительский div Его нельзя трогать. Нужно создать в нем div внутри с размерами 100%. И выравниванрием по центру. Обычный способ с display: table-cell; почему-то не подходит. Вот сокращенный код: <style> .center { background-color: gray; text-align: center; display: table-cell; vertical-align: middle; } </style> <div style="position: absolute; width: 800px; height: 600px; background-color: yellow;"> <div style="position: absolute; width: 100%; height: 100%" class="center">Проверка</div> </div> Не работает vertical-align: middle; из-за position: absolute; Если position: absolute; убрать(а этого нельзя делать…

    Asked by Absinthe,

    0 votes
    3 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