HTML Coding

29542 questions in this forum

1. Верстка формы

   Есть в макете форма, в которой поля расположены следующим образом: Как разместить поля в таком порядке. Для label я пишу display:block, чтобы они были над полями. Если для первого input прописать float-left, то второй input располагается чуть ниже первого. Как это можно правильно сверстать? Вот код формы: <form class="orderform" method="" action=""> <label for="user-name">Ваше имя</label> <input id="user-name" name="user-name" value="" type="text"> <label for="phone-number">Ваш телефон</label> <input id="phone-number" name="phone-number" value="" type="text"> <input type="submit" value="Вызвать мастера"></form&…

   Asked by IvanRu08, August 19, 2015

   0 votes
   4 answers
2. Включить кэш

   Использую PageSpeed Insights для оптимизации сайта webref. Советует мне включить кэш браузера. Но он у меня и так включен, вот фрагмент .htaccess. Модель mod_expires есть, проверил. <IfModule mod_expires.c> ExpiresActive On # Cache all files for 2 weeks after access (A). ExpiresDefault A1209600</IfModule>Соответственно, вопрос - как проверить, кэшируется ли сайт и как его включить если нет?

   Asked by Vlad, August 25, 2015

   0 votes
   7 answers
3. Как сделать часы

   как сделать такие часы? Здесь файлы но часы работают только после обновления страницы: https://yadi.sk/d/EsSIIvpGiYfmn Пытался воссоздать http://jsfiddle.net/enwmps9o/79/

   Asked by lev99, August 20, 2015

   • html
   • css3
   0 votes
   10 answers
4. Карта сайта Sitemap.xml Правильное время?

   Здравствуйте. Подскажите пожалуйста, какой из ниже представленных вариантов времени будет правильным, в фале sitemap.xml? Нужно указывать время по Гринвичу? или Московское? (на моем хостинге время Московское GMT+03:00) Если сейчас, к примеру, время по Гринвичу 04:30:50 а на хостинге соответственно 07:30:50 то в карте сайта должно быть: Вариант 1: <lastmod>2015-08-20T04:30:50+00:00</lastmod> Вариант 2: <lastmod>2015-08-20T04:30:50+03:00</lastmod> Вариант 3: <lastmod>2015-08-20T07:30:50+00:00</lastmod> Вариант 4: <lastmod>2015-08-20T07:30:50+03:00</lastmod> На своем "самописном движке" могу сделать любой из вариан…

   Asked by koly32, August 20, 2015

   0 votes
   4 answers
5. Одно правило css перекрывает другое

   Есть сайт http://ibodybuilding.ru. Там в меню наверху есть пункт "Карта сайта в xml". У этой ссылки класс hidden-display-none который содержит только одно правило display:none. Но если посмотреть код элемента через хром, то правило перечеркнуто - его переопределяет другое правило (.nav > li > a {display:block;}) из другого файла, который подключается раньше. То есть получается что это мое правило должно быть в приоритете, так как мой файл подключается позже, но этого не происходит. Почему?

   Asked by websiller, August 20, 2015

   • css
   0 votes
   6 answers
6. Как сжать изображения на мобильной версии?

   Как эффективно сжать изображения на мобильной версии с уравнением пропорций размера?

   Asked by Hoax, August 20, 2015

   0 votes
   5 answers
7. таблица вылазит из дива из-за длинной непрерывной строки

   Есть страница шаблона панели управления в которой из-за длинной непрерырвной строки таблица сильно вылазит за пределы дива. Просьба помочь в данном вопросе, желательно с помощью css, так как редактирование html ограниченно тем что панель генерит часть кода. вот шаблон данной страницы, а вот сгенерированая страница. Заранее благодарю за помощь...

   Asked by beliy, August 20, 2015

   0 votes
   2 answers
8. Конфликт скриптов

   Есть код, не знаю из-за чего начал капризничать, толь из-за Joomla 3, еще чего, не пойму, помогите разобраться

   Asked by lev99, August 21, 2015

   • javascript
   • jQuery
   0 votes
   2 answers
9. Ошибка со шрифтом TAHOMA

   сайт http://ss3.zz.mu/itsjustanewtry/index.html Почему одно устройство показывает что засечки есть ,а на другом их нету на Tahoma не должно быть засечёк фото ошибки (Меню сайта)

   Asked by аркей, August 21, 2015

   • шрифт css
   0 votes
   1 answer
