HTML Coding

29,542 questions in this forum

1. В чем дело? Резиновый шаблон катается по экрану

   Выручайте бьюсь уже 3-и дня не понимаю, что нужно дописать в css что бы меню с картинками не уезжало при изменении разращении окна браузера? бэграунд имедж задаю 100% и всё меню с картинками поехало. сайт http://babiole-shop.ru/ Тоесть если смотреть через компьютер и не играть с разрешением, то все отлично, но как только я начинаю смотреть с телефона, или просто уменьшая разбер окна браузера, то сначала картинка ребёнка, а потом образовывается белое пространство и дальше уже идёт меню. Я понимаю, что это из-за того что картинка уменьшается в размерах

   Asked by Maks0n, August 17, 2015

   0 votes
   2 answers
2. img src и backgroun-image запрос к серверу

   Доброго дня уважаемые коллеги. Помогите, пожалуйста, разобраться в таком вопросе: Если у нас есть img и в нем src к картинке. Браузер шлет запрос к картинке, а если у меня эта картинка выводится через background: url('/img.png') в стилях. Будет ли к ней также запрос или все откомпилится при единственном запросе браузера к стилям? Т.е. дает ли преимущество в запросах к серверу отображения картинок в стилях через фон, а не через img? Заранее спасибо.

   Asked by Velidan, August 19, 2015

   • сервер
   • запрос
   • img
   • background
   0 votes
   2 answers
3. таблица вылазит из дива из-за длинной непрерывной строки

   Есть страница шаблона панели управления в которой из-за длинной непрерырвной строки таблица сильно вылазит за пределы дива. Просьба помочь в данном вопросе, желательно с помощью css, так как редактирование html ограниченно тем что панель генерит часть кода. вот шаблон данной страницы, а вот сгенерированая страница. Заранее благодарю за помощь...

   Asked by beliy, August 20, 2015

   0 votes
   2 answers
4. Конфликт скриптов

   Есть код, не знаю из-за чего начал капризничать, толь из-за Joomla 3, еще чего, не пойму, помогите разобраться

   Asked by lev99, August 21, 2015

   • javascript
   • jQuery
   0 votes
   2 answers
5. CSS верстка страницы, проблема с центрированием

   Всем привет. Учусь верстать страницу на CSS, вместо таблиц. И столкнулся с проблемой. Раньше у меня была такая табличная структура (пишу упрощенно): <table width=100%> <tr> <td></td> <td width=900>вся шапка сайта тут</td> <td></td> </tr></table>Мне это давало ровную колонку в 900 пикселей по центру экрана. Также я делал и с "контент" частью, и с "футером". А на 100% растягивал, что бы если у пользователя вдруг монитор будет по ширине выдавать больше 1800 пикселей таблицы не выстроились в ряд. Теперь пытаюсь перенести эту логику на CSS. Создаю шапку: <div style="width:100%;min-height:300px;backgr…

   Asked by Alexey Menshikov, August 23, 2015

   0 votes
   2 answers
