HTML Coding

29542 questions in this forum

1. Выравнивание 2-х блоков по левому и правому краю без float

   Сабж https://jsfiddle.net/pbcab91y/2/ Можно сделать так же, но без float? (без padding и margin) margin-left: auto для inline-block походу не работает?

   Asked by torsar, July 19, 2016

   0 votes
   2 answers
2. Как отцентрировать центральный блок?

   Сабж https://jsfiddle.net/vpy7sn26/1/ Как отцентрировать центральный блок? Можно сделать так же, но без float? (без padding и margin) margin: auto для inline-block походу не работает? исправил наименование блоков

   Asked by torsar, July 19, 2016

   0 votes
   12 answers
3. Организация файлов при вёрстке многостраничника

   Уважаемые профессионалы. Мучает меня один небольшой, возможно даже смешной вопрос. Но лучше буду уверен в том что делаю всё правильно. Допустим есть страница А со своими картинками для спрайтов, и страница В, на которой совершенно другие картинки(ну или часть новых картинок), которые также должны быть сделаны спрайтом. Вопрос - делать отдельный спрайт для страницы А и отдельный спрайт для страницы В?? Или сделать вообще 1 целый для обеих страниц.....(а если страниц к примеру 20?) И ещё - вы обычно делаете отдельную папку для спрайтов, или они расположены вместе со всеми картинками?

   Asked by VeniVidiVici, July 19, 2016

   • спрайты картинки
   • многостраничник
   0 votes
   6 answers
4. что криво выстроились

   Подскажите вот чего дочерние блоки с классом block криво по горизонтали выстроились? https://jsfiddle.net/jbs8pctt/

   Asked by Serega5j, July 20, 2016

   • html
   • css
   • blin
   0 votes
   2 answers
5. Не могу спозиционировать круг одинаково в разных браузерах

   Доброе время суток! Народ такая проблема: не могу позиционировать круг "or" между кнопок. В хроме все норм. А вот в остальных криво. Пожалуйста, в чем ошибка. Ссылка на сайт http://tomatto.esy.es/

   Asked by Ratibor, July 20, 2016

   0 votes
   8 answers
6. Как сделать проще галерею карусель

   Доброго времени суток. Делаю галерею... В верстке все получилось (к сожалению не получается показать в jsfiddle) Перенесла в cms Карусель есть, но большое фото появляется только после нажатия на фото и например, перелистываешь на один дальше, то увидим, что фото выбора "зациклилось"... http://ruki24.aveas.ru/o-nas/ На самом деле я просто перемудрила... сделала зачем-то двумя скриптами, для табов и карусели.. А как сделать по другому не понимаю, чтобы при нажатие на фото в каруселе, открывалась большая фотка и прокрутка была только у маленьких?

   Asked by Mary_RND, July 21, 2016

   • html
   • css
   • jquery
   0 votes
   9 answers
7. Проблема с fancybox на мобильных устройствах

   Приветствую! Может кто-нибудь уже сталкивался с такими проблемами. Есть сайт http://stroymechanika.intelinets.ru/ Модалки fancybox (заказать звонок (http://take.ms/OeqbJ), оставить заявку (http://take.ms/0dCvS)) отображаются некорректно на мобильных устройствах. Выглядят слегка растянуто, примеры: http://take.ms/3YomPG http://take.ms/BktjY Модалки работают на type: ajax Инициализируются вот так: $.fancybox({ href: url, type: "ajax", openSpeed: 0, closeSpeed: 400, openEffect: 'none', padding: 0, beforeShow: function(){ $(".fancybox-overlay").addClass("r741-opened"); if(typeof callback === "function"){ c…

   Asked by osi-v, July 21, 2016

   • fancybox
   • css
   • js
   • mobile
   • html
   • jquery
   0 votes
   2 answers
8. Выбор данных из анкеты и занесение на страницу

   всем привет) подскажите,пожалуйста, как сделать(запрограммировать)... есть анкета, она открывается в модальном окне, данные в анкете не меняются http://prntscr.com/bw0orj как сделать так,чтобы при выборе данных в анкете(чекнутые чекбоксы) и при нажатии на кнопку Сохранить, данные отображались на основной странице(данные-это текст рядом с чекбоксом), причём порядок построения был такой же как в анкете. Может,кто такое делал или есть готовый пример

   Asked by Джулия, July 22, 2016

   0 votes
   7 answers
9. В слайдере не отображаются боковые кнопки навигации, в чем проблема?

   Добрый день! Проблема в том что на сайте http://tomatto.esy.es/ в слайдере не видны боковые кнопки навигации, они не видны но если сбоку справа или слева нажимаешь то кнопки работают. Помогите в чем проблема?

   Asked by Ratibor, July 24, 2016

   0 votes
   2 answers
