HTML Coding

29542 questions in this forum

1. Самостоятельное изучение. Каков порядок?

   Приветствую, форумчане! У меня большой опыт в верстке для полиграфии. И тут решил уйти в напревлении HTML. У меня вопрос прямо относительно требований вакансии. Например, там написано: 1) Хорошее знание HTML5, CSS, JavaScript, jQuery 2) Поддержка последних версий Chrome, Opera, Firefox, IE 3) Знание фреймворка Angular.js Очень прошу вас пояснить, что же конкретно в каждом пункте мне надо изучать, хотя бы кратко, сжато. Ну типа "вот эти разделы смотри, а эти не так актуальны" Когда пишут требования к подобным знаниям, то как правило это подразумевает владение какими-либо средами программирования - Freehand (или какие еще существуют?) или же все делае…

   Asked by Capablanca, April 29, 2016

   • самоучка новичок
   0 votes
   2 answers
2. Помогите с версткой на Bootstrap 3

   Помогите понять, почему блок наезжает на заголовок H1. Сайт сверстан на Bootstrap 3. Тут на всю ширину: Уменьшаем ширину, тут нормально: Верхнее меню перескочило, так и должно быть: Верхнее меню "схлопнулось", так и должно быть: А вот такого быть не должно. Верхний белый блок должен стать больше по высоте и черное меню должно оказаться ниже, чтобы синий заголовок не перекрывался: Еще хуже: Скажите, почему верхний белый блок остался по высоте тем же и что сделать, чтобы он увеличился на высоту синего заголовка и не закрывал его? Вот здесь выложил: http://xenglish.ru/bootstrap/

   Asked by stankhat, April 29, 2016

   • bootstrap
   0 votes
   2 answers
3. Название шрифта google

   Подскажите,а есть ли какой-либо способ изменить название подключаемого шрифта от google. Дело в том, что если на сайте используется несколько шрифтов, и они меняются, нет желания вводить каждый раз название типа "PT Sans condenced" Да, можно использовать Less, а без оного?

   Asked by Vlad_P, April 29, 2016

   0 votes
   4 answers
4. Помогите с выводом таблици

   Не могу вывести правильно товары, нужно что бы было по три в ряд. <div class="content"> <table> <tr> <td colspan="3"> <div class="new">Новинки нашего сайта: </div> </td> </tr> <tr> <? for($a=0;$a<9;$a++) printf(" <td> <img src='images/sempl.png' alt='img'> <p>Название Цена </p> <img src='images/buy.png' alt='img'> </td> "); ?> </tr> </table> </div>

   Asked by DronBoy, April 28, 2016

   • table
   0 votes
   7 answers
5. Как поднять форму с кнопками до серидины шапки

   http://myhio.ucoz.net/cit/helo.html Решил вставит в шапку форму с кнопками, но кнопки появились на самом краю шапки. Как их можно поднять?

   Asked by Mik09, April 28, 2016

   0 votes
   0 answers
6. Галерея для Pop-up

   Ребят, помогите, пожалуйста, уже 2й день зависаю над проблемой. Я создал тестовый сайт для портфолио http://my-tasks.cu.cc/. На сайте в разделе "Галерея" есть кнопка "Посмотри работу". При нажатии на кнопку должно появиться Pop-up окно с галереей изображений ( смотреть тут http://prntscr.com/axydgn ) Но при нажатии кнопки появляется только такое окно ( смотреть тут http://prntscr.com/axyi4w ). Если нажать на стрелку "лево" или "право", то прогружается и сам слайдер. Без Pop-up слайдера все работает без проблем. Сам слайдер я создал при помощи Slick Slider. Pop-up установил Magnific-popup Если кому нужен архив с файлами, вот он (https://drive.…

   Asked by VIVA, April 28, 2016

   0 votes
   5 answers
7. Контент выходит за рамки монитора

   Народ, всем привет. Есть сайт: http://www.admirals.top/ Появляется горизонтальный скролл. Нужно его как то убрать. Не просто прописать overflow:hidden, а именно чтоб размер блоков умещался под разрешение монитора. Я уже все стили просмотрел веб-инспектором, так и не нашёл, какой блок вылазиет. Помогите пожалуйста.

   Asked by fenix_63, April 28, 2016

   • html
   • css
   0 votes
   1 answer