6. слайдер шапка

   У меня вот такой вопрос как сделать сдайдер как шапку сайта.. То есть будет обычная картинка но менялась! Ну пример (http://mnogoblog.ru/) не реклама! Видите тут обычная в верху картинка с меню, дак надо что бы эта картинка менялась на другую с эффектами! Да знаю что это просто типо надо сделать так <script type="text/javascript">all_images = new Array ("images/back.jpg","images/back1.jpg","images/back2.jpg");var ImgNum = 0;var ImgLength = all_images.length - 1;var delay = 2500;var lock = false;var run;function chgImg(direction) { if (document.images) { ImgNum = ImgNum + direction; if (ImgNum > ImgLength) { ImgNum = 0; } if (ImgNum < 0) { ImgNum…

   Asked by SanyaSV, August 24, 2015

   0 votes
   2 answers
7. Body height: 0;

   Как вы думаете, нулевая высота боди этого сайта http://www.shtab.net.ua/ результат грубой ошибки или приём, о котором я не знаю? Как мне кажется, содержимое боди имеет флоат, а очистить забыли.

   Asked by seemax, August 24, 2015

   0 votes
   2 answers
8. Увеличение изображения при наведении.

   У меня такая проблема. К сайту нужно прикрутить подобный элемент https://www.dogids.com/product/nylon-webbing-scrufftag-dog-collars-with-qr-code/ Интересует именно левый блок с товаром, который можно увеличить и карусель под ним. Саму страничку верстаю при помощи фреймворка bootstrap 3 В общем нужно решение при помощи которого можно подобное соорудить. зы писать скрипт с нуля уже времени нет. Пора верстку сдавать(

   Asked by BirviZ, August 26, 2015

   0 votes
   2 answers
9. Плагины для онлайн музыки

   подскажите пожалуйста ! Хочу сделать сайт онлайн музыки и хочу именно на WordPress вот пример http://pesni-tut.net/ Подскажите какие можно использовать плагины для реализации такой идеи ! Платные плагины тоже пойдут!

   Asked by virtas, August 28, 2015

   • онлайн музыка
   0 votes
   2 answers
10. Проблемы с дизайном сайта.

    Всем привет, ответьте пожалуйста на несколько странных вопросов: 1. Подскажите пожалуйста как добавить разрыв между слайдером и основной частью сайта. Попробовал aside, но это совершенно не то. 2. Пытаюсь на фон добавить 2 картинки, но получается так, что картинка, которая подразумевается снизу идет просто по низу экрана монитора. body.base { background: url('/картинка') bottom center no-repeat,url('/картинка') top center no-repeat,#000000; height: 100%; }P.s. Понимаю, что юкоз не лучшее решение, но хоть как-то... Заранее благодарен! Сам сайт: Ссылка —— Такс ну первую я проблему более или менее решил, поместив слайдер в таблицу

    Asked by kweli, August 28, 2015

    • css
    • html
    • дизайн
    0 votes
    2 answers
11. Запустить счетчик после клика

    День добрый. Вот пример http://codepen.io/npofopr/pen/vNBabW animateNumber "запускает" счетчик по загрузке страницы. А как сделать так, чтобы счетчик запускался по клику на ссылке, но если ссылка уже active, то счетчик бы сразу запускался. Пробовал вот так и много ещё как (что получалось нагуглить): if ($('.tabs__content').hasClass('active')){ $('#lines1').animateNumber({ number: 69 });};$('lines2-btn').on("click","#lines2-btn:not(.acitve):not(.disabled)", function() { $('#lines2').animateNumber({ number: 69 });});$('#lines2-btn').click(function(){ $('#lines2').animateNumber({ number: 69 });});Но не срабатывает. Просто по клику срабатывает, но не полу…

    Asked by npofopr, August 28, 2015

    0 votes
    2 answers
12. Нужна помощь с адаптивностью

    Пытаюсь свою верстку сделать адаптивной, но никак не получается. Решил начать с подвала. Нужно, чтобы на ширина 1020px и ниже все элементы становились друг по дружкой и центрировались. Как такое можно реализовать? Уже все перепробовал. Может неправильно верстаю? Вот верстка: http://cm04741.tmweb.ru/index.html Вот код футера: <footer> <section class="footer-inside"> <div class="counter"><img src="images/liveinternet.png" alt="Счетчик посещений"></div> <div class="copyright">© 2010 - 20** Добро пожаловать в <a href="#">уголок веб-дизайнера.</a></div> <ul class="menu-bottom"> <li><a href="#"&…

    Asked by IvanRu08, August 28, 2015

    0 votes
    2 answers
13. Литература по верстке

    Ребятки,основы HTML и CSS знаю,и верстать немного шарю,но не професионально. Хочу что то почитать,посоветуйте пожалуйста.

    Asked by vitaxastifler, August 30, 2015

    0 votes
    2 answers
14. Перестала выводится менюшка последних 10 статей

    Версия MODX Revolution. На сайте новые статьи выводились в отдельную ленту в разделе «Статьи» - http://glebov.com.ua/stati.html. Последние десять статей выводились на главную страницу в нижней части сайта http://glebov.com.ua/. Где-то после 10 августа статьи перестали выводится на главную, а в раздел «Статьи» выводятся. При этом шаблоны статей в админке меняются и сохраняются, но на сайт изменения не подтягиваются. Кто-то может помочь и подсказать, что делать? Ну или вообще, что это может быть? Заранее спасибо.

    Asked by Legally blond, August 31, 2015

    • MODx
    0 votes
    2 answers
15. Как выстроить элементы в 2 колонки?

    Помогите пожалуйста разобраться как выстроить ссылки в 2 колонки. Например, есть 8 ссылок, их необходимо разместить в 2 колонки. Используя float:left ссылки выстраиваются вот так: — ссылка 1 ———————-- ссылка 2 — — ссылка 3 ———————-- ссылка 4 — — ссылка 5 ———————-- ссылка 6 — — ссылка 7 ———————-- ссылка 8 — Вот код - http://jsfiddle.net/238cpzhq/ Можно ли их выстроить вот в таком порядке: — ссылка 1 ———————-- ссылка 5 — — ссылка 2 ———————-- ссылка 6 — — ссылка 3 ———————-- ссылка 7 — — ссылка 4 ———————-- ссылка 8 — вроде как сначала одна колонка заполняется, потом вторая. ПС: в коде, ссылки менять местами нельзя )))

    Asked by alleclf, September 2, 2015

    0 votes
    2 answers
16. Фотошоп беситься

    Ставлю линейку зажимаю шифт идет по 10 за раз (440/450/460) окей отпускаю на 460 проверяю 459 и так каждый второй раз как быть?

    Asked by аркей, September 3, 2015

    • верстка макет
    0 votes
    2 answers
17. Таблица, внесение новых строк.

    Здравствуйте. Была готовая таблица, попытался переделать код для внесения дополнительных строк, строки получились отдельно от таблицы, в чем ошибка и как исправить? http://jsfiddle.net/zxnobnmg/

    Asked by Архип, September 4, 2015

    0 votes
    2 answers
18. Проблема в отображении / MacOS Safari

    Здравствуйте! Возникла такая проблема. Верстал себе как обычно, но при про смотре в Safari под MacOS (именно под МакОС, т/к на Винде в сафари все ок) у меня почему-то пропадают стили (или не знаю как это назвать). Т/е стиль прописан у элемента, но он не отображает его как надо и в отладчике он его не видит. В остальных браузерах все ок. http://s16.ru/i/gazon/ Начиная с "Типовые решения и цены", стили уже не работают. Например у "Типовые решения и цены" прописан стиль: .i-section h1 { text-transform: uppercase; text-align: center; color: #edb730; font-size: 312.5%;}Но как видите ни цвет, ни центрирование, ни размер и т/д не такой. Если кто сталкивался с такой проблемой…

    Asked by vlasenkov, September 7, 2015

    • mac
    • safari
    • отображение
    0 votes
    2 answers
19. Как сделать отступ

    Ребятки,нужно сделать немного отступ (интервал) между этими изображениями,но чета не получается сверстать мне,подскажите пожалуйста. Вот скрин: Вот код) <div id="social" style="position: fixed; z-index: 9999; margin-bottom: 10px; overflow: hidden; left: 0px; top: 200px; width:auto; height:auto;"> <p><img src="wp-content\themes\maidenhair\images\wifi.png" alt="wifi"></p> <a href="http://vk.com/333" <p><img src="wp-content\themes\maidenhair\images\vk.png" alt="vk"></p> <a href="https://www.facebook.com/312" <p><img src="wp-content\themes\maidenhair\images\facebook.png" alt="facebook">&l…

    Asked by vitaxastifler, September 7, 2015

    0 votes
    2 answers
20. Двойная анимация почему-то..

    Ппривет! Никак не отловлю - почему два раза срабатывает анимация при появлении блоков? http://mag52led.ru/ Гляньте плиз свежим взором?

    Asked by d0ublezer0, September 9, 2015

    0 votes
    2 answers
21. При вводе текста в div, тот меняет свою ширину. Как сделать?

    Здравствуйте. Интересует вопрос: как сделать чтобы при вводе текста в div, тот менял свою ширину. Т.е. чтоб отступы справа и слева совпадали http://codepen.io/anon/pen/LpOMKK Сделал при помощи max-width и min-width, но как-то не то

    Asked by yaparoff, October 19, 2015

    0 votes
    2 answers
22. Фиксированное меню

    При прокрутке страницы с фиксированным верхним меню, страница как бы прокручивается над меню. Как исправить?

    Asked by Yeldos, September 10, 2015

    • Фиксированное меню
    0 votes
    2 answers
23. Как светстать блоки уходящие по вправо и влево до конца.

    Привет, всем!! Столкнулся с небольшой проблемой при верстке, никак не могу сообразить. В общем есть простой макет, только вот в нем несть несколько элементов, которые уходят вправо и влево до конца экрана, хотя сам контент зафиксирован по центру вот скриншот , подскажите как такое сверстать или хоть дайте ссылку на макет с похожей структурой, который верстали, глянуть код, а то мне что-то в голову ничего не приходит, пятница же блин . Ссылка на сайт в сети (сразу верстаю на вордпресс) : http://dzga.apoehali.com.ua/

    Asked by ya_verstaka, September 11, 2015

    0 votes
    2 answers
24. Как опубликовать сайт?

    Я создал ХТМЛ сайт и хочу узнать как люди могут переходить на сайт по какой ссылке?

    Asked by Levon, September 11, 2015

    • HTML
    0 votes
    2 answers
25. Открывающийся блок

    Делаю сайт. Потребовалось сделать блоки, которые открываются при нажатии на них. Сделал всё при помощи псевдоэлемента :focus. Вот ссылка на код: http://jsfiddle.net/3ujogh36/ Смысл таков, что: - родительский элемент без фокуса имеет надпись; - после фокуса род. элемент принимает высоту на весь контент; - надпись исчезает, появляется контент. Всё хорошо, но проблема в том, что в скрытом контенте, который появляется при нажатии на род. элемент, есть ссылка, и при нажатии на неё переход не осуществляется, а только скрывается контент. Вопрос в том, как сделать, чтобы при нажатии на ссылку в контенте переход осуществлялся. Буду благодарен за варианты ответов!))

    Asked by Я_Евгений, September 12, 2015

    • html
    • css
    0 votes
    2 answers