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
-
Подскажите, пожалуйста, как привязать Easing эффекты на dropdown-menu?
Подскажите, пожалуйста, как привязать Easing эффекты на dropdown-menu? Меню на основе http://geedmo.github.io/yamm3/
0 votes0 answers -
Посоветуйте хорошие книги про WEB-программированию.
Здравствуйте. Посоветуйте пожалуйста, с какой книги (книг) начинать изучение основ программирования сайтов? Интересует HTML5, PHP (скорее всего через фраймворк CodeIgniter). Нихрена пока в этом не понимаю, но в тонкостях изучив предыдущую специальность, решил поменять жизненное увлечение
0 votes31 answers -
RGBA полупрозрачность сильно загружает Chrome
Не знаю можно ли выкладывать здесь ссылки, поэтому объясню на словах. Сайт активно использует border-radius, shadow, transition и прочие эффекты. Страницы с фиксированным фоном (jpg 1920х1080, background-attachment:fixed). Все три колонки имеют полупрозрачный бэкграунд rgba(0,166,156,0.2), некоторые блоки внутри них тоже имеют полупрозрачность background:rgba(0,0,0,0.5). Я заметил, что в базовом Хроме весьма заметно тормозит скроллинг страницы. Другие браузеры на вебките рендерят лучше, но по сравнению с Firefox и Edge все равно не очень хорошо. Я начал с отключения всей анимации и эффектов, радиусов и теней, и в итоге пришел к заключению, что Хром спотыкается о полупроз…
0 votes1 answer -
Подгон под размер экрана.
Тема такая: есть сайт http://skin-game.ru/. Как сделать, чтобы на экранах с другим разрешением подгонялись все элементы. Проблемы возникли с слайдером и кнопками.
0 votes2 answers -
перенос сайта в каталог
Пытаюсь перенести сайт в тестовый каталог,никак не хочет работать.Понимаю,что из-за htaccess.Пытаюсь изменить RewriteBase /testmobile/ или RewriteRule ^(.*) /testmobile/site.php?$1,никакой реакции.Подскажите,что делать? RewriteEngine onRewriteBase /RewriteCond %{REQUEST_FILENAME} !-fRewriteRule ^(.*) /site.php?$1AddDefaultCharset UTF-8
0 votes18 answers -
transition для меню
Для меня было новостью, что transition не работает со св-вом display: none; Как быть тогда, если я хочу плавно показать в горизонтальном меню выпадающие подпункты и без js, jq?
0 votes11 answers -
резиновый шаблон
Такой вопрос: есть 2 колонки: .fon {position:fixed; width:40%; text-align:right; min-width:200px; background-color:#000000; height:100%; float: right}.content {margin-left:60%; position:relative} Проблема возникает, когда экран сильно сжимается. левый слой доходит до 200 и останавливается, а правый-то продолжает сжиматься и текст заходит за левый столбец. Как это "победить"?
0 votes5 answers -
Помогите решении проблемы начинающему.
Есть 2 слоля: 1 - 40% в ширину, но не менее 200пикселей, 100% в высоту, залика фона черным, fixed. в этом сое меню. 2 - 60% в ширину, не статичный. всем все остальное. Собственно в впринципе как их расположить рядом - не проблема.. это все сделано, прочитано, реализовано и понято, НО! Когда сжимаешь экран - левое поле доходит до 200 пикселей и останавливается. Правое же поле все-равно сжимается и текст заходит за левое поле. Как сделать так, чтобы правое поле не заходило за левое?? Пример кода: <body> <div class="fon"></div> <div class="content">111111</div> </div></body> CSS:.fon {width:40%; min-width:200px;position:fix…
0 votes7 answers -
Внутренние странички
Всем привет, я начинающий и нуждаюсь в совете от профи. Появилась задача сделать внутренние ссылки, чтобы в адресной строке адрес выглядел примерно так: mysite.ru/company/inner.html Что нужно прописать и где нужно расположить на сервере inner.html Надеюсь, что более менее внятно объяснил) Заранее спасибо!
0 votes8 answers -
Yii2: pjax+ ListView
Обгорнул pjax ListView настроил пагинацию, все ок. Потом сел настраивать поля фильтра... в стандартной сгенирированой формы ActiveForm. Добавил туда 'options'=> ['data-pjax'=>1], вроде все ок. Но фильтер работает через раз ((( раз обновляєт pjax-ом а раз все страницу, может я еще что-то забыл сделать ( _search.php <?php $form = ActiveForm::begin([ 'action' => ['index'], 'method' => 'get', 'options'=> ['data-pjax'=>1], ]); ?> index.php <?php Pjax::begin(['id' => 'countries']); ?> <div class="col-md-3 left-sidebar styled-border-1"> <?php echo $this->render('_search', ['mo…
0 votes1 answer -
Слайдер интернет- магазина
Подскажите, пожалуйста, как называется такой слайдер для интернет-магазина? Спасибо.
0 votes1 answer -
Помогите разместить картинку рядом с переключателем слайдов
Здравствуйте ! Помогите разместить картинку (next.png) рядом с переключателем слайдов как показано на изображении. При этом, чтобы она никуда не съезжала при изменении разрешения монитора. Верстку слайдера можно посмотреть по ссылке (https://www.dropbox.com/sh/0xnl4z68q0pw9q3/AABctWVsS1GpQD5hgvbplXtsa?dl=0) и там же скачать как zip-архив. Заранее большое спасибо !
0 votes2 answers -
При малой высоте блока содержимое идет ввсерх
При клике на некоторых ссылках на странице должен отобразится плавающий блок, высота которого средством css анимации изменяется от нулевой до некоторой фиксированной высоты. В начале анимации, когда весь контент не помещается, он сильно пождат вверх, и только вконце стает на свое место. Это выглядит примерно так. Вот этот пример: http://jsbin.com/wekixa/1/edit?html,css,js,output Браузер: Фаерфокс, версия 41.0.1 Методом тыка установил, что если не писать $('#confirm a[role="cancel"]').focus();То все нормально. Как можно изменить поведение, чтобы содержимое блока не подскакиволо вверх. Перепробывал всевозможные способы например, top: 0 и тому подобные. Не помогло.
0 votes1 answer -
Как скрыть ссылку с определенным тайтлом
Есть всякие табы без классов. один из табов содержит swf файл (флеш анимация товара, с возможностью вручную его покрутить со всех сторон) для мобильника соответственно выдает ошибку , мол загрузите плагин. потому для адаптивной верстки задача скрыть этот таб. Вопрос - как это сделать, так как класса не стоит. есть только тайтл. чувствую тут как-то при помощи js делается.. или всеже в css можно? <ul class="jwts_tabbernav"> <li class=""> <a href="javascript:void(null);" title="3d">3d</a> </li></ul>
0 votes1 answer -
Заставить блок обтекать.
Доброго времени суток. Бьюсь и мучаюсь с шаблоном. Нашел очень красивый дизайн на вывод блочно товара и попытался присоединить к своему шаблону. Вот страница проблема в том, что все, что идет после div class="tesst" написано не мной и переписать не получилось. Так вот этот блок я не могу поднять к верху, мешает стиль clear:both И я его отменить не могу, пробовал отдельно слой с отменой clear:none - не помогло. Если слою "leftBar" присвоить - position: absolute; то все становится отлично НО когда блок "content" меньше блока "leftBar" то блок "footer" начинает налазить на блок "leftBar". Как победить? Мне-то по уму надо чтоб блок "leftBar" нормально начал обтекать блок "c…
0 votes2 answers -
Создание галереи
Как сделать галерею картинок чтобы при выходе за пределы ширины блока, появлялась прокрутка. Делаю так <div class="gallery"><img src="images/watch.png"> <img src="images/apple.png"> <img src="images/headset.png"> <img src="images/seminar.png"> <img src="images/jobs.png"> <img src="images/glass.png"> </div>.news-day .gallery{ box-sizing: border-box; height: 510px; overflow-x: scroll; width: 1900px;}.news-day .gallery img{ margin-right: 3px;}Но картинки просто вылазиют за ширину http://i67.tinypic.com/15x4xll.png
0 votes1 answer -
HTML/CSS редактор online
Добрый день! Вопрос такой. Я делаю первые шаги в HTML/CSS , но я работаю в Chrome OS, а значит для меня недоступны такие вещи как, к примеру, Notepad++ и т.д. Не могли бы Вы порекомендовать редактор HTML/CSS который может работать в облачном режиме или как расширение для браузера GoogleChrome ? Кроме того, мне нужна возможность делать отдельный файл CSS. И как в этом случае можно смотреть, что получилось ? Я так понимаю, что у меня будет возможность проверять результаты только в браузер GoogleChrome, но пока ОК. Я просто хочу научиться работать с кодом разметки и стилей. Спасибо большое за помощь!
0 votes4 answers -
Правильная нарезка и верстка блока
Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как правильно нарезать графику и сверстать такой блок: P.S. Если кому надо этот блок в формате PSD пишите свою почту скину )
0 votes1 answer -
Форма загруки файла и кнопка отправить в одну линию.
Доброго времени! Есть форма загрузки файла: <form enctype="multipart/form-data" action="uploadImg.php" method="post"> <input type="file" name="userimg"> <input type="submit" value="Отправить"> </form>На странице отображается в две строки, т.е. на одной строке поле имени загружаемого файла и кнопка "Обзор...", а на другой кнопка "Отправить". Хотелось бы сделать так, чтобы они были в одну строку. Подскажите, как это сделать? За ранее благодарен.
0 votes1 answer -
Почему Live preview в Brackets прыгает?
Как вы боретесь с прыганием страницы/скролла при редактировании css в brackets? Пример
0 votes0 answers -
Создание кнопки в письме Подтвержение о подписки
Всем доброго времени суток. Подскажите, пожалуйста решение следующей задачи: Отправляю по емайл извещения о поступлении новой заявки. Письмо в обычном html формате, с текстовым содержанием описания заявки и парой гиперрсылок. Тема письма всегда содержит номер заявки. Необходимо в тело html письма вставить кнопку подтверждения заявки. Т.е когда получатель письма нажимает на эту кнопку, должно появиться окно с текстом типа "вы действительно принимаете эту заявку? и кнопка да и отмена" в свою очередь, подтвердив заявку я должен получить на свой почтовый ящик подтвержение об этом. То, что можно сформировать обычную ссылку mailto и прописать тему и тело сообщения - это я знаю!…
0 votes3 answers -
проблемы с bootstrap
Добрый день!Начинающий верстальщик, прислали тестовое, столкнулась с глупой проблемой. Не могу понять,как правильно разметить страницу для верстки бутстрапом. в макете дано 12 красных колонок (ширина слоя написано 960). Начинаю с div class="container", и дальше не понимаю... С остальными элементами вроде бы проблем нет. Прощу помощи по разъяснению, как правильно разметить конкретную страницу,перерыла весь ютуб с уроками, там все поверхностно.Макет в ссылке. Благодарю заранее. http://prntscr.com/8wapzv
0 votes10 answers -
Параллелепипед с помощью css
Есть ли способ создать с помощью css параллелепипед как на картинке?
0 votes16 answers -
Выравнивание картинок с подписью по горизонтали
Добрый день! Прошу помочь! Вставляю картинки в блок div и они прекрасно становятся по горизонтали относительно друг друга. Делаю подпись и все картинки уходят друг под друга. Что не так? <div id="header-menu-i"> <p>ИЗДЕЛИЯ</p> <div id="header-menu-i-inner"> <form> <img src="/images/iproduct/benz.jpeg" width="10%"><p>Бензиновые электростанции</p> <img src="/images/iproduct/diesel.jpg" width="10%"><p>Дизельные электростанции</p> <img src="/images/iproduct/gazoporshn.jpg" width="10%…
0 votes7 answers -
Проблемы верстки
Добрый день, есть сайт http://centertorg.net/вполне рабочий, но вдруг подтянуло верстку, на малых мониторах рвет главную страницу. помогите пожалуйста.
0 votes14 answers