10. Не работает z-index

    Народ, всем привет! Есть сайт: http://handmademania.ru/b2b/ Щелкаем пункт верхнего меню "Расчёт заказа". Нас прокручивает вниз к анкете. Так вот, в ячейке "Мастер-классы, которые вы выбрали" я сделал список с мультивыбором. Проблема в том, что список большой,и он пересекается с кнопкой "Отправить". А если надо выбрать элемент списка, который на одном уровне с кнопкой, то кнопка становится на переднем плане, а мне надо, чтобы на переднем плане был выпадающий список. С z-index пробовал - не помогло, Пробовал z-index вместе с position:relative и без, но пока безрезультатно (( Помогите пожалуйста, кто может. Скриншот по ссылке: Скриншот.

    Asked by fenix_63, July 23, 2016

    • html
    • css
    • z-index
    • позиционирование
    • наложение
    0 votes
    2 answers
11. css. Помогите отредактировать отступы margin и padding.

    ссылка на мой html и css код: https://jsfiddle.net/w7fLp5g4/ Помогите плиз сделать блок "контент" вровень с "шапкой". По ширине. То-есть чтоб правый край шапки и правый край контента лежали на одной прямой. И ещё необходимо выровнять текст на блоках (Шапка, Контент, Левый блок) ровно по середине блока (желательно с помощью свойств margin и padding). По высоте и ширине. То-есть чтоб текст находился ровно в центре блока.

    Asked by DimaP, July 23, 2016

    0 votes
    2 answers
