HTML Coding

29,542 questions in this forum

1. Кто должен делать адаптивность?

   Вопрос на засыпку тем, кто работает в веб-студиях. Кто у вас делает макеты под планшеты/телефоны - дизайнер или верстальщик? Знаю, что есть разные мнения. Кто-то говорит, что это должен проектировать дизайнер. Кто-то, что достаточно версии для десктопа, а остальное и так понятно, и рисовать это ненужно, мол пользуясь тем же бутстрапом - там все элементы уже сделаны. Какого ваше мнение?

   Asked by Imperil, October 26, 2015

   0 votes
   12 answers
2. Заставить блок обтекать.

   Доброго времени суток. Бьюсь и мучаюсь с шаблоном. Нашел очень красивый дизайн на вывод блочно товара и попытался присоединить к своему шаблону. Вот страница проблема в том, что все, что идет после div class="tesst" написано не мной и переписать не получилось. Так вот этот блок я не могу поднять к верху, мешает стиль clear:both И я его отменить не могу, пробовал отдельно слой с отменой clear:none - не помогло. Если слою "leftBar" присвоить - position: absolute; то все становится отлично НО когда блок "content" меньше блока "leftBar" то блок "footer" начинает налазить на блок "leftBar". Как победить? Мне-то по уму надо чтоб блок "leftBar" нормально начал обтекать блок "c…

   Asked by Drag0n, October 29, 2015

   0 votes
   2 answers
3. Слайдер интернет- магазина

   Подскажите, пожалуйста, как называется такой слайдер для интернет-магазина? Спасибо.

   Asked by Alfa2015, October 29, 2015

   0 votes
   1 answer
4. 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 все равно не очень хорошо. Я начал с отключения всей анимации и эффектов, радиусов и теней, и в итоге пришел к заключению, что Хром спотыкается о полупроз…

   Asked by LUC, October 30, 2015

   • rgba
   • полупрозрачность
   • прозрачность
   • opacity
   0 votes
   1 answer
5. Проблема с CSS

   //dell

   Asked by TOTO, October 30, 2015

   • help
   0 votes
   0 answers
6. Подскажите, пожалуйста, как привязать Easing эффекты на dropdown-menu?

   Подскажите, пожалуйста, как привязать Easing эффекты на dropdown-menu? Меню на основе http://geedmo.github.io/yamm3/

   Asked by noname1, October 30, 2015

   • bootstrap3
   0 votes
   0 answers
7. Внутренние странички

   Всем привет, я начинающий и нуждаюсь в совете от профи. Появилась задача сделать внутренние ссылки, чтобы в адресной строке адрес выглядел примерно так: mysite.ru/company/inner.html Что нужно прописать и где нужно расположить на сервере inner.html Надеюсь, что более менее внятно объяснил) Заранее спасибо!

   Asked by Gutman, October 30, 2015

   0 votes
   8 answers
8. Подгон под размер экрана.

   Тема такая: есть сайт http://skin-game.ru/. Как сделать, чтобы на экранах с другим разрешением подгонялись все элементы. Проблемы возникли с слайдером и кнопками.

   Asked by SadRat, October 30, 2015

   • Подгон
   0 votes
   2 answers
9. Проблемы верстки

   Добрый день, есть сайт http://centertorg.net/вполне рабочий, но вдруг подтянуло верстку, на малых мониторах рвет главную страницу. помогите пожалуйста.

   Asked by Виктор1204, October 28, 2015

   0 votes
   14 answers
10. Таблица. Фиксированный заголовок, столбец. Покритикуйте код.

    Здравствуйте! Всем известно, что в Excel можно зафиксировать области так, что при прокрутке содержимого таблицы, сторока и столбец оставались на месте. Решил сделать нечто подобное и для HTML. В гугле полно примеров, но большинство из них очень громоздки или используют jQuery и прочие библиотеки. А мне хотелось как-нибудь попроще, без JavaScript, на одном CSS. Если фиксировать что-нибудь одно, то скрипт не нужен, например для заголовка http://jsfiddle.net/2Bfxm/3/ Но одновременно и для столбца, не получится без JavaScript. Впрочем, он небольшой. Пример работает в Опере, Мозилле, Хромом, IE8-9 http://jsfiddle.net/bS3wf/ Маленький недостаток - в IE8-9 при прокрутке, немног…

    Asked by user89, April 11, 2014

    • таблица
    • фиксированный
    • заголовок
    • столбец
    • прокрутка
    • excel
    • область
    • HTML
    • CSS
    0 votes
    3 answers