10. Эффект тиснения градиентом

    Доброго дня уважаемые коллеги. Подскажите пожалуйста, можно ли сделать с помощью градиентов вот такой эффект тиснения? http://savepic.net/7196577.htm Обычный градиент я знаю как делать, использовать несколько градиентов также умею. Но здесь как-то оно на искоса идет у уголков, даже не знаю что делать. Вырезать картинку и так пихать также не очень хочется. Буду благодарен за любую помощь.

    Asked by Velidan, August 21, 2015

    • тиснение
    • градиент
    • эффект
    0 votes
    3 answers
11. css ​transform

    Добрый день, дайте направление куда копать. есть ромб делаю с помощью .romb{width:150px;height:150px;transform: rotateX(45deg) rotateZ(-45deg);border: 1px solid black;}.img{background-image: url(img.png);transform: rotateX(0deg) rotateZ(45deg);}<div class="romb"><div class="img"></div></div>т.е. перевернут против часовой стрелки на 45 градусов, картинку обратно перевернул, собственно вопрос как обнулить rotateX(0deg)? это пример по факту нужно сделать 1 большой ромб и в нем 9 маленьких ромбов в которых 9 background-image кликабельным должен быть именно ромб

    Asked by vik1249, August 21, 2015

    0 votes
    14 answers
12. ie8 не понимает eot

    Есть сайт.Такая проблема. Генерирую шрифты с помощью сервиса https://everythingfonts.com/font-face. Подключаю их к сайту вот по такому синтаксису: @font-face{ font-family: 'RobotoItalic'; src: url('../fonts/RobotoItalic.eot'); src: url('../fonts/RobotoItalic.eot') format('embedded-opentype'), url('../fonts/RobotoItalic.woff2') format('woff2'), url('../fonts/RobotoItalic.woff') format('woff'), url('../fonts/RobotoItalic.ttf') format('truetype'), url('../fonts/RobotoItalic.svg#RobotoItalic') format('svg');}Во всех браузерах шрифт отображается нормально, кроме ie8. В нем не работает посмотрел в панеля разработчика: осел пишет, что какая то ошибка с форм…

    Asked by IvanRu08, August 21, 2015

    0 votes
    9 answers
13. как сделать прозрачный фон в картинке?

    http://joxi.ru/DmBNZa1hMNEYmP вот код

    Asked by raptor-dm, August 22, 2015

    0 votes
    1 answer
14. Белая полоса на экране страницы

    Добрый день! Так вот.. на моем сайте в русской версии, белая полоса... Как ее убрать? На других языках этой полосы нет. Мой сайт www.lingovocabulary.com

    Asked by iolegv, August 22, 2015

    0 votes
    6 answers
