HTML Coding

29542 questions in this forum

1. Помогите определить шрифт

   Пытался определить с помощью онлайн инструментов, но не смог. Что за шрифт?

   Asked by WhatIsHTML, March 24, 2016

   0 votes
   0 answers
2. Как добиться плавного отображения при transform: rotateY( 180deg )?

   Здравствуйте. Пробую использовать данное правило совместно с transition и псевдоэлементами, но браузеры уж очень коряво рендерят анимацию. Вот результат http://hismith.smartfreelancer.ru/ При наведении на столбец происходит вращение. Кто-нибудь решал уже такую проблему, и если да, то как? Код: .jaluzi { display: flex; flex-direction: row; height: 90%; } .jaluzi__elem { width: 100%; } .jaluzi__elem:hover .jaluzi__column-content { transform: rotateY(180deg); transition: transform 1s; } .jaluzi__column-content { background: linear-gradient(to right, #b2b6bc 0%, #f4f4f5 25%); padding: 85px 0 0; transition: transform 1s; …

   Asked by Sigizmund, March 24, 2016

   0 votes
   4 answers
3. Меню - выпадающее меню html и сss

   Здравствуйте! Не буду долго говорить нужно реализовать выпадающее меню такого плана (скрин-1). html и сss не подскажите пример кода?

   Asked by Balthazar, March 24, 2016

   • выпадающее меню html
   • выпадающее меню css
   0 votes
   6 answers
4. Где взять такую

   Здравствуйте. Не знаю, в какой раздел написать, решил сюда. Где мне взять такую песню карусель http://joxi.ru/Vrwepwbi5VpB2X , не мог найти подходящую под такое описание, может и плохо искал: - слайдер прокручивает картинки по клику на стрелки либо по картинке, выбранная всегда в центре, если картинок мало то они по центру slick- карусель почти такая есть, но там нет функции кликать по картинкам. Может кому попадалась?

   Asked by kent, March 24, 2016

   0 votes
   2 answers
5. Замена атрибута src у изображения при помощи jQuery

   Доброго вечера, уважаемые! Поставил перед собой задачу: при помощи jQuery заставить картинку сменяться, когда на неё наводят курсор. По факту: заменить атрибут src у img'a с этим изображением. Написал span, содержащий url нового изображения, скрыл его в css. Затем присвоил значение этого span'a функции, и закинул эту функцию в .attr(), где первым значением выбрал 'src'. Получилось так: $(document).ready(function() { $('.content').hover(function() { var newImg = ('#newImg_url').val(); $('#mainImg').attr('src', newImg); }); }); Где .content - блок с изображением, #newImg_url - тот самый span с новым url'ом, #mainImg - основное изоб…

   Asked by kot_Bazilio, March 24, 2016

   • javascript
   • jquery
   • вопрос
   0 votes
   4 answers
6. Ссылки скачут при нажатии

   При нажатии ссылки скачут. Что делать? http://codepen.io/anon/pen/mPwyGE

   Asked by yaparoff, March 25, 2016

   0 votes
   2 answers
7. Верстка email писем

   Делал задание по верстке email рассылки. Единственная проблема возникла с тестированием. 1. Я не знаю где и как можно проверить отображение на разных почтовиках. Знаю есть сайт litmus, но для бесплатного тестирования там только 3 почтовика (gmail, iphone 6s, outlook 2013). Хочется быть более уверенным, когда отправляешь письмо заказчику, что оно тебе не будет снится по ночам и заказчик не будет вспоминать тебя трехэтажными словами. Еще вопрос по поводу media запросов. 2.Можно ли их использовать? Вот тут campaignmonitor написано за 19.09.2013 Проверял письмо еще вот здесь . На media запросы никак не реагировало, поддержка написана 97…

   Asked by WhatIsHTML, March 25, 2016

   0 votes
   17 answers
8. В бутстрап-верстке последнию колонку выделить в блок

   Всем привет, Подскажите, пожалуйста, есть бутстрап-верстка нескольких полей на маленьких и средних девайсах в 2 колонки: jsfiddle.net И хотелось бы выделить эти поля в 3 грппы с заголовком Я попробовал последнию колонку заключить в див со стилями чтобы эту колонку как-то неброско и аккуратно выделить в блок: <div class="widgetcontent"> <h4 class="widgettitle">Contact Details</h4> <div class="form-group col-xs-12 col-sm-6 col-md-6"> <label for="phone" class="col-xs-12 col-sm-4 col-md-4">Phone</label> <div class="col-xs-12 col-sm-8 col-md-8"> <input type="text" name="phone" id="phone" clas…

   Asked by mstdmstd, March 25, 2016

   0 votes
   5 answers
