HTML Coding

29,542 questions in this forum

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

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

   Asked by nikki4, March 26, 2016

   0 votes
   1 answer
2. скругление-эллипс нижних углов блока

   Ребят,нужна помощь нужно сделать у блока со слайдером скругленные нижние углы,но скругление эллипсовидное проблема в том что когда задаю 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
3. Замена атрибута 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
4. В бутстрап-верстке последнию колонку выделить в блок

   Всем привет, Подскажите, пожалуйста, есть бутстрап-верстка нескольких полей на маленьких и средних девайсах в 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
5. Теги Ins или span, что оптимальнее использовать?

   Теги Ins или span, что оптимальнее использовать? Так и не понял смысл тега ins, когда также можно и картинку прикрутить и клик повесить... получается два тега идентичны?

   Asked by Alexys, March 24, 2016

   0 votes
   9 answers
6. Форма обратной связи

   Добрый день! Столкнулся с такой проблемой - сделал лендинг в 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
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. Вопрос по использованию hover

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

   Asked by Alenchik, March 25, 2016

   0 votes
   1 answer
9. Выравнивание высоты блоков при обновлении и 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
10. Ссылки скачут при нажатии

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

    Asked by yaparoff, March 25, 2016

    0 votes
    2 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. Ограниченая по высоте левая рамка

    <style type="text/css"> .div1, .div2 { display: block; line-height:14px; border: solid gray; border-width: 0 0 0 1px;}.div1 { background-color: #ffcccc; }.div2 { background-color: #fffccc; }</style><div class="div1">текст текст текст текст текст</div><br /><div class="div2">текст текст текст текст текст</div>Задача такая. Есть два блока одинаковой высоты (14). Нужно чтобы у верхнего блока, левая рамка была с регулируемым отступом сверху, т е высота рамки меньше чем у нижнего. При переносе текста рамки растягиваются. Оба дива будут прозрачными без фона; Добавлено через 8 минут Должно работать в IE6-..... есть у меня ещ…

    Asked by sarcus, March 17, 2016

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

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

    Asked by Balthazar, March 24, 2016

    • выпадающее меню html
    • выпадающее меню css
    0 votes
    6 answers
14. Как добиться плавного отображения при 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
15. Float элемент странно вырван из потока.

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

    Asked by seemax, March 25, 2016

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

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

    Asked by sanyok911, March 25, 2016

    0 votes
    0 answers
17. Как заменить в коде устаревший тег center

    Добрый день. Проверяю сайт на валидность. Выдает ошибку в коде по тегу <center> (скрин прилагаю) Нашел код, но не знаю как исправить: Код: [<div style=«background-color: #f0f0f0; margin: 0px 25px;»><center><small>Мой текст"</small><br><small>Мой текст</small><br><small>Мой текст</small></center></div>] Подскажите, спасибо.

    Asked by RobertKucher, March 22, 2016

    0 votes
    6 answers
18. Где взять такую

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

    Asked by kent, March 24, 2016

    0 votes
    2 answers
19. Проблемы с адаптацией шаблоны.

    Сделал адаптивный дизайн сайта. В браузере, при просмотре, как сайт будет выглядеть с мобильных устройств, все отлично. На различных сервисах, которые показывают как сайт будет выглядеть тоже все отлично. Но, вот уже при просмотре с самого мобильного, есть проблемы. Смотрите на скриншотах. Вот так выглядит меню (1 картинка) При клике оно открывается (2 картинка) Но когда смотришь сайт с самого телефона, категории уезжают куда-то вниз... (3 картинка) Как исправить данную проблему?

    Asked by densavi, March 24, 2016

    0 votes
    3 answers
20. Помогите определить шрифт

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

    Asked by WhatIsHTML, March 24, 2016

    0 votes
    0 answers
21. Убрать ограничение по высоте страниц сайта

    Добрый день, уважаемые гуру CSS! Столкнулся с проблемой на сайте - где-то есть, видимо, значение максимальной высоты страницы сайта - если добавляем дополнительный материал на страницу, но нижняя часть контента скрывается под футрером. Искал в css файлах жестко заданные значения height и max-height - ничего не нашел... Пример страницы с "скрытым" контентом http://goo.gl/eKWh0g - не видны автокраны 100 тонн, 130 тонн и описание страницы. Буду очень признателен, если ткнете меня носом - что и в каком файле нужно изменить!

    Asked by mirabo, March 24, 2016

    0 votes
    1 answer
22. Статичный генератор сайтов с gui

    Добрый день. Может кто подсказать статичные генераторы сайтов с нормальным gui, а не web мордой или вообще консольно терминальным исполнением.

    Asked by Ururu, March 23, 2016

    0 votes
    3 answers
23. Блок div не растягивается в высоту.

    Добрый день! Родительский <div class="content-main"> имеет параметр height: 100%, в него вложены <div class="left"> и <div class="right"> с параметрами height:100%. Но они прижаты к верху и не растягиваются в высоту. index.html style.css

    Asked by GLOCTARR, March 23, 2016

    0 votes
    4 answers
24. Перенос слов если не хватает места

    Подскажите, есть такой код - http://cssdeck.com/labs/ykznzejh если тексту не хватает места он начинает перетекать (переноситься) на новую строку (весть блок div), что выглядит достаточно криво, как сделать так, что бы если не хватало места, что бы НЕ содержимое блока div переносилось на новую строку, а содержимое тегов span. <div class="wr"> <span>один два три</span> <span>четыре пять шесть</span> <span>семь восемь девять</span> </div> .wr { padding: 20px; } .wr > span { padding: 10px; border: 1px solid gray; } Ну или как сделать что бы при переносе содержимого блока div все выглядело п…

    Asked by CLK, March 23, 2016

    0 votes
    2 answers
25. Адаптация шаблона

    Делаю из обычного шаблона адаптивный. Вроде все сделал, на компьютере отображается все отлично. На различных сайтах, которые показывают, как сайт отображается на моб. устройствах тоже все отлично. Но когда заходишь на сайт с телефона, некоторые элементы показываются не так, как надо. В чем может быть проблема? Ссылку на сайт к сожалению дать не могу:(

    Asked by densavi, March 23, 2016

    0 votes
    3 answers