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
-
Изменяется сайт!
День добрый. Сталкиваюсь с такой проблемой то что сайт изменяется из-за разрешения экрана сам! Не понимаю из-за чего. Я слышал то что его надо "прорезинить". Не мог бы кто нибудь объяснить как это избегать? Я скинул свои сайт. Если можете то посмотрите и объясните в чем проблема?Спасибо!
0 votes5 answers -
Посоветуйте кликандер
Здравствуйте! Есть сайт которому пофиг на поисковые системы, более того - он даже запрещён к индексации но трафик из различных источников не плохой. Посоветуйте кликандер благодаря которому можно конвертировать данный трафик, сайту пофиг на фильтры и прочие санкции, трафик есть и его никак не отнять! Может даже что-то лучше предложите чем кликандер? Была бы очень благодарна! Спасибо! Если понравится - могу зарегистрироваться по рефке!
0 votes0 answers -
верстка с паралакс-эффектом и caroufredsel в фоне
помогите разобраться с настройкой высоты и ширины картинок в caroufredsel. Я пытаюсь объединить параллакс эффект со слайдером caroufredsel в фоне. Но никак не могу добиться корректного отображения размеров картинок в слайдере Вот ссылка на fiddle:https://jsfiddle.net/user/pupsik111/fiddles/. А паралакс вроде бы работает.
0 votes0 answers -
Привязка картинки к слову
Доброго времени суток, ув. программисты! Вобщем, такая ситуация, необходимо привязать стрелочку к слову, т.е. сделать так, что бы стрелочка ходила за словом. Стрелочка - это картинка. Пытался это сделать через позиционирование, однако, ничего не вышло. МБ кто-нибудь подскажет какие-нить идеи?
0 votes4 answers -
Изменение кнопки меню в адаптивной вёрстке
Добрый день. Помогите, пожалуйста, разобраться, никак не могу сделать так, чтобы на маленьких экранах кнопки становились меньше. Конструкция кнопок выглядит таким вот образом. Как прописать при: @media screen and (max-width: 700px) and (min-width: 300px){ их уменьшение? Кнопки даже не думают уменьшаться, просто переносятся в строку, а размер картинок не меняется. Пробовал уже всякое найденное в сети, но ни в какую не меняется размер. Нужно сделать их адаптивными. Просто картинку адаптивной могу сделать, картинку в виде ссылки могу сделать, но нужно чтобы при наведении картинка менялась, а из-за этого она становится тегом "<a href=...", а в нём картинка…
0 votes1 answer -
на айфонах бордюр на подменю не виден
Всем привет, На сайте ссылка есть верхнее меню и при выборе элемента с подэлементами сам элемент имеет синий бордюр, а бокс с подэлементами зеленый бордюр. Проблема в том, что на айфонах этот эеленый бордюр не виден. На более крупных девайсах виден. Эти бордюры определены в стилях .dropdown-toggle { width: 90%; border:2px solid #E3E3E3; } .dropdown-toggle:hover { width: 90%; border:2px solid #337AB7; } .dropdown-toggle .active{ border:2px solid #1FE13C; } В файле common_styles.css также для разных девайсов подключены разные стили Для айфонов через медиа запросы подлючается файл стилей style_xs_320.css (справо от меню…
0 votes3 answers -
Кастомизировать circle bar на SVG или Canvas
Здравствуйте. Помогите дописать внешний вид для circle bar. Нужно следующее - http://joxi.ru/E2pkNJdSBNZkWm Пока нашла 2 неплохих плагина, progressbar.js (SVG) и radialIndicator.js (Canvas). Как дописать тот красный кружок?
0 votes0 answers -
Radio блок
Доброго времени суток. Я нашла вот такой милый скрипт на радио http://www.radiobells.com/radio4site/ , Плюсы, я могу поставить сама ссылку на радио, чтобы не тянулось через третьи руки. Но есть и минус, я не могу в нем поменять цвет/картинку кнопки и -/+ звука, так как это все подтягивается скриптом. Есть такого типа скрипт, но чтобы можно было свой стиль кнопки и звука сделать, но так поставить линк свой. Или как сделать замену картинки в этом скрипте насильно?
0 votes4 answers -
Не работает позиционирование
Попытался поверстать один из выложенных здесь макетов, возникла проблема. При создании элемента (большой бардовой полоски) этот элемент не прилегает плотно к левой части экрана, есть отступ не предусмотренный в графическом макете. Вот ссылка на все это дело в fiddle:https://jsfiddle.net/jhcgof0b/ Пытаюсь сделать так чтобы полоска вплотную прилегала к левому краю экрана через position:left, но элемент не сходит с места ни на пиксель. Вот сам макет который пытаюсь верстать: P.S. Очень старался задать вопрос правильно, с учетом рекомендаций. Спасибо за понимание.
0 votes2 answers -
Не могу понять что за полтергейст!!!
Есть страница http://hesrun.github.io/namf/hot-enamel Через хромовский девтул, в мобильном телефоне при открытии сайдбара двигается вся страница. http://take.ms/9WaKp Уже правый глаз болит от нервов и гугления косяка, не пойму откуда ноги ростут...
0 votes9 answers -
div блок, управление
День добрый. Столкнулся с такой проблемой как перемещение div бока. Сам сайт я пытаюсь как-то сделать адаптивным и мне нужно рядом с div болком поставить еще 1 div блок. Как мне это сделать? Проблема в том что если я буду переносить с помощью px или % то этот блок будет куда нибудь сносить (при других разрешениях экрана).Что делать P.S. Ссылка на сайт: http://fineway.net16.net/ .Как он должен выглядеть: http://imgur.com/TjsJiXv . HEEEELP!
0 votes1 answer -
Анимация circle chart
Здравствуйте. Как осуществить такую анимацию - https://dribbble.com/shots/1296229-Animation-Rectify-Stats От нее нужен сам круг и цифры в центре, ну и эффект тоже. На SVG? Вдруг у кого-то есть пример, поделитесь, пожалуйста.
0 votes12 answers -
Ребят как в bxSlider сделать нумерацию слайдов внутри Pager
В общем проблема в следующем, есть макет со слайдером, писать слайдер самому на данный момент не позволяет уровень знания JS и JQuery, по этому решил использовать bxSlider, но проблема в том что нужно сделать внутри пейджера контент с нумерацией слайдов, а куда это писать не пойму в js файле, все немного сложно написано. Подскажите куда что писать или какое нибудь другое более простое решение резинового слайдера.
0 votes4 answers -
Выступ текста в теге <pre> при переносе
Есть текст в теге pre с переносом слов. Можно ли как-то сделать выступ на перенесённый текст (начинался бы с красной линии)? Есть: Нужно: Сам текст: <pre> 19.25 Тема дня. 19.40 “Се человек”. Художественный руководитель Национального академического театра балета Республики Беларусь Валентин Елизарьев. 20.10 Криминальная хроника. 20.40 Колыбельная. 21.00 Панорама. 21.50 Кто это? 22.00 “Рожденная революцией”. Худ. фильм. 1-я серия. 23.10 Концертный сезон. Белорусские народные песни в исполнении Нины Ковалевой и инструментального ансамбля Белтелерадиокомпании. </pre> Перенос текста формируется так: pre…
0 votes1 answer -
Тестируя бутстрап сайт на смартфоне выявил некоторые ошибки
Всем привет, Пробую тестировать свой бутстрап сайт на смартфоне(Fly IQ450 Horizon 2) и вижу несколько ошибок, которые не отображались ни в браузере ни через http://deviceponsive.com/. 1) На этой странице ссылка зайти в модальное окно кликом на "Apply Filter" и поле выбора Status очень узкое по сравнению с другими полями. Такая же картина, если кликнуть на ссылке в списке и откроется редактор то поле выбора Status также очень узкое. В браузере и в http://deviceponsive.com/ это поле отображается нормальным по ширине. В чем дело и как это починить ? 2) Не отображается тег title браузера. Это не очень удобно, из-за того что вся страница при…
0 votes2 answers -
Github page
Такой вопрос, есть сайт оформленный через гитхаб хостинг, на этом сайте есть отправка формы через php, но она не работает, в чем может быть причина? и вообще есть ли такой функционал на гитхабе, собственно вот форма отправки <?php header('Content-Type: text/html; charset=utf-8'); /* Задаем переменные */ $name = htmlspecialchars($_POST["f_name"], ENT_COMPAT, 'cp1251'); $email = htmlspecialchars($_POST["f_email"], ENT_COMPAT, 'cp1251'); $tel = htmlspecialchars($_POST["f_tel"], ENT_COMPAT, 'cp1251'); $message = htmlspecialchars($_POST["text_form"], ENT_COMPAT, 'cp1251'); $bezspama = htmlspecialchars($_POST["not_spam"], ENT_COMPAT, 'cp1251'); /* Ваш адрес и тема сооб…
0 votes3 answers -
Унаследование свойства от родительского элемента!
Доброго времени суток, форумчане! Делаю таблицу, нужно чтобы названия каждого артефакта было жирным текстом. Ставить тэг "<b>" в каждую строку - как - то не по профессиональному. Вытекающий вопрос, можно ли вписать это самое свойство родительскому тегу в таблице <th> так, чтобы только первые теги - предки <td> унаследовали данное свойство?! Те самые таблицы - http://super-buble.ru/Gray.html
0 votes2 answers -
Вместо простого текста сслыка
Начал верстать макет для сайта, там всего около пары строк, однако почему-то переглючило: простой текст (точнее телефонный номер) отобразился как ссылка без тэга ссылки. Помогите понять, почему так произошло и как сделать нормально отображение телефонного номера. P.S. Хотел прикрепить сюда скриншот, но он почему-то не отображается (всплывает сообщение:"Возникла ошибка..."
0 votes2 answers -
Кнопки в мобильной версии
Здравствуйте всем. Возникла проблема с кнопками (в мобильной), в хромовском эмуляторе все норм, а вот что http://joxi.ru/12MxVdZTxJEVmJ В чем может быть проблема, что не так подскажите ( http://main.sk-koba.ru/pics-mobile/mobile_new_edit_album.html
0 votes4 answers -
Не работает background-image
Попробовал начать верстать один из предложенных здесь макетов - файл с фоновым изображением не отображался, хотя прописано все было вроде бы правильно. Попробовал прописать его как простой img уже в html - картинка не отобразилась, только маленький квадрат с крестиком. Подскажите, в чем причина в совокупности такого поведения изображения.
0 votes15 answers -
Код не проходит валидацию
Добрый день! Возникла проблема с валидацией : не пойму в чём дело. Вот участок кода <thead> <tr> <th rowspan="2"><b>Menu</b> | Updated 10th of December 2016</th> <th></th> </tr> </thead> Благодарю за помощь!
0 votes2 answers -
Как сделать, чтобы при появлении вертикальной прокрутки, divы не выходили за правый край контейнера?
DEMO Когда содержимое не помещается в overflow: auto, то элементы внутри прокрутки выходят за свой контейнер появляется горизонтальная прокрутка (Смотри загруженное изображение) Не понимаю, как сделать, чтобы блок overflow: scroll становился такой ширины, как и элементы внутри (расширялся), а не появлялась горизонтальная прокрутка.
0 votes8 answers -
Две ссылки на одну кнопку
Ребята, оочень слабо смыслю в html, скомуниздил с сайта форму вместе с дизайном кнопки " <div class="inputs"> <input type="hidden" name="userip" value="" /> <input type="hidden" name="promo" value="" /> <input type="hidden" name="srcurl" value="" /> <input type="hidden" name="ctag" value="" /> <input id="firstname" type="text" name="firstname" class="name input" placeholder="Имя" /> <input id="email" type="text" name="Email" class="email input" placeholder="Email"…
0 votes0 answers -
Не работает позиционирование
Попытался поверстать один из выложенных здесь макетов, возникла проблема. При создании элемента (большой бардовой полоски) этот элемент не прилегает плотно к левой части экрана, есть отступ не предусмотренный в графическом макете. Вот ссылка на все это дело в fiddle:https://jsfiddle.net/jhcgof0b/ Пытаюсь сделать так чтобы полоска вплотную прилегала к левому краю экрана через position:left, но элемент не сходит с места ни на пиксель. Сам элемент сверстан как пустой див с цветным фоном. Страничка не выложена в сети, находится у меня в папке компьютера.Вот макет, который я пытаюсь верстать: P.S. Очень старался задать вопрос правильно, с учетом…
0 votes2 answers -
Табы появляение активности при нажатие и прелоад.
Доброго времени суток. Вот такой у меня получился сайтик http://www.nashe.eu/about/ и вопрос конкретно по этой странице, и прелоаду главной На странице о компании, есть блок с классом about, там текст, который должен быть при переходе на страницу данную страниц, но верхние табы должны оставаться на ней всегда... Подскажите, как сделать так, чтобы активность у таба появлялась по нажатию и открывался блок с контентом данного таба, а у блока about появлялся display: none... Вот скриптик $('ul.tabs__caption_about').on('click', 'li:not(.active)', function() { $(this) .addClass('active').siblings().removeClass('active') .closest('div.tabs_abou…
0 votes1 answer