11. 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…

    Asked by NOCaut, October 30, 2015

    0 votes
    1 answer
12. Помогите разместить картинку рядом с переключателем слайдов

    Здравствуйте ! Помогите разместить картинку (next.png) рядом с переключателем слайдов как показано на изображении. При этом, чтобы она никуда не съезжала при изменении разрешения монитора. Верстку слайдера можно посмотреть по ссылке (https://www.dropbox.com/sh/0xnl4z68q0pw9q3/AABctWVsS1GpQD5hgvbplXtsa?dl=0) и там же скачать как zip-архив. Заранее большое спасибо !

    Asked by 964758, October 29, 2015

    0 votes
    2 answers
13. Создание кнопки в письме Подтвержение о подписки

    Всем доброго времени суток. Подскажите, пожалуйста решение следующей задачи: Отправляю по емайл извещения о поступлении новой заявки. Письмо в обычном html формате, с текстовым содержанием описания заявки и парой гиперрсылок. Тема письма всегда содержит номер заявки. Необходимо в тело html письма вставить кнопку подтверждения заявки. Т.е когда получатель письма нажимает на эту кнопку, должно появиться окно с текстом типа "вы действительно принимаете эту заявку? и кнопка да и отмена" в свою очередь, подтвердив заявку я должен получить на свой почтовый ящик подтвержение об этом. То, что можно сформировать обычную ссылку mailto и прописать тему и тело сообщения - это я знаю!…

    Asked by tc_trust, October 28, 2015

    0 votes
    3 answers
14. При малой высоте блока содержимое идет ввсерх

    При клике на некоторых ссылках на странице должен отобразится плавающий блок, высота которого средством css анимации изменяется от нулевой до некоторой фиксированной высоты. В начале анимации, когда весь контент не помещается, он сильно пождат вверх, и только вконце стает на свое место. Это выглядит примерно так. Вот этот пример: http://jsbin.com/wekixa/1/edit?html,css,js,output Браузер: Фаерфокс, версия 41.0.1 Методом тыка установил, что если не писать $('#confirm a[role="cancel"]').focus();То все нормально. Как можно изменить поведение, чтобы содержимое блока не подскакиволо вверх. Перепробывал всевозможные способы например, top: 0 и тому подобные. Не помогло.

    Asked by ekkl, October 29, 2015

    • CSS
    • javascript
    • height
    0 votes
    1 answer
15. HTML/CSS редактор online

    Добрый день! Вопрос такой. Я делаю первые шаги в HTML/CSS , но я работаю в Chrome OS, а значит для меня недоступны такие вещи как, к примеру, Notepad++ и т.д. Не могли бы Вы порекомендовать редактор HTML/CSS который может работать в облачном режиме или как расширение для браузера GoogleChrome ? Кроме того, мне нужна возможность делать отдельный файл CSS. И как в этом случае можно смотреть, что получилось ? Я так понимаю, что у меня будет возможность проверять результаты только в браузер GoogleChrome, но пока ОК. Я просто хочу научиться работать с кодом разметки и стилей. Спасибо большое за помощь!

    Asked by Shank, October 29, 2015

    0 votes
    4 answers
16. Как скрыть ссылку с определенным тайтлом

    Есть всякие табы без классов. один из табов содержит swf файл (флеш анимация товара, с возможностью вручную его покрутить со всех сторон) для мобильника соответственно выдает ошибку , мол загрузите плагин. потому для адаптивной верстки задача скрыть этот таб. Вопрос - как это сделать, так как класса не стоит. есть только тайтл. чувствую тут как-то при помощи js делается.. или всеже в css можно? <ul class="jwts_tabbernav"> <li class=""> <a href="javascript:void(null);" title="3d">3d</a> </li></ul>

    Asked by nikki4, October 29, 2015

    0 votes
    1 answer
17. Создание галереи

    Как сделать галерею картинок чтобы при выходе за пределы ширины блока, появлялась прокрутка. Делаю так <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

    Asked by rpmcmerphy, October 29, 2015

    0 votes
    1 answer
18. jQuery отмена события после fired

    На этой странице кнопка теряет тень при нажатии http://codepen.io/462960/pen/avqjoe Сразу после чего должна вернуться в исходное состояние. Пробовал 2 варианта. Оба завязаны на .one() Отмены нет, прошу знатоков подсказать.

    Asked by seemax, October 28, 2015

    • jQuery
    • .one()
    0 votes
    13 answers
19. Форма загруки файла и кнопка отправить в одну линию.

    Доброго времени! Есть форма загрузки файла: <form enctype="multipart/form-data" action="uploadImg.php" method="post"> <input type="file" name="userimg"> <input type="submit" value="Отправить"> </form>На странице отображается в две строки, т.е. на одной строке поле имени загружаемого файла и кнопка "Обзор...", а на другой кнопка "Отправить". Хотелось бы сделать так, чтобы они были в одну строку. Подскажите, как это сделать? За ранее благодарен.

    Asked by soulectro, October 29, 2015

    0 votes
    1 answer
20. проблемы с bootstrap

    Добрый день!Начинающий верстальщик, прислали тестовое, столкнулась с глупой проблемой. Не могу понять,как правильно разметить страницу для верстки бутстрапом. в макете дано 12 красных колонок (ширина слоя написано 960). Начинаю с div class="container", и дальше не понимаю... С остальными элементами вроде бы проблем нет. Прощу помощи по разъяснению, как правильно разметить конкретную страницу,перерыла весь ютуб с уроками, там все поверхностно.Макет в ссылке. Благодарю заранее. http://prntscr.com/8wapzv

    Asked by yulshaz@mail.ru, October 28, 2015

    • bootstrap
    0 votes
    10 answers
21. Почему Live preview в Brackets прыгает?

    Как вы боретесь с прыганием страницы/скролла при редактировании css в brackets? Пример

    Asked by EaGames, October 29, 2015

    0 votes
    0 answers
22. Дальнейшее изучение

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

    Asked by Shenia132, October 26, 2015

    • изучение
    0 votes
    14 answers
23. Подвал

    Народ привет, помогите пожалуйста выйти из иступления. Ни как не получаетца прижать футер к низу страницы. Читал разные способы, но у меня немного другая проблема. Футер вообще не прижимаетца (не увеличиваетца в height) и висит на уровне контента прямоугольником. Если вас не затруднит, гляньте код пожалуйста. (у меня header вне wrappera, так как header на всю ширину браузера). <div id="header">Header image</div><div id="wrapper"><div id="content"><h1>Заголовок</h1><div id="page-content"><div class="page-text"><?php p_content(); ?><p class="page-meta">Published on ;<span></span></p></div>&l…

    Asked by bobb, October 21, 2015

    0 votes
    19 answers
24. Помогите пожалуйста с респонсив версткой!

    Доброго времени суток, друзья! Озадачился я версткой макета. В псдшниках несколько файлов (как должна выглядеть страница при различных разрешениях экрана). В общем, хочу вынести на ваш суд результаты своей работы http://zehlik.pe.hu/. Так же хочу задать несколько вопросов: 1. У меня проблема с версткой меню навигации, особенно когда ширина экрана становится меньше 768px меню должно сползти под логотип, но с этим какие-то проблемы (в медиа прописываю флоат, но оно не работает). Короче говоря, оцените пожалуйста правильность написания самого меню, может именно тут что-то не так. 2. Так же, при разрешении ниже 480 все меню должно сворачиваться в дропдаун под кнопку. Как …

    Asked by Zehlik, October 27, 2015

    • #responsive
    0 votes
    4 answers
25. еще один нубский вопрос про списки и маркеры

    дайте пожалуйста совет как центрировать заголовок, список с маркерами и нижний заголовок http://savepic.su/6283778.jpg

    Asked by severianin, October 26, 2015

    0 votes
    17 answers