12. Посоветуйте способ парсинга

    Здравствуйте! В последнее время, меня всё чаще стал разочаровывать мой любимый simple_html_dom.php (: Есть допустим 1.000 страниц одинаковой структуры и всё вроде бы идёт отлично но на некоторых страницах file_get_html просто возвращает false и почему так происходит я даже и не знаю, ведь страницы точно все одинаковые но только с разным содержимым! Конечно я Гуглила и много у кого такая же проблема и как способы её решения все почему то как сговорились предлагают использовать Курл! В общем мне нужен именно Ваш, вот именно того кто сейчас читает эту строку - совет! Мне нужен самый стабильный способ парсинга который никогда не подведёт и не будет преподносить сюрп…

    Asked by Anechka, July 23, 2016

    • парсер
    • парсинг
    0 votes
    1 answer
13. Скачивание по ссылке

    <div class="newsletter_form"> <form> <input type="text" placeholder="Скачать прайс PDF"/> <input type="text" placeholder="+ презентация"/> <button><a href="files/1.pdf" download> Скачать</a></button> <div class="clearfix"></div> </form> </div> http://vitaliykurzaev.ru В IE и в Мозиле не скачивается презентация, а гугл Хроме и Опере все норм. Добрые люди подскажите что я не правильно сделал? Может…

    Asked by vitaliy2018, July 24, 2016

    • скачивание по ссылке
    0 votes
    8 answers
14. Зачем отступы и высоты указывают в em?

    Доброго вечера, Подскажите, пожалуйста, зачем указывают размеры в em,а не px? Шрифтов не касаюсь, там понятно зачем. Пример: margin: 0 auto -5em; height: 5em;

    Asked by enhaster, July 24, 2016

    • em height
    0 votes
    1 answer
15. Веб-программирование -- изучаем.

    Привет всем. Вот решил для себя заняться изучением веб программирования. Перерыл гугл, но толком ничего не нашёл: а именно что и в какой последовательности, какая литература лучше и т.д. Прошу у вас помощи, а вернее подсказки что в какой последовательности изучать (я понял что в такой: HTML5, CSS3, PHP, MiSQL) - поправьте если не прав. И подскажите какую литературу, ибо книг очень много, а достойные внимания новичка единицы, какие это единицы?

    Asked by systeman, July 25, 2016

    0 votes
    8 answers
16. Вопрос по Chekbox

    Здравствуйте. Друзья, подскажите решить такую задачку. Есть два чекбокса - mode1 и mode2. <div> <div> <div id="instmode"> <form> <div style="float: left; padding-right: 10px;"> <input type="radio" name="instmode" id="imode_1" value="MODE1" onclick="show_instmode1(this)"> <label for="imode_1">Единственное устройство</label> </div> <div> <input type="radio" name="instmode" id="imode_2" value="MODE2" onclick="show_instmode2(this)"> <label for="imode_2">Группа устройств</label> </…

    Asked by oprst, July 25, 2016

    0 votes
    3 answers
17. Почему разная высота между полями в страницах

    Всем привет, 2 редактора админики с одним файлом стилей. Не могу понять почему разная высота между полями . На этой старнице высота правильная : Страница 1 На этой странице : Страница 2 в высоте между полями появляются лишние 10 px. В инспекторе вижу что для обоих редакторов : form-control = padding-top:5px; padding-bottom:5px form-group =margin-top:10px; margin-bottom:10px Во второй странице редактор внутри таба со своими классами - но влияет ли это на высоту между полями и как не могу найти... Стили в файле стилей определены как : .form-horizontal .form-group { /*margin: 0px;*/ margin: 10px 0px 10px 0px; /*margin: 1…

    Asked by mstdmstd, July 25, 2016

    • html
    • bootstrap
    • form-control
    • form-group
    0 votes
    7 answers
18. Переход по внешней ссылке

    Видел на нескольких сайтах такую штуку - при клике по ссылке, новая страничка открывается в этой вкладке а та страничка где кликали в новой. То есть, вроде как наоборот чем надо. Может скажите где почитать о подобной реализации. Интересно.

    Asked by alleclf, July 25, 2016

    0 votes
    0 answers
19. Авто submit при выборе file

    Здравствуйте, знаю как реализовать с помощью jQuery: jQuery(function(){ $("#file").change(function(){ $("#form").submit(); }); }); но согласитесь что глупо ради такой простой задачи подключать целую библиотеку! Может кто подскажет способ без jQuery? Спасибо!

    Asked by Anechka, July 25, 2016

    • input
    • file
    • submit
    0 votes
    1 answer
20. Проблема с адаптивом

    Добрый вечер. Не могу понять почему у меня на сайте происходит вот такая белеберда http://prntscr.com/bxe5oc почему то контейнер становится все равно в 1000 px и не становится нормальным резиновым. В чем может быть проблема? Бутстрапом занимаюсь недавно, но принцип работы понимаю. Скорее мой косяк в верстке, но почему не съезжают в один столбик все элементы на телефонах? мой сайт http://angel-loves.com/ . При уменьшении в 360px столбики не смещаются в один ряд.

    Asked by creativ, July 25, 2016

    0 votes
    1 answer
21. robots.txt

    Здравствуйте, у одного из моих сайтов на хостинге находится файл robots.txt с таким содержимым: User-agent: * Disallow: /graphics/ Disallow: /*.jpg$ и мне нужно было сделать запрет на индексирование всей графики в конкретной папке и вообще всех jpg. Думала что я правильно всё сделала но вот сегодня пришло письмо от Яндекс вебмастера в котором говорится о том что сайт полностью запрещён к индексированию в robots.txt. Это ошибка со стороны Яндекса и нужно писать им или у меня действительно не правильно заполнен этот файл для решения своей задачи? Спасибо!

    Asked by Anechka, July 26, 2016

    • robots.txt
    0 votes
    2 answers
22. Pixelperfect - разное отображение в FireFox и Chrome

    Верстаю PixelPerfect по макету. Я приложил скриншоты из одного и того же сайта. Почему при одинаковых стилях отображение разное ? как быть, как жить? в хроме юолее менее нормально отображается, а в FireFox криво. Если сделаю под FireFox ровно, будут сдвиге в хроме. Что делают в таких ситуациях ? оба браузера обновлены. Первый раз верстаю PixelPerfect. Подскажите пожалуйста новичку:) Первый рисунок -Google Chrome Второй рисунок -Mazila FireFox

    Asked by 777avatar007, July 27, 2016

    • pixelperfect
    0 votes
    2 answers
23. Сайт отображается хорошо, а шапку режет

    Здравствуйте! Я мало разбираюсь в веб-дизайне, но вопрос отправила сюда, потому что в теме для начинающих подходящей категории не было. Проблема в следующем - на сайте тема Мистик "с резиновой шириной, но не более 1200 px". Установила шапку размером 1200 на 170. На моем ноутбуке все отлично отображается, но на смартфоне и большом широкоформатном ТВ, к кот подключен другой комп шапку режет справа. При этом сама страница четко входит по полям - прокручивать не нужно. Подскажите, пожалуйста, что мне сделать с шапкой, чтобы она нормально масштабировалась на устройствах с шириной экрана, отличной от 1200 пикселей. Повторюсь, что страницы входят по полям, все отлично…

    Asked by febgirl, July 26, 2016

    • шапка
    • шапка сайта
    • css
    0 votes
    5 answers
24. адаптивные табы

    Ребят,всем привет!Очень нужна помощь,горят сроки( Заказчик хочет сделать на сайте вот такое http://prntscr.com/bxr0u6 http://prntscr.com/bxr0yj Сверстать то сверстала вроде,но меня не получаются некоторые детали, а именно - табы на десктопе, и галерея на мобилке. помогите пожалуйста разобраться( ссылка на файлы в облаке: https://cloud.mail.ru/public/2rQW/rZqpM38FN макеты также есть в файлах в отдельной папке. Js не нужен,сугубо верстка! Буду благодарна за любую вашу помощь с этой проблемой!

    Asked by yulshaz@mail.ru, July 26, 2016

    0 votes
    6 answers
25. блоки одинаковой высоты

    Добрый день!Подскажите, как сделать такие блоки одинаковой высоты без table,js и флексов?поддержка IE7+ http://prntscr.com/by34uv

    Asked by yulshaz@mail.ru, July 27, 2016

    0 votes
    2 answers