9. Float элемент странно вырван из потока.

   Давно усвоено, казалось бы, флоат элемент вырван из потока. Каким образом margin-top элемента <nav> в потоке добавляет тот же margin-top элементу <div>, вырванному из потока? http://codepen.io/462960/pen/VaWwYQ

   Asked by seemax, March 25, 2016

   • float
   0 votes
   1 answer
10. Адаптивность для Ipad

    Здравствуйте! Есть сайт: http://st-valentine.pl , в онлайн-сервисах везде показывает нормальную адаптивную верстку, проверял на мобильном(андроид) и планшете(андроид), тоже всё ок. Но на Ipad не переключается на адаптивную версию(не видно языков справа). Есть предположение что проблема с каким-то css свойством, которое не понимает Сафари. Кто может помочь?

    Asked by sanyok911, March 25, 2016

    0 votes
    0 answers
11. Помогите добавить вторую кнопку.

    Есть код, одна кнопка работает отлично, как надо. Как добавить на эту же страницу ещё одну кнопку, чтобы она работала как и первая, но открывала другое окно? <!DOCTYPE HTML PUBLIC '-//W3C//DTD HTML 4.01 Transitional//EN' 'http://www.w3.org/TR/html4/loose.dtd'> <html> <head> <meta http-equiv='Content-Type' content='text/html; charset=utf8'> <link rel="stylesheet" href="http://sergey-oganesyan.ru/wp-content/uploads/2014/01/stylepromer.css" type="text/css" /> <title>Всплывающее окно</title> <style type="text/css"> #wrap{ display: none; opacity: 0.8; position: fixed; left: ; right: ; top: ; bottom: ; p…

    Asked by densavi, March 25, 2016

    0 votes
    0 answers
