Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

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

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

    Asked by noname1,

    0 votes
    0 answers

  2. Посоветуйте хорошие книги про WEB-программированию.

    Здравствуйте. Посоветуйте пожалуйста, с какой книги (книг) начинать изучение основ программирования сайтов? Интересует HTML5, PHP (скорее всего через фраймворк CodeIgniter). Нихрена пока в этом не понимаю, но в тонкостях изучив предыдущую специальность, решил поменять жизненное увлечение

    Asked by Erenbur,

    0 votes
    31 answers

  3. 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,

    0 votes
    1 answer

  4. Подгон под размер экрана.

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

    Asked by SadRat,

    0 votes
    2 answers

  5. перенос сайта в каталог

    Пытаюсь перенести сайт в тестовый каталог,никак не хочет работать.Понимаю,что из-за htaccess.Пытаюсь изменить RewriteBase /testmobile/ или RewriteRule ^(.*) /testmobile/site.php?$1,никакой реакции.Подскажите,что делать? RewriteEngine onRewriteBase /RewriteCond %{REQUEST_FILENAME} !-fRewriteRule ^(.*) /site.php?$1AddDefaultCharset UTF-8

    Asked by user,

    0 votes
    18 answers

  6. transition для меню

    Для меня было новостью, что transition не работает со св-вом display: none; Как быть тогда, если я хочу плавно показать в горизонтальном меню выпадающие подпункты и без js, jq?

    Asked by rus,

    0 votes
    11 answers

  7. резиновый шаблон

    Такой вопрос: есть 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 и останавливается, а правый-то продолжает сжиматься и текст заходит за левый столбец. Как это "победить"?

    Asked by Borodulka,

    0 votes
    5 answers

  8. Помогите решении проблемы начинающему.

    Есть 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…

    Asked by Borodulka,

    0 votes
    7 answers

  9. Внутренние странички

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

    Asked by Gutman,

    0 votes
    8 answers

  10. 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,

    0 votes
    1 answer

  11. Слайдер интернет- магазина

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

    Asked by Alfa2015,

    0 votes
    1 answer

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

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

    Asked by 964758,

    0 votes
    2 answers

  13. При малой высоте блока содержимое идет ввсерх

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

    Asked by ekkl,

    0 votes
    1 answer

  14. Как скрыть ссылку с определенным тайтлом

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

    Asked by nikki4,

    0 votes
    1 answer

  15. Заставить блок обтекать.

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

    Asked by Drag0n,

    0 votes
    2 answers

  16. Создание галереи

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

    0 votes
    1 answer

  17. HTML/CSS редактор online

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

    Asked by Shank,

    0 votes
    4 answers

  18. Правильная нарезка и верстка блока

    Здравствуйте уважаемые форумчане! Подскажите, пожалуйста, как правильно нарезать графику и сверстать такой блок: P.S. Если кому надо этот блок в формате PSD пишите свою почту скину )

    Asked by stan07,

    0 votes
    1 answer

  19. Форма загруки файла и кнопка отправить в одну линию.

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

    Asked by soulectro,

    0 votes
    1 answer

  20. Почему Live preview в Brackets прыгает?

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

    Asked by EaGames,

    0 votes
    0 answers

  21. Создание кнопки в письме Подтвержение о подписки

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

    Asked by tc_trust,

    0 votes
    3 answers

  22. проблемы с bootstrap

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

    Asked by yulshaz@mail.ru,

    0 votes
    10 answers

  23. Параллелепипед с помощью css

    Есть ли способ создать с помощью css параллелепипед как на картинке?

    Asked by afagorn,

    0 votes
    16 answers

  24. Выравнивание картинок с подписью по горизонтали

    Добрый день! Прошу помочь! Вставляю картинки в блок 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%…

    Asked by Hosemose,

    0 votes
    7 answers

  25. Проблемы верстки

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

    Asked by Виктор1204,

    0 votes
    14 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept