HTML Coding

29,542 questions in this forum

1. Sublime text 3 problem with snippets

   Установлен ST3 + Emmets, не работают snippets в css, в html все ок. Т.е. после табуляции он добавляет пробел и символ " ; " Проблема вроде как в emmets. Как на время этот плагин отключить кстати? И как сделать чтобы все работало вместе с этим плагином?

   Asked by TrueMax, January 23, 2014

   0 votes
   9 answers
2. не работает margin:0 auto;

   Доброго времени суток, столкнулся с такой проблемой, искал решение, нашел на вашем форуме похожую тему но рекомендации оттуда мне не помогли, проблема в том что я не могу отцентрировать блок div .mobnamaz{ padding:31px 3px 3px 90px; width:100%; } @media only screen and (max-width : 767px) { .mobnamaz { position: relative; width:100%; padding:0; margin:0 auto !important; } } собственно блок должен центрироваться только на мобильных устройствах, на данный момент в результате экспериментов у меня получился вот такой код, но это не работает. Вот собственно и сам div <div class="mobnamaz"> <iframe></iframe> </div> если…

   Asked by itook.ru, May 7, 2016

   • margin
   0 votes
   2 answers
3. При наведении на кнопку пропадает вторая картинка

   При наведении на кнопку пропадает вторая картинка (hover). Как будто браузер (мозилла и ie) вновь закачивает картинки для отображения....Уменьшил размер каждой нарисованной кнопки от 1.5 кб до 2.5 кб с имеющихся 10 кб для каждой, всеравно тот же результат. Наводишь мышь - первая картинка пропадает (как и должно быть по задумке ), вторая сразу не появляется, только после наведения мышью на эту область повторно .... Помогите советом.....

   Asked by marcool, October 13, 2009

   0 votes
   9 answers
4. fancybox сдвигает контент

   Здравствуйте, подлючил fancybox, основной контент у меня в контейнере: <div style="width:1000px;margin: 0 auto;"></div> При вызове окна, весь контент немного сдвигаеться вправо, почему? (думаю что ajax при создании окна добавляет div на страницу....который мне все сдвигает!) Если убрать авто то все ок!

   Asked by baryshkov, November 22, 2012

   0 votes
   5 answers