12. Выравнивание высоты блоков при обновлении и resize окна

    Выравниваю высоту блоков при обновлении страницы, и, соответственно, по изменению размеров. <script> function setEqualSize(classBlocks) { var maxHeight = 0; $(classBlocks).each(function(){ if ($(this).height() > maxHeight) { maxHeight = $(this).height(); } }); $(classBlocks).height(maxHeight); } $(function($) { setEqualSize('.block') }); $(window).resize(function() { q=$('.block').height() $('.article-anonses…

    Asked by Vlad_P, March 25, 2016

    0 votes
    5 answers
13. Вопрос по использованию hover

    Всем привет Смотрю видео-уроки, и сейчас выполняю задание по табличной верстке. Нужно сверстать такую же страницу: http://www.templatemonster.com/ru/demo/42889.html Возник вопрос по кнопкам More, которые находятся под круглыми картинками. Использовала hover, при наведении на ячейку More с коричневым фоном загорается в углу. Собственно вопрос: как сделать, чтобы было как на исходном сайте?) И еще: у меня коричневая кнопка загорается при наведении на всю ячейку, на исходном сайте коричневая кнопка появляется при наведении на желтую. Хотелось бы знать как еще и это исправить

    Asked by Alenchik, March 25, 2016

    0 votes
    1 answer
14. Форма обратной связи

    Добрый день! Столкнулся с такой проблемой - сделал лендинг в Adobe Muse, но форма обратной связи не работает. Написал в службу поддержки хостинга. Мне там ответили, что нужно в коде указать вместо content-type: text/html, так content-type: text/plain. Где именно в коде, в index.html или в самом файле формы PHP? Попробовал заменить в Index.html, но на сайте выскакивают кракозябры. Ведь нужно изменить код в данной строчке : <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>, я правильно понимаю? Благодарю за ответ!

    Asked by Zakonoposlushniy, March 26, 2016

    • форма связь
    • php
    0 votes
    3 answers
15. Дополнительное фото товара

    Хочу сделать блок с дублирование всех фото товара - т.е чтобы все фото товара,помимо их расположения вверху страницы (где есть главное фото и миниатюры),попадали еще и в блок "Фотографии товара". Фото разного размера - есть высокие,широкие,квадратные. Как сделать в этом блоке их размер 1/2 (50%) от оригинального изображения вверху страницы?И как их выровнять в ряд (горизонтально)с небольшим промежутком между ними?Сейчас они выстраиваются вертикально помогите с кодом,пожалуйста. Что дописать или исправить? {if count($product.images) > 0} <div class="more-images"> {foreach from=$product.images item=image name=phthumbs} <div…

    Asked by stels57, March 26, 2016

    • дополнительное фото товара
    • вывод фото в %
    • $image
    0 votes
    1 answer
16. скругление-эллипс нижних углов блока

    Ребят,нужна помощь нужно сделать у блока со слайдером скругленные нижние углы,но скругление эллипсовидное проблема в том что когда задаю border-radius: 0 0 50%/5%; - скругляется нижний правый угол но если задать border-radius: 0 0 50%/5% 50%/5%; - то блок остается квадратным https://jsfiddle.net/1ndr2qq1/

    Asked by F4rr3LL, March 26, 2016

    0 votes
    2 answers
17. Можно ли сделать плавающий, но не фиксированный блок?

    В сайдбаре есть блок с тизерами, их там много. Потому просто position:fixed не подойдет иначе будет видна лишь малая часть Вот вопрос - можно ли и если да, то как сделать так, что если человек прокрутил статью вниз на 1500 пикселей, то этот блок становится со свойством margin-top:1500px; это чувствую как-то с JS связано..

    Asked by nikki4, March 26, 2016

    0 votes
    1 answer
18. повороты в canvas

    помогите пожалуйста повернуть каждую цифру на 90 градусов. результат должен выглядеть так. у меня пока получается только так вообще я пытаюсь нарисовать систему координат. с вертикальной осью проблем нет

    Asked by cyklop77, March 27, 2016

    • canvas
    • js
    0 votes
    1 answer
19. Переход от мобильной к полной версии сайта

    Добрый день! Чтобы яндекс не ругался, вчера на скорую руку сделал мобильную версию для сайта http://multikorm.ru/, используя медиа запросы. Сегодня попросили добавить ссылку, при нажатии на которую будет открываться полная версия сайта. Ничего толкового на форумах почему-то не нашел и решил написать небольшой скрипт, который удаляет <link href="mobile.css"> и <meta type="viewport">, но у этого решения множество недостатков) Как сделать переход более правильным в данном случае?

    Asked by kaspers128, March 29, 2016

    0 votes
    3 answers
20. Помогите разрешить проблему с SSI

    Вникаю в SSI - очень нравится мне эта технология! Из тюка страниц можно вынести наружу меню, шапку, подвал и т.д. С меню в SSI очень удобно: меняю в menu.shtml сколько угодно ссылок и всё в момент отображается в страницах. Иначе - в каждой странице нужно менять, а если их много, то... Но вот с какой неожиданностью столкнулся. Вот есть сайт и его началу (корню), как полагается, соответствует index.html - юзер вводит домен.ру - попадает на index.html. И вот сделал я index.shtml, в котором вынес наружу меню: <!--#include file="mainmenu.html"--> Но теперь при клике на Главную выводится... файловое дерево сайта... Если же я просто переименовываю i…

    Asked by Ksanytch, March 27, 2016

    • index.shtml
    • ssi
    • главная стр. в ssi
    0 votes
    4 answers
21. placeholder не отображается в chrome

    Placeholder не отображается в chrome. В остальных браузерах все нормально http://design.zevs-online.ru/1280/

    Asked by yaparoff, March 28, 2016

    • placeholder
    0 votes
    3 answers
22. Dota 2 <img

    Вопрос не сильно касается тематики форума, но не знаю куда еще с ним обратиться. Вопрос очень глупый и ламерский. В доте в описании вещей работают html тэги, и раньше я с успехом пихал туда разного вида картинки, вчера пришел к тому, что <img src=> заменяется на _img src=>, можно ли с этим как-то бороться? Заранее спасибо за потраченное в пустую(на меня) время.

    Asked by eternalslave, March 28, 2016

    • img
    0 votes
    5 answers
23. Шапка для слайдера

    Как лучше поступить с шапкой для Видео слайдера и аналогично для Фото слайдера? Суть вопроса: Слайдер будет под видео разрешением 1280х720 px уменьшать не хочется На мониторе с разрешением 1920х1200 px коим я всегда пользуюсь места навалом и вопросов нет: по вертикали остается 250px и по 320px по бокам(режим пол. экран). На мониторе с разрешением 1280х1024 слайдер умещается впритык по горизонтали, а по вертикали остается 72 px с гулькин х.. Снимок экрана с разрешением 1280х1024 px вот На стартовой странице шапка высотой 150рх Что посоветуете аксакалы начинающему?

    Asked by Alex_, March 28, 2016

    0 votes
    1 answer
24. Максимальная оптимизация видео

    Здравствуйте. Верстаю сайт и до этого никогда не сталкивался с фоновым видео на сайте. Задача сделать видео максимально легким при этом оно не должно ухудшиться в качестве. Видео длительностью 1:36 сек, в формате mp4 , общий размер видео (несжатый) 116мб. Естественно его нужно ужать в разы, но вот без понятия, какие хорошие сервисы для этого есть. Само видео на сайте будем вставлено через тег video. И еще пару вопросов: - какие форматы видео еще стоит загрузить или будет достаточно только mp4? - в тег video так же можно прописать src картинки. Будет ли эта картинка автоматически подставляться, если видео по каким либо причинам не воспроизведется в брау…

    Asked by Akkord87, March 28, 2016

    0 votes
    5 answers
25. Прилипание топ-меню

    Ребят, не могу сделать шапку с прилипанием как у этого сайта - http://it-office.msk.ru/ . Может есть готовые, написанные скрипты?

    Asked by ITMOfan, March 28, 2016

    • css
    • js
    • sticky
    • прилипание
    0 votes
    6 answers