HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Форма обратной связи
Добрый день! Столкнулся с такой проблемой - сделал лендинг в 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"/>, я правильно понимаю? Благодарю за ответ!
0 votes3 answers -
Вопрос по использованию hover
Всем привет Смотрю видео-уроки, и сейчас выполняю задание по табличной верстке. Нужно сверстать такую же страницу: http://www.templatemonster.com/ru/demo/42889.html Возник вопрос по кнопкам More, которые находятся под круглыми картинками. Использовала hover, при наведении на ячейку More с коричневым фоном загорается в углу. Собственно вопрос: как сделать, чтобы было как на исходном сайте?) И еще: у меня коричневая кнопка загорается при наведении на всю ячейку, на исходном сайте коричневая кнопка появляется при наведении на желтую. Хотелось бы знать как еще и это исправить
0 votes1 answer -
Выравнивание высоты блоков при обновлении и 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…
0 votes5 answers -
Помогите добавить вторую кнопку.
Есть код, одна кнопка работает отлично, как надо. Как добавить на эту же страницу ещё одну кнопку, чтобы она работала как и первая, но открывала другое окно? <!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…
0 votes0 answers -
Ссылки скачут при нажатии
При нажатии ссылки скачут. Что делать? http://codepen.io/anon/pen/mPwyGE
0 votes2 answers -
Адаптивность для Ipad
Здравствуйте! Есть сайт: http://st-valentine.pl , в онлайн-сервисах везде показывает нормальную адаптивную верстку, проверял на мобильном(андроид) и планшете(андроид), тоже всё ок. Но на Ipad не переключается на адаптивную версию(не видно языков справа). Есть предположение что проблема с каким-то css свойством, которое не понимает Сафари. Кто может помочь?
0 votes0 answers -
Float элемент странно вырван из потока.
Давно усвоено, казалось бы, флоат элемент вырван из потока. Каким образом margin-top элемента <nav> в потоке добавляет тот же margin-top элементу <div>, вырванному из потока? http://codepen.io/462960/pen/VaWwYQ
0 votes1 answer -
В бутстрап-верстке последнию колонку выделить в блок
Всем привет, Подскажите, пожалуйста, есть бутстрап-верстка нескольких полей на маленьких и средних девайсах в 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…
0 votes5 answers -
Верстка email писем
Делал задание по верстке email рассылки. Единственная проблема возникла с тестированием. 1. Я не знаю где и как можно проверить отображение на разных почтовиках. Знаю есть сайт litmus, но для бесплатного тестирования там только 3 почтовика (gmail, iphone 6s, outlook 2013). Хочется быть более уверенным, когда отправляешь письмо заказчику, что оно тебе не будет снится по ночам и заказчик не будет вспоминать тебя трехэтажными словами. Еще вопрос по поводу media запросов. 2.Можно ли их использовать? Вот тут campaignmonitor написано за 19.09.2013 Проверял письмо еще вот здесь . На media запросы никак не реагировало, поддержка написана 97…
0 votes17 answers -
Замена атрибута 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 - основное изоб…
0 votes4 answers -
Где взять такую
Здравствуйте. Не знаю, в какой раздел написать, решил сюда. Где мне взять такую песню карусель http://joxi.ru/Vrwepwbi5VpB2X , не мог найти подходящую под такое описание, может и плохо искал: - слайдер прокручивает картинки по клику на стрелки либо по картинке, выбранная всегда в центре, если картинок мало то они по центру slick- карусель почти такая есть, но там нет функции кликать по картинкам. Может кому попадалась?
0 votes2 answers -
Меню - выпадающее меню html и сss
Здравствуйте! Не буду долго говорить нужно реализовать выпадающее меню такого плана (скрин-1). html и сss не подскажите пример кода?
0 votes6 answers -
Как добиться плавного отображения при 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; …
0 votes4 answers -
Помогите определить шрифт
Пытался определить с помощью онлайн инструментов, но не смог. Что за шрифт?
0 votes0 answers -
Убрать ограничение по высоте страниц сайта
Добрый день, уважаемые гуру CSS! Столкнулся с проблемой на сайте - где-то есть, видимо, значение максимальной высоты страницы сайта - если добавляем дополнительный материал на страницу, но нижняя часть контента скрывается под футрером. Искал в css файлах жестко заданные значения height и max-height - ничего не нашел... Пример страницы с "скрытым" контентом http://goo.gl/eKWh0g - не видны автокраны 100 тонн, 130 тонн и описание страницы. Буду очень признателен, если ткнете меня носом - что и в каком файле нужно изменить!
0 votes1 answer -
Проблемы с адаптацией шаблоны.
Сделал адаптивный дизайн сайта. В браузере, при просмотре, как сайт будет выглядеть с мобильных устройств, все отлично. На различных сервисах, которые показывают как сайт будет выглядеть тоже все отлично. Но, вот уже при просмотре с самого мобильного, есть проблемы. Смотрите на скриншотах. Вот так выглядит меню (1 картинка) При клике оно открывается (2 картинка) Но когда смотришь сайт с самого телефона, категории уезжают куда-то вниз... (3 картинка) Как исправить данную проблему?
0 votes3 answers -
Теги Ins или span, что оптимальнее использовать?
Теги Ins или span, что оптимальнее использовать? Так и не понял смысл тега ins, когда также можно и картинку прикрутить и клик повесить... получается два тега идентичны?
0 votes9 answers -
Адаптация шаблона
Делаю из обычного шаблона адаптивный. Вроде все сделал, на компьютере отображается все отлично. На различных сайтах, которые показывают, как сайт отображается на моб. устройствах тоже все отлично. Но когда заходишь на сайт с телефона, некоторые элементы показываются не так, как надо. В чем может быть проблема? Ссылку на сайт к сожалению дать не могу:(
0 votes3 answers -
Статичный генератор сайтов с gui
Добрый день. Может кто подсказать статичные генераторы сайтов с нормальным gui, а не web мордой или вообще консольно терминальным исполнением.
0 votes3 answers -
Перенос слов если не хватает места
Подскажите, есть такой код - 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 все выглядело п…
0 votes2 answers -
Как поставить HTML5 разметку?
Уважаемые! Помогите, пожалуйста, разобраться с html5 разметкой. Вот новые семантические элементы html5: header,nav,aside,footer,article,section,hgroup. Я почему-то путаюсь, как правильно расставить article,section,hgroup (особенно section!). Что за section? Им надо выделять каждый блок в статье (описание, картинку,опрос,комментарии) или нет? У каждого section должен быть H1-H заголовок или нет? Объясните, пожалуйста, простым языком значение section, дочерние его элементы и вообще смысл его. Если не затруднит, то на примере стандартного шаблона: Главная. Страница со статьёй.
0 votes2 answers -
Блок div не растягивается в высоту.
Добрый день! Родительский <div class="content-main"> имеет параметр height: 100%, в него вложены <div class="left"> и <div class="right"> с параметрами height:100%. Но они прижаты к верху и не растягиваются в высоту. index.html style.css
0 votes4 answers -
BEM с человеческим лицом
В статье BEM с человеческим лицом есть комментарий: кто что думает по этому поводу?
0 votes23 answers -
Как заменить в коде устаревший тег center
Добрый день. Проверяю сайт на валидность. Выдает ошибку в коде по тегу <center> (скрин прилагаю) Нашел код, но не знаю как исправить: Код: [<div style=«background-color: #f0f0f0; margin: 0px 25px;»><center><small>Мой текст"</small><br><small>Мой текст</small><br><small>Мой текст</small></center></div>] Подскажите, спасибо.
0 votes6 answers -
Что растягивает страницу при 768 пикселях?
Здравствуйте. Если посмотреть на страницу при ширине экрана 768 пикс, то можно увидеть много пустого пространства после шапки сайта. Какие стили вызывают такое смещение?
0 votes2 answers