5. Вертикальное выравнивание

   Никак не могу выровнять текст по вертикале. .menu { width: 100px; height: 24px; background-image: url(images/menu.jpg); float: left; color: #ffffff; text-align: center; font-weight: bolder; } vertical-align не работает

   Asked by klik2, July 25, 2008

   0 votes
   7 answers
6. Определить дату последнего изменения файла

   подскажите, пожалуйста, есть ли возможность определить дату изменения файла на сервере? допустим, в коде интернет-страницы встречаются ссылки на js-файлы, css и картинки. можно при/перед загрузкой страницы определить дату их изменения? да и дату изменения самого html-файла. какие еще параметры (атрибуты) файлов на web-сервере можно определить по HTTP? вопрос возник в контексте кэширования файлов, открываемых вэб-браузером. ведь если заранее знать, что файл не был изменен -- его и скачивать не обязательно.

   Asked by Stamper, October 29, 2010

   0 votes
   13 answers
7. Нумерация таблиц (<table> в <li>)

   Нужно, чтобы таблички были пронумерованы с помощью тегов списка: <ol> <li><table>...</table></li> <li><table>...</table></li> </ol> Отступ в этом случае происходит, а вот номер пропадает. Как быть? Использование тегов списка обязательно. А вот с таблицей можно поиграться. Использую её, так как нужно, чтобы в списке на одной строке располагались две колонки: одна с основным текстом, а вторая у правого края страницы с дополнительными сносками и ссылками. Каждая такая новая таблица формируется при помощи специального макроса, в котором и передаются значения двух этих столбцов из базы данных. Передаются динами…

   Asked by derfas1, April 14, 2011

   0 votes
   27 answers
8. вложенные списки , изменение отступа дочернего списка

   привет всем ! есть дерево вложенных списков вложенных списков есть определённый предел после которого надо вложенный список поровнять с главным самым верхним <родительский список> <дочерний список 1> <дочерний список 2> <дочерний список 3> а надо чтоб было <родительский список> <дочерний список 1> <дочерний список 2> <дочерний список 3> предел после которого происходит это действие может изменяться теперь сам вопрос возможно реализовать это только CSS Если есть идеи поделитесь пожалуйста.

   Asked by SergeyZelensky, March 20, 2013

   • css
   • html
   0 votes
   9 answers
9. Нестандартная верстка шапки сайта

   Здравствуйте. Я начинающий верстальщик и решила взяться за нестандартную верстку сайта. Так как это мой первый опыт, я не знаю как сделать эту шапку сайта. Подскажите, с помощью каких модификаторов css это делается, или нужно использовать js? Может есть какие-нибудь примеры? з.ы. интересно так же, как делаются данные часы обратного отсчета в шапке. если у кого-нибудь найдётся пример на php буду премного благодарна

   Asked by kotikes, February 22, 2017

   • шапка
   • header
   • html
   • css
   • js
   • верстка
   0 votes
   4 answers
10. text-decoration:none

    Здравствуйте, такая вот проблема: есть 2 класса для текста в одном из которых text-decoration:underline;-его я объявил в самом начале, т.к. он основной. есть 2й класс, в нем text-decoration:none; когда применяю этот класс с помощью абв, то абв все равно остается подчеркнутым. Вот сосбно вся проблема.

    Asked by FtD, May 6, 2008

    0 votes
    31 answers
11. Как в CSS2 задать что-то типа переменных (идентификаторов)?

    Никак не могу понять как это делается (и делается ли вообще). Т.е. например, можно ли задать переменную color01 = "#e00", а затем при описаниия стиля использовать идентификатор color01 вместо цвета? Или как можно сделать (может через наследование) что-то вроде этого: .t1 { background-color: #e00; border: 1px solid #fff} а затем каким-то образом "подключить" уже описанный ранее стиль, чтобы вместо кода: .t2 { background-color: #e00; border: 1px solid #fff; width = 20%} написать что-то вроде: .t2 {style="t1"; width=20% } Читал спецификацию по CSS2, так и не понял принципов наследования. Помогите кто-нибудь или дайте хотя бы ссылку на нормальную книжку про CSS!

    Asked by retk213, October 22, 2008

    0 votes
    13 answers
12. Опытные верстальщики, а как вы проверяете на крассбраузерность?

    Не стал поднимать темы с бородой. Какой лучший и удобный, с вашей точки зрения, способ проверки на кроссбраузерность? Стоит ли пихать всё в одну папочку? Будут ли они конфликтовать друг с другом? Или же стоит воспользоваться специальными программами и сервисами? Но стоит ли им доверять? Про случай с какой-то виртуальной машиной вообще не понятно.. В общем нуждаюсь в совете

    Asked by flagreit, March 2, 2011

    0 votes
    39 answers
13. Помогите вырезать значок из макета

    Есть такой макет - https://www.dropbox....9ksny/index.psd Замучился вырезать значок (в виде кружков) в навигационном меню. Подскажите, как мне его вырезать правильно? Почему-то получается значок в виде двух изображений (половинок) в результате. И точно также дело обстоит с центральной картинкой. До этого в Photoshop с таким не сталкивался, не знаю, что делать.

    Asked by aaron, March 18, 2013

    • psd
    • верстка
    0 votes
    30 answers
14. Поведение :hover у псевдоэлементов

    Есть блок с псевдоэлементом. При наведении на блок (:hover) - появляется псевдоэлемент. НО при перемещении курсора с блока на появившийся псевдоэлемент. Псевдоэлемент не пропадает, а остается пока виден пока на нем наведена мышь. Почему??? http://jsfiddle.net/AYB26/31/

    Asked by Kelenar, June 7, 2015

    • :hover
    0 votes
    7 answers
15. Помогите!не могу убрать границы таблицы

    Привет всем!! Вот решила немного подучится html и css. Наткнулась на такую проблему: нужно сформировать некоторый вид части html документа с помощью таблицы. В css по этому поводу - написано следующее: table { border:0px; background-color:#ffffff; align: center; text-align: justify;} table td { vertical-align : bottom;} #trwhite { background-color: #ffffff;} #trgray { background-color: #e6e7e8;} #tdwhite { background-color: #ffffff;} #tdgray { background-color: #e6e7e8;} в html вот это: <table align="center" width="100%" > <tr> <td id="tdgray" rowspan=2 ></td> <td id="tdgray" rowspan=2 width="164"> </td> <td i…

    Asked by asido, October 30, 2009

    0 votes
    14 answers
16. Вертикальное выравнивание внутри дива.

    Вертикальное выравнивание внутри дива. Научите правильно это делать кросбраузерно и именно через vertical-align: middle Вариант с padding или line-height не подходит. Интересует, как правильно выравнивать по вертикали текст или другой див. Заготовил формочку: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <style type="text/css"> * { margin: 0; padding: 0;} .max1 { height : 300px; background: red; } .max2 { height : 300px; background: black; } .max2 div { height : 50px; width : 50px; background: green; } </style> </head> <body> <div class="max1"&gt…

    Asked by Semreg, October 23, 2009

    0 votes
    9 answers
17. Как сверстать нахлёстом

    Хтелось бы спросить Вашего мнения, дорогие форумчане. Как, по Вашему, лучше всего реализовать такой вот нахлёст картинки с надписью "Новые коллекции" на хэдер, как показано на рисунке ? Макет резиновый.

    Asked by dimacat, August 13, 2010

    0 votes
    22 answers
18. Обрезается фон при прокрутке

    Имеется вот такой простейший код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> </head> <body> <div style="background: url('img.jpg') no-repeat center top; height: 200px;"> <img width="1000" height="1"> </div> </body> </html> То есть имеется DIV, у которого прописано фоновое изображение. Это изображение не должно повторяться и заполнять DIV, а располагаться сверху и посередине блока. DIV имеет некоторое содержимое (в данном случае картинку) которое не дает ему сжиматься и при сжатии окна появляется полоса прокрутки. Так вот проблема в том …

    Asked by ZooY, August 17, 2010

    0 votes
    7 answers
19. Padding у input тектса

    Есть форма: http://jsfiddle.net/6BU8r/ Когда: .form-contact input[type="text"] {padding: 0;}Все инпут поля вписываются в рамки "form-content", а когда устанавливаем: padding: 0 20px; То происходит увеличение длины инпута и выход его за пределы? И второй вопрос - как вписать эти инпут-поля в "form-content", чтобы они не вылезали? Спасибо!

    Asked by cluboy, February 27, 2014

    • padding
    • input
    • text
    0 votes
    3 answers
20. Вставка HTML после определенного элемента

    Случилось такое что после каждого заголовка <h3> в правой колонке сайта, нужно вставить HTML код: <div class="clr"></div> пробовал через CSS с помощью :after, но текст вставляется как обычный, а не HTML. Думал реализовать через JavaScript, но к сожалению с ним плохо знаком, подскажите пожалуйста уроком или советом К сожалению ссылку на сайт предоставить не могу, т.к. сайт на локальном сервере.

    Asked by MC WEST, October 12, 2010

    0 votes
    24 answers
21. "железная ширина"

    не могу понять в чем дело... задал ширину в 171px визуально 171px, но когда начинаешь вставлять тект в этот слой, то этот слой становится шире в зависимости сколько в н?м текста! Как задать ширину так, чтобы текст не удлинял слой, а как обычно сам впихивался в эти 171px ?

    Asked by maza, September 7, 2007

    0 votes
    13 answers
22. Выпадающий список прикрутить скролл

    Приветствую Всех! Добрые люди подсказали готовое решение (http://designformasters.info/posts/select-replacement/ ) по реализации своего select. Решение отличное, но вот не получается в него нормально скролл прикрутить, не много видоизменил http://otverblyuda.ru/test/menu/index.html. Подскажите как реализовать скролл правильно.

    Asked by Feduch, February 26, 2010

    0 votes
    6 answers
23. Эффект печатающегося текста

    Подскажите, как сделать средствами CSS, но не скриптами, чтобы каждая строка начинала прописываться после того, как предыдущая закончила прописываться. Сейчас все строки прописываются одновременно. HTML: <p class="text-typing">1 строка</p> <p class="text-typing">2 строка</p> <p class="text-typing">3 строка</p> <p class="text-typing">4 строка</p> CSS: .text-typing { width: 21em; color:green; font-size: 22px; font-family: 'Marck Script', cursive; white-space:nowrap; overflow:hidden; -webkit-animation: type 5s steps(34, end); animation: …

    Asked by StOK, December 14, 2016

    • эффект печатающегося текста
    0 votes
    3 answers
24. Не могу понять

    Извините, конечно, что повторяю некоторые проблемы, но: Мозила фаир 3 не хочет отображать картинки, ИЕ отображает, искал решение, подсказали относительные папки и всё такое, помогите разобраться, допустим картика находиться тут: c:/www/images/picture.png (изначально так писал) то относительный адрес будет таков: images/picture.png (я так написал, картинка не отображалась) или каким адресом, если не трудно напишите. Заранее спасибо.

    Asked by Yahoo!, September 17, 2008

    0 votes
    13 answers
25. Ростолкуйте CSS правило

    min-Height работающий в FF, IE6, IE7, Opera .minHeight { min-height: 200px; height: auto !important; height: 200px; } Растолкуйте плиз, как браузеры читают правило и почему соответственно работает во всех.

    Asked by kozakmamai, January 12, 2008

    0 votes
    6 answers