8. Как заменить тег <h3>

   Подскажите пожалуйста. Выяснилось, что на сайте, названия информационных блоков заключены в тег <h3>. Уже битый час бьюсь, и никак не могу заменить его. <?php if ($informations) { ?> <div class="column"> <h3><?php echo $text_information; ?></h3> <ul> <?php foreach ($informations as $information) { ?> <li><a href="<?php echo $information['href']; ?>"><?php echo $information['title']; ?></a></li> <?php } ?> </ul> Как в этом коде заменить тег <h3> на такой же размер шрифта, но чтобы не сломать класс "column"?

   Asked by SergMcLaren`, April 28, 2016

   • h3
   0 votes
   6 answers
9. Как сверстать такое меню

   Приветствую. Пытаюсь сверстать первый макет, но возникли сложности с меню. Как сверстать такое? - http://prntscr.com/axumjc особенно логотип в центре

   Asked by bitande, April 28, 2016

   0 votes
   6 answers
10. Изменение адреса 2-го уровня

    Уважаемые господа, Я человек далекий от веб-программирования, поэтому изъяснюсь как получится, по возможности понятно На главной сайта есть некий текст Х. В редакторе wordpress во имя SEO я заменил его адрес 2-го уровня, не осознавая до конца необдуманности поступка (хотя есть вероятность, что и не менял, но она мала). Теперь этот текст оказывается на новой странице, которая не нужна, а текст на главной не меняется, потому что он как-бы уже и не там. Уважаемые знатоки, как быть?

    Asked by Magic_magic, April 28, 2016

    • wordpress
    0 votes
    1 answer
11. Как сделать чтобы блок масштабировался как картинка

    Здравствуйте. Как сделать чтобы блок масштабировался ,как картинка? (т.е. при изменении размера экрана менялась ширина блока и высота менялась пропорционально. и пропорционально менялся размер шрифта ) Верстаю html письмо, поэтому стили внутри тегов. https://jsfiddle.net/r73kpcjq/

    Asked by ishurgaya, April 27, 2016

    0 votes
    1 answer
12. "клиент" для localstorage

    c mysql удобно работать при помощи phpMyAdmin. скажите пожалуйста, существуют ли подобные утилиты для работы с localstorage браузера? я сейчас смотрю содержимое localstorage при помощи console.log, но это неудобный способ

    Asked by cyklop77, April 27, 2016

    • html5
    • localstorage
    0 votes
    2 answers
13. Никака не могу убрать отступы в шапке сайта

    Asked by Mik09, April 26, 2016

    0 votes
    5 answers
14. Как сделать кликабельную картинку не прямоугольно

    Как сделать, чтобы объекты на карте были кликабельны, но и не перекрывали друг друга. Стандартно прямоугольно если их делать они друг друга полностью перекроют...

    Asked by Dave7044, April 26, 2016

    0 votes
    2 answers
15. В каком направлении копать для адаптивного скроллируемого фона?

    Добрый день! Есть такая задача - в заготовке для сайта имеется картинка очень большой ширины (около 4000 px). Её необходимо сделать адаптивным фоном (к размеру окна браузера/экрана компьютера), выводить центральную часть с несколькими товарами которые "вшиты" в картинку - а остальное пустить под возможность горизонтального скроллинга. (На саму фоновую картину должен быть пристыкован атрибут usemap, сообщенный с "картой", ведущей на страницы конкретных товаров). Пока что удавалось реализовать лишь адаптивность, но без скроллинга (и кажется, в таком варианте и map не пристыковать): .box{ background: url('../img/1.jpg') no-repeat; background-position: center cente…

    Asked by NDanilov2015, April 26, 2016

    • htmlcss
    • css3
    0 votes
    2 answers
16. Форма обратной связи HTML/PHP

    Всем доброго времени суток. Я новичок в верстке, и у меня возник вопрос по поводу форм. Сверстал простейшую форму, запрашивающую имя, мыло и текст сообщения. Потом понял, что она сама по себе не будет работать. Прошерстил интернет, понял, что нужно использовать php. Нашел готовый скрипт php для формы. Маленько разобрался в нем, поменял названия атрибутов name, где надо. Однако форма то выдает иероглифы, то ошибки. А письма совсем не отправляет. Сайт, на котором форма, находится на бесплатном хостинге на hostinger. Файлы сайта index.html и скрипта mail.php лежат в одной папке public-html. Форма: <form class="feedback-form" action="mail.php" method="…

    Asked by Elijah, April 26, 2016

    • html
    • php
    • form
    0 votes
    2 answers
17. задать высоту инпута

    Всем привет, Подскажите, пожалуйста, есть либа jquery chosen либа, пользуя которую, создается сложное поле выбора. И все бы хорошо, но там очень узкое поле для ввода подстроки вручную 1) http://i.imgur.com/OPaNyB1.png Инпут, который я вручную не создаю, но генерится по настройкам не имеет ни класса ни имени 2) Я пытался задать высоту через стили: li.search-field > input{ height: 45px; } Или li.search-field > .default{ height: 45px; background-color: red; border: 2px green; } Но безуспешно. А как правильно?

    Asked by mstdmstd, April 26, 2016

    0 votes
    11 answers
18. Подскажите начинающему

    Всем здрасте. Не могу вникнуть, как к картинке в портфолио на сайт подвязать ещё и текст описания рядышком, как на фото. <div class="col-md-4 col-ms-6"> <div class="g-item"> <img src="images/gallery/g2.jpg" alt=""> <a data-rel="lightbox" class="overlay" href="images/gallery/g2.png"> <span>+</span> </a> К этому что-то добавить, а вот что ума не приложу. На фото как хотелось бы, а по факту у меня просто картинка без описания. За…

    Asked by radamant01, April 25, 2016

    0 votes
    1 answer
19. Помогите разобраться с кнопкой в меню

    Здравствуйте, подскажите пожалуйста как сделать так, что бы меню растянулось на всю ширину. https://jsfiddle.net/cryrc1v6/

    Asked by Kamel515, April 25, 2016

    0 votes
    2 answers
20. Пустое место в углу верхнего меню

    Здравствуйте уважаемые эксперты! Прошу вашей помощи, проблема в следующем - 1) Необходимо исправить пробел в полосе верхнего меню, на скриншоте указал как 2) Как можно реализовать фоновую картинку с левой стороны и если можно чтобы она ходила вверх и вниз при прокрутке (пример прикрепляю в скриншоте). Если можно напиши подход как это можно сделать, допустим выровнять (align не помогает вроде) может как то ещё, приношу заранее извинения ведь я новичок в этом деле.... Я использую Joomla шаблон Blog J.Верхнею меню находиться в отдельном блоке. Какие варианты исправления могут быть? Заранее благодарен!

    Asked by Nedd, April 25, 2016

    0 votes
    2 answers
21. html Вёрстка блоков - как сделать логично?

    Здравствуйте. Верстаю макет, рассчитан для мобильных и планшетов, резиновый временами. Есть такой блок - http://joxi.ru/1A59OwzSKyoyPA . Это вариант для десктопов. Далее для планшетов - http://joxi.ru/V2Ve8MBS0J1DLm . И для мобильных - http://joxi.ru/DrlO1yQc4OMjRA Как будучи в здравом уме и хорошем психическом состоянии сверстать логично, без использования скрытых блоков, типа с заголовком или списком, которые расположены не правильно, как по мне, в планшетной и мобильной версии. Вообще, стоил ли попросить другой дизайн или намекнуть дизайнеру, что он немного не понимает, как верстается из десктопного варианта в мобильные?

    Asked by kattiperk, April 25, 2016

    • css
    • responsive
    0 votes
    5 answers
22. Текст в блоке вертикально по центру

    Как сделать без использование таблицы вертикальное центрирование текста в блоке? То есть внутри <span>текст</span> с displan:inline-block; и заданной фиксированной высотой нужно, чтобы текст был отцентирован по вертикали. Если бы текст был в одну строку, то я бы просто задал line-height. Но текст может состоять и из нескольких строк.

    Asked by PavelTkachev, April 25, 2016

    0 votes
    1 answer
23. Чем тестировать верстку под разные разрешения/девайсы без их наличия?

    Столкнулся с проблемой тестирования вёрстки под разные мобильные устройства. То что есть например в инструментах разработчика Google Chrome работает не совсем так как надо. Возьмём например код: <html> <head> <meta charset="utf-8"> <title>test</title> <link rel="stylesheet" type="text/css" href="css/style.css"> </head> <body> </body> </html> и CSS стиль для него: @media screen and (max-width: 1100px) { body{ background:rgba(43,167,,1.00);} } @media screen and (max-width: 640px){ body { background:rgba(213,,3,1.00);} } Цвет фона при ширине меньшей 640px меняется только при ручном измен…

    Asked by BOMS, April 25, 2016

    • тестрование вёрстки
    • разрешения
    • экраны
    • девайсы
    • гаджеты
    0 votes
    4 answers
24. Обход ограничения

    Здравствуй уважаемый веб-мастер, если ты всё таки решился прочитать то что я здесь написал, то я уже бесконечно тебе благодарен за то что ты тратишь своё драгоценное время на меня! Я вынужден обратиться к тебе за помощью, надеюсь что не откажешь. Есть сайт, с которого я хочу по тихому свистнуть и убежать огромное количество контента. Скачивать хочу благодаря прямым ссылкам на эти самые файлы, которые в свою очередь я собрал с помощью PHP, но подлец-сервер не даёт мне этого сделать. Спустя некоторое количество удачных скачек, он буквально разрушает наши отношения на корню. Честно говоря, я пока так и не понял как именно работает механизм защиты но вроде бы прокси…

    Asked by Морская улиточка, April 24, 2016

    0 votes
    2 answers
25. Помогите с формами html

    Помогите решить задачу (и возможно ли вообще ее решить): Есть форма ввода текстовой строки и кнопка. Возможно ли сделать так, чтобы при нажатии на кнопку срабатывал алгоритм: Если в текстовую строку введено "текст1", то открыть страницу 1.html Если в текстовую строку введено "текст2", то открыть страницу 2.html Иначе открыть страницу 3.html Помогите пожалуйста!!

    Asked by venik, April 24, 2016

    • формы html
    0 votes
    2 answers