HTML Coding

29,542 questions in this forum

1. Как реализованы исчезающие колонки в резиновом дизайне?

   Подскажите, как реализованы исчезающие колонки на этом сайте? http://css-tricks.com/ Вроде исчезают при отключенном js, но не могу разобраться в коде...

   Asked by Zverushka, July 15, 2013

   0 votes
   1 answer
2. смешение блоков

   ребят здравствуйте есть макет с 3 колонками с фиксированой шириной на данный момент сверстал 2 но возникла проблема должно быть так но при убирании маргина у второй колонки блок улезает вниз код первой колонки #contaner { width: 320px; height: 750px; float: left; border-radius: 10px; }код 2 колонки изза маргина третья колонка улетает влево если убрать улетает 2 почему у первой не работает флоат лефт никак не пойму #content { width: 390px; height: 800px; background: #fff; margin-left: 320px; border-radius: 5px;}код 3 колонки тут совсем с маргинами ужас но нормально отображаеться только так #news {width: 250px;height: 780px;background: #333;margin: -754px 68…

   Asked by Евгений_SB, April 16, 2014

   0 votes
   1 answer
3. Манипуляция с псевдоэлементами

   Собсно, сабж, можно ли на ::before и ::after как-то воздействовать в js (навесить обработчик, добавить стилей/класс)? Мне кажется, что нет, ибо в их DOM-дереве невидно даже.

   Asked by Evkaky, July 23, 2013

   0 votes
   1 answer
4. запуск функции при добавлении объекта в DOM

   есть галерея изображений fancybox и плагин jparallax который двигает эти самые изображения при клике по превью в DOM добавляется его "полноразмерный" код, а вот функция jparallax начинает работать только при потере фокуса суть проблемы — http://jsfiddle.net/NY2nT/1/ * с элементами изначально загруженными со страницей все работает ок, а вот с добавлеными пожже такая борода, незнаю куда еще копать

   Asked by chocolate_moles, July 17, 2013

   0 votes
   1 answer
5. Проблема со шрифтами

   Решил подключить шрифт нестандартный. Скачал. Вот код вставки шрифта в css файл и его применения: @font-face { font-family: Myriad; src: url(fonts/Myriad-Web-Pro-Regular.ttf); } a { font-family: Myriad; } Не получается. Смотрю в хроме - шрифт вроде подгрузился: https://docs.google....dit?usp=sharing Но почему-то пропечатывается он как times roman. Если открыть его на компе, то вот, совсем иная картина: https://docs.google....dit?usp=sharing Что я делаю не так?

   Asked by Bumblebee, July 18, 2013

   0 votes
   1 answer