15. цвет меню открытой страницы

    Кто может помочь. Как исправить код для меню чтоб меню открытой страницы подсвечивалось другим цветом? Происходит какое-то игнорирование, в пользу приоритета главной страницы. .text-link-naf {color: #945712; font-size: 18px; font-weight: 700;}.link-menu.w--current {display: inline-block; background-color: transparent; color: #22a6f2; font-weight: 700;} САЙТ: http://interbuy24.ru/balivilla/

    Asked by влад_os, August 22, 2015

    0 votes
    1 answer
16. Проблема с видом контента

    Здраствуйте. Нужна помощь с казалось бы простой темой Есть вот такой вид контента, заголовок будет максимум из двух строк (ограничение движка), для контента поставила max-height, в случае если строка одна всё нормально, но если строки две, то текст контента налазит на текст информации о новости. HTML: <div class="news"> <div class="news_header">Заголовок</div> <div class="news_content">Текст контента</div> <div class="news_info">Информационный текст</div></div>CSS: .news{ background-color:#f0f5f9; display:inline-block; height:270px; width:270px; float:left; margin-bottom:10px; padding:10px; position:relativ…

    Asked by lapochka, August 22, 2015

    • div
    • html
    • css
    • news
    0 votes
    5 answers
17. Пропорциональное масштабирование <img>

    Доброе время суток нужна помощь с масштабированием кнопки (пожалуйста [а то я уже запарился читать и нехрина не доганять]) подробности здесь - https://onedrive.live.com/redir?resid=52ADAD5F450670A4!382&authkey=!AAM1xQaBQ4zzhEs&ithint=file%2cmht за ранее спасибо​ с уважением Д.Владимир

    Asked by Wladimir, August 22, 2015

    • div
    • img
    • script
    0 votes
    8 answers
18. CSS верстка страницы, проблема с центрированием

    Всем привет. Учусь верстать страницу на CSS, вместо таблиц. И столкнулся с проблемой. Раньше у меня была такая табличная структура (пишу упрощенно): <table width=100%> <tr> <td></td> <td width=900>вся шапка сайта тут</td> <td></td> </tr></table>Мне это давало ровную колонку в 900 пикселей по центру экрана. Также я делал и с "контент" частью, и с "футером". А на 100% растягивал, что бы если у пользователя вдруг монитор будет по ширине выдавать больше 1800 пикселей таблицы не выстроились в ряд. Теперь пытаюсь перенести эту логику на CSS. Создаю шапку: <div style="width:100%;min-height:300px;backgr…

    Asked by Alexey Menshikov, August 23, 2015

    0 votes
    2 answers
19. Обрезать текст по вертикали и добавить многоточие в конце

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

    Asked by Torawhite, August 23, 2015

    0 votes
    4 answers
20. Как сделать transform:scale поверх соседних элементов?

    Привет! http://apriori.leveler.ru/в нижней части страницы есть три баннера, при трансформации они увеличиваются за соседями, что в принципе логично. Но в Firefox например с такой версткой z-index работает и картинка всплывает над соседями. Посоветуйте пожалуйста, как правильно сверстать такое? Чтобы и bootstrap остался (при изменении размеров окна картинки должны выстраиваться вертикально) и над соседями подняться?

    Asked by d0ublezer0, August 23, 2015

    0 votes
    7 answers
21. Несколько вопросов по SMACSS

    Взял пример с официального сайта из раздела про Layout и решил разобраться как оформить данный блок до конца по методологии. Пример как должно выглядеть в итоге: Меня интересует вопрос нужен ли тут вообще l-grid ведь layout можно через модуль оформить, как и остальные стили. Иначе сам по себе модуль будет зависеть от других стилей позиционирования и без них итемы будут выводиться вертикально, что добавляет лишние зависимости. Первый вариант с вырванным и помещенным в layout позиционированием. <div><h2>Featured</h2><ul class="module l-grid"> <li class="module-item"><a href="…">…</a></li> <li class="module-item"&gt…

    Asked by Zuenf, August 23, 2015

    0 votes
    0 answers
22. Изображение на сайте и таинственное масштабирование

    Здравствуйте! Скачал шаблон для джумлы и столкнулся с загадочным масштабированием картинок в слайдере: обе картинки в разрешении 1500х601, html и css на обе картинки обинаковый, но одна картинка сохраняет свою высоту, растягиваясь в ширину, а другая масштабируется по обоим направлениям, т.е. увеличивает свою высоту. С таким поведеним столкнулся впервые, подскажите, в чём может быть причина? Сайт: http://laakoon.com/, первая картинка: header-1.JPG, вторая: header02.jpg P.S. Чуть не забыл: проблема появляется в последнем хроме на FullHD разрешении.

    Asked by Tmin10, August 24, 2015

    0 votes
    0 answers
23. слайдер шапка

    У меня вот такой вопрос как сделать сдайдер как шапку сайта.. То есть будет обычная картинка но менялась! Ну пример (http://mnogoblog.ru/) не реклама! Видите тут обычная в верху картинка с меню, дак надо что бы эта картинка менялась на другую с эффектами! Да знаю что это просто типо надо сделать так <script type="text/javascript">all_images = new Array ("images/back.jpg","images/back1.jpg","images/back2.jpg");var ImgNum = 0;var ImgLength = all_images.length - 1;var delay = 2500;var lock = false;var run;function chgImg(direction) { if (document.images) { ImgNum = ImgNum + direction; if (ImgNum > ImgLength) { ImgNum = 0; } if (ImgNum < 0) { ImgNum…

    Asked by SanyaSV, August 24, 2015

    0 votes
    2 answers
24. Body height: 0;

    Как вы думаете, нулевая высота боди этого сайта http://www.shtab.net.ua/ результат грубой ошибки или приём, о котором я не знаю? Как мне кажется, содержимое боди имеет флоат, а очистить забыли.

    Asked by seemax, August 24, 2015

    0 votes
    2 answers
25. Корректное использование правила

    Доброго дня уважаемые коллеги. Подскажите пожалуйста, корректно ли я пользуюсь свойством flex-grow для того, чтоб элемент занял все доступное пространство? Пример: https://jsfiddle.net/uvbc8wtc/ П.С. Только, пожалуйста, не надо цитировать справочник. Прекрасно знаю, что это свойство "Определяет жадность отдельного элемента относительно других" и т.д. Интересует или может можно как-то по другому автоматически заполнить все доступное пространство и вообще правильно ли я делаю все таким образом. Заранее спасибо за любую помощь.

    Asked by Velidan, August 24, 2015

    • правило
    • стиль
    • корректность
    0 votes
    1 answer