6. Как логин влияет на вёрстку

   Всем привет!) У меня на сайте съезжает центральная часть (описал вот здесь: http://forum.htmlboo...showtopic=45336). И я думал что это из-за совсем никудышной вёрстки (для растягивания фона пришлось использовать таблицы, а это плохо, я знаю, но по-другому не смог сделать.) Так вот, я думал что проблема только в моей вёрстке, но как оказалось когда пользователь сайта меняет логин на более короткий, сайт выравнивается и всё становится хорошо. У кого-нибудь есть идеи с чем это может быть связано?

   Asked by The Norb, July 18, 2013

   • login
   • вёрстка
   0 votes
   1 answer
7. Фиксация заднего фона.

   У меня на фоне стоит большая картинка, как сделать так, чтобы при прокрутке, когда картинка фона заканчивается, то есть проскроливаем до самого низа картинки , этот низ фона фиксировался ?

   Asked by dimma111, July 19, 2013

   • фиксация
   0 votes
   1 answer
8. Как сделать чтоб при клике на один из ссылок подгружалсо разный контент

   Здравствуйте, дорогие поситители форума Как сделать чтоб при клике на один из блоков подгружалсо контент, или в моем случае блок с фильтром. http://vitaliy-dyblyuk.ru/projects/5project_avto_schyny/www/index.html то есть при клике на подбор по шинам, подбор по авто и так далие. Должно происходит следуещие: 1) Должен менятсо фон 2) Должен подгружатсо другой блок с контентом но он в начале должен быть не видным. Жду откликов С уважением Виталий

   Asked by Виталий Диблюк, July 19, 2013

   • html
   • css
   • jquery
   • javascript
   0 votes
   1 answer
9. команда для htaccess

   помогите пожалуйста написать команду для .htaccess , которая перенаправляла бы с такого адреса на такой кстати, думаю, многим она пригодится. потому что на свежеустановленном вордпрессе сейчас приходится делать подобное перенаправление

   Asked by cyklop77, July 19, 2013

   0 votes
   1 answer
10. ошибка валидатора

    извиняюсь за портянку кода, но не могли бы вы пояснить пожалуйста ошибку, которую находит html-валидатор от w3c? <div style="max-width: 830px; max-height: 220px" data-options="{"dimensions":{"width":830,"height":220,"responsive":true},"transitions":{"effect":"fade","duration":1000},"navigation":{"arrows":true,"arrows_hover":true,"arrows_position":"inside","pagination":false,"pagination_hover":false,"pagination_position":"inside","pagination_location":"bottom-center"},"playback":{"enabled":true,"pause":2000}}" class="easingsliderlite is-firefox use-fade use-css3 is-responsive"> <div style="padding-top: 26.506024096386% !important;" class="easingsliderlite-viewpo…

    Asked by cyklop77, July 20, 2013

    0 votes
    1 answer
11. Как сделать ползунок на сайте

    Всем привет Нужно сделать вот такой ползунок на сайте https://docs.google.com/file/d/0ByJy2ByWP9QIX0ZPb3k2SXpGYWc/edit?usp=sharing Нужно сделать чтоб его внешний вид был такой как на картинке, и чтоб все значения работали и менялись

    Asked by Виталий Диблюк, July 20, 2013

    0 votes
    1 answer
12. Скругленные уголки у таблицы

    Как только прописываю таблице border-collapse: collapse перестает работать border-radius у лиюбого элемента таблцы, хоть у table, хоть у <td> Убираю border-collapse: collapse - но тогда появляется геморрой с рамками внутри таблицы, они удваиваются, что в общем-то логично. Как застваить работать border-radius на таблице при border-collapse: collapse?

    Asked by Evkaky, July 20, 2013

    0 votes
    1 answer
13. Создаю свой первый сайт

    http://www.rfclimat.ru/htm/con_calc.htm помогите в написании такого рода калькулятора для своего сайта

    Asked by oren_rebel, July 21, 2013

    • Калькулятор цен
    0 votes
    1 answer
14. jQuery на событие submit формы генерирует событие клик для submit

    Всем привет! Такое дело, есть фидл. В чём его суть. Если нажать на кнопку, чтобы отправить форму, то получим всё как и задумано - сперва сообщение 'click!, затем 'submit!'. Но вот если поставить курсор в тектовое поле и жамкнуть по enter'у, то алерты вылезут те же и в том же порядке! Т.е. по кнопке мы не нажимали, а просто засабмитили форму по enter'у, но jquery всё-равно генерирует событие 'click' для кнопки 'submit'. На хрена он это делает?? Как заставить его не страдать такой фигнёй?

    Asked by AlOshka, July 23, 2013

    • jquery
    • submit
    • button
    • event
    • fires
    • click
    0 votes
    1 answer
15. Есть ли какой-то практический смысл в xhtml?

    Есть какой-то практический смысл в xhtml? Например, мы не сможем что-то реализовать, обработку каких-то данных, если страницa будет не в формате xhtml? Для чего нужен этот формат?

    Asked by Zverushka, July 23, 2013

    0 votes
    1 answer
16. Растягивание меню

    В общем ситуация такая. Есть горизонтальное меню, при структуре с фиксированным расстоянием между кнопками(padding), вроде влазит, но кроме андроида и мазилы. (последний пункт выползает во 2 ряд) Хочется чтобы оно автоматически растягивалась по ширине, сделал это с помощью div -display: table; ul- table-row; li- table: cell; Появилась другая проблема, раньше, при наведении на элемент он выдвигался (hover {padding-top: +5px;}), а с таблицей это не работает, отодвигаются все элементы.

    Asked by berg12, July 24, 2013

    • css
    • display-table
    0 votes
    1 answer
17. Не работают теги html5

    Прочитал на сайте хмлбука пример http://htmlbook.ru/l...vigatsiya-sleva У меня 2 файла Файл index.php <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Исторический турнир</title> <link href="style/1.css" rel="stylesheet" type="text/css" /> <!--[if IE]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]--> </head> <body> <div id="container"> <header><h1>Исторический турнир</h1></header> <nav> <p><a href="stat.html">Статистика турнира</a></p> &lt…

    Asked by super-php, July 25, 2013

    0 votes
    1 answer
18. Bootstrap или....?

    Привет. Интересно чем пользуются обитатели этого форума? Есть что-то похожее?

    Asked by swandev, July 29, 2013

    0 votes
    1 answer
19. Коментарии от Вк с одной странице

    Всем привет. Есть нужда сделать,так что бы виджет коментарии (Js) от вк,брал информацию только с одной странице,не группировал для каждой новую .. Ну к примеру вот сайт http://navolne-fm.ru/,на главной идёт,как бы чат (вк коментарии),а вот когда переходишь на другую страницу к примеру новости или плейлист http://navolne-fm.ru/nv_informer/188-rj-kailgame.html,то чат,как бы обновляется (да это же комментарии от вк). Как можно сделать,что бы брал только информацию с главной странице ? Пробовал,в ifame засунуть,но там проблема,в то что iframe не хочет растягиваться и появляется скролл .

    Asked by saiidr, July 31, 2013

    0 votes
    1 answer
20. Схлопывание margin у label?

    Здравствуйте. Есть такая структура: в которой у label вроде бы и есть margin-bottom, но отступ не отображается на экране. Какого стиля не хватает, чтобы задать отступы у label? Попробую дать ссылку, не уверен, что она у вас сработает без оформления заказа, но все же

    Asked by borus, July 30, 2013

    0 votes
    1 answer
21. Здравствуйте, уважаемые знатоки! Помогите, пожалуйста, решить проблему с подключением шрифтов используя font-face. Конвертирую шрифты, используя Fon

    Здравствуйте, уважаемые знатоки! Помогите, пожалуйста, решить проблему с подключением шрифтов используя font-face. Конвертирую шрифты, через Font Squirrel, вставляю код, в Опере и Хроме все работает, а Мозилле и ИЕ почему-то не хочет. Знаю, что в мозилле иногда случается такая проблема, что это связано с их политикой безопасности и в таком случаи нужно прописывать полные пути к шрифтам, я это и делаю, но все равно нужный шрифт не отображается. В чем причина не подскажите? Вот ссылка на верстку. P.S Версткой начал заниматься относительно не давно (4 мес.) поэтому если что не так не пинайте Блин, накосячил с названием темы, а как отредактировать не понятно...

    Asked by vit_master, July 30, 2013

    • font-face Mozilla
    0 votes
    1 answer
22. защитить input от фокуса

    помогите пожалуйста защитить поле input от фокуса. то есть нужно чтобы курсор не мигал в поле input здесь одна из неуспешных попыток

    Asked by cyklop77, August 1, 2013

    0 votes
    1 answer
23. выравнивание изображения в таблице

    Помогите разобраться. Вопрос следующий: необходимо выровнять кнопку Играть по центру по вертикали. код html: <table class="opis"> <tr> <td class="opis"> Статус: открытое бета-тестирование Разработчик: Gaijin Entertaiment Жанр: Симулятор, MMOAaction Дата выхода: 1 ноября 2012 Оплата: Free-to-Play (бесплатно) Официальный сайт: <a href="http://lnk.do/24sWy">warthunder.ru</a> </td> <td class="opis2"> <a href="http://lnk.do/24sWy"><img alt="play" src="http://gamevestnik.ru/wp-content/uploads/2013/07/play.png" width="250" height="69" /></a> </td> </tr> </table> CSS: table.opis { width: 100%; bord…

    Asked by Gr1n4, August 2, 2013

    0 votes
    1 answer
24. Без border`а или padding`а не работает margin

    Ребят, объясните аномалию пожалуйста. Делаю простенькое упражнение по верстке-менюшка. Вот что получилось: А вот код: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Оформление вертикального меню</title> <style type="text/css"> body{ background:#7f7f7f; } #left{ width:200px; background:#369; } #left ul{ list-style:none; border:1px solid white; //[color=#00ff00]магическая строчка[/color] padding:0px; } #left li{ margin:10px; } #left li a{ background:#fff; text-decoration:none; color:#69d; padding:12px; text-transform:uppercase; display:block; } #left li a:hover{ background:#ffc; color:#000; } </style> </h…

    Asked by two_pizza, August 1, 2013

    0 votes
    1 answer
25. Почему padding вокруг текста в разных браузерах ведет себя по-разному

    .one { padding: 0.3em; } <span class="one">Hello, everyone</span> Почему в разных браузерах по-разному рисуется плашка (верхний отступ скачет)? И как сделать, чтобы она располагалась, как в Safari (центр по строчным буквам, а не прописным)?

    Asked by Artem Narushevich, August 2, 2013

    • css
    • верстка
    • padding
    0 votes
    1 answer