HTML Coding

29,542 questions in this forum

1. Проблема с выпадающим вертикальным меню

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

   Asked by alex_avd, December 10, 2015

   0 votes
   1 answer
2. Организация файлов по каталогам

   Здравствуйте! Есть папка docs (основная папка) в ней лежат все html файлы. Так же в папке docs лежат папки содержащие css, картинки и js скрипты. Но я хочу еще сделать несколько подкаталогов каталог 1 (catalog1) каталог 2 (catalog2) каталог 3 (catalog3) В каталог 1 (catalog1) я хочу положить страницу HTML, но она не "может" определить где лежат файлы CSS и js (которые отвечают за её отображение). Вопрос - как мне нужно прописать путь к этим файлам, что бы страница index1.html смогла бы подхватить все папки и файлы из основного каталога docs? спасибо

   Asked by papaden, December 10, 2015

   0 votes
   15 answers
3. Проблемы с кроссбраузерностью

   Здравствуйте! Помогите, пожалуйста, исправить различные проблемы с кроссбраузерностью. Вот моя работа: http://son.topdetal.com.ua/mobi , в FF работает хорошо. А вот проблемы: 1. В хроме открытие страниц скриптом (здесь и далее под словом страница подразумевается то, что открывается по клику на пункты меню) работает через раз, в сафари скрипт вообще не работает. 2. Кнопка "contact" имеет неустойчивое поведение при :hover. 3. после закрытия страницы она, в закрытом состоянии, теряет свойство display:none; http://prntscr.com/9c7sqf и перекрывает другие элементы. 4. на узком разрешении, когда высота контента больше высоты экрана страница растягивается только на высот…

   Asked by dobro, December 10, 2015

   • кроссбраузерность сафари
   0 votes
   0 answers
4. Проблема с горизонтальным скроллом

   Добрый вечер, уважаемые форумчане! Очень хочется услышать от Вас компетентный совет. Заранее прошу не критиковать меня и не говорить о моих низких моральных качествах) Я сейчас работаю на контору, которая занимается раскруткой адалт-вебсайтов. Мне делегировали исправить косяк с горизонтальным скроллом на одном из топовых веб-сайтов. http://i.shotnes.com/a/10/r0ourtbd.uzj_5669bb5ae83cc.png Скролл появился ниоткуда, получается, что какой-то скрипт делает такую штуку. Он исчезает при зум 75%. В верстке вроде все ок, по крайней мере я не нашла явных косяков, которые могли бы вызвать скролл. Помогите, пожалуйста, разобраться в чем дело. На сайте пф просело на 2% и нача…

   Asked by Orysya, December 10, 2015

   • horizontal scroll
   0 votes
   3 answers
5. увеличения блока при новедений

   Всем привет ! я новичок в этом деле сделал список товаров из блоков ДИФ дал им размер и при методе Ховер сделал так что бы блок на которую наведен курсор стал больше суть проблемы в том что при увлечений блока перемещаются вниз или отодвигает на право рядом стоявший блок помогите решить проблему. как сделать ? или подскажите в какую сторону копать ))) хотел получить такой результат <ul><li><div id="price"><img class="price1" src="price/obuv/789.png" width="250" height="115" alt="Прайс" /></div></li><li><div id="price"><img class="price1" src="price/obuv/789.png" width="250" height="115" alt="Прайс" /></…

   Asked by BaukaKz, December 8, 2015

   • div
   • ul
   • li
   0 votes
   5 answers
6. Отличие отображения вёрстки в iPad и в Сhrome

   Здравствуйте. Не могу понять почему в iPad вёрстка не растягивается по всей ширине экрана, т.е. там есть горизонтальный scroll и за границами этого скролла блоки не растягиваются, а становятся фиксированными. Это лендинг и есть такой вот код: <div class="fullpage"><div class="section" id="section1"></div><div class="section" id="section2"></div><div class="section" id="section3"></div><div class="section" id="section4"></div></div>Так вот, например блок section3 шире, чем другие и из за этого получается горизонтальная прокрутка в iPad'е. На персональных компьютерах такой проблемы нету, т.к. остальные блоки подстр…

   Asked by prowoke, December 10, 2015

   0 votes
   1 answer
7. img

   здравствуйте. Я извиняюсь, вы не могли бы подсказать кое-что? Вот, есть форум: http://forum.playmu.su/ начиная с разрешения 1366 по ширине и выше - все работает отлично. А если ниже - картинку начинает обрезать по краям. Вы не знаете, как это исправить? Нужно, чтобы картинка уменьшалась ( как содержимое сайта ) с уменьшением размера экрана. http://prntscr.com/9cjmjy

   Asked by Xizt, December 10, 2015

   0 votes
   1 answer
8. Ячейки фиксированной таблицу имеют разную ширину в Chrome

   Столкнулся с проблемой создания фиксированной таблицы с одинаковыми ячейками. Создаю таблицу шириной, например 700px и table-layout: fixed; В таблице есть шесть ячеек в рамкой в 1px. На выходе получается три ячейки по 116px и три ячейки по 117px(Google Chrome). В FF и IE все ячейки имеют одинаковую ширину - 116.5px. Есть ли способ создать подобную таблицу, но с одинаковыми ячейками, без использования JS. Пример можно посмотреть тут http://jsfiddle.net/scanwfbr/

   Asked by SergeyAlexeev, December 10, 2015

   • html
   • table
   • css
   0 votes
   4 answers
9. Проблема с событием убирания мышки

   Здравствуйте. Есть некая разметка с множеством одинаковых элементов. При наведении мышки на элемент вызывается скрипт который присваивает элементу CSS класс и перемещает его положение в DOM через appendChild (т. к. речь я веду об SVG, это перемещает его на передний план; в SVG это единственная замена z-index; при том элемент не меняет x и y координат). Когда пользователь убирает мышку с этого элемента, должен вызываться скрипт, удаляющий CSS класс. Этого не происходит. Методом проб и ошибок я понял, что, возможно, проблема в том, что, так как элемент переместился в DOM, браузер забывает о том, что на этом элементе было событие наведения курсора, и, как следствие, не вызыв…

   Asked by Heijey, December 8, 2015

   0 votes
   1 answer
10. Отступы у текста

    У текста есть внутренние отступы, например h1 размером 68px имеет высоту 93px. Как с этим бороться кроме как подбором отступа если хочешь сделать пиксель в пиксель?

    Asked by RaGe2244, December 8, 2015

    • текст
    • отступы
    0 votes
    4 answers
11. проблема с меню, не исчезает

    Всем привет! я тут новенький и уже не знаю куда обратиться, вторые сутки голову ломаю. суть такова, делаю друзьям сайт, натянул шаблон на модх, но вместе со всем и перешла ко мне проблема шаблона с меню. если перейдете по ссылке и выберете чтолибо во вкладке сервис, то меню страницу то новую открое, а вот само меню не исчезнет. Парни кто в css посильнее, помогите разобраться и куда что прописать. [hide]http://exp2.cloud-page.ru/[/hide] исходник давать не буду чтобы не сказали что реклама!

    Asked by zim2slim, December 9, 2015

    0 votes
    3 answers
12. Посещаемость

    Здравствуйте, кто скажет: можно ли посещаемость с сайта перенести на программу на ПК? Можно ли это реализовать через Google Analytics?

    Asked by Mestniy96, December 7, 2015

    0 votes
    10 answers
13. Как сделать блок с бакгроундом адаптивным?

    Приветствую форумчане! У меня такой вопрос: Есть макет, в котором один из блоков требует бэкгроунда картинкой. Проблема в том, что макет PSD фиксированный, а вот вёрстка у меня будет адаптивная. Конечно, картинку просто можно вставить в блок и сделать её адаптивной, но я хочу сделать блок именно с бакгроундом.... Подскажите пожалуйста, можно ли так сделать?

    Asked by tigrus2014, December 8, 2015

    0 votes
    5 answers
14. меню перекрывает заголовки

    Добрый день ! проблема вот в чем при обновлении сайта если кликнуть на меню он переходит на нужный блок но перекрывает заголовок если второй раз нажать то он опускается на своё место http://front-end.hol.es/landing/all/

    Asked by pitbuli, December 8, 2015

    • меню перекрывает заголовки
    0 votes
    2 answers
15. отобразить всплывающюю подсказку справа от селекта

    Всем привет, У меня есть табличка с данными в 4 колонки В некоторых случаях одна колонка широкая и я ее колспаном уcтанавливаю в 3 ячейки. И справа от селекта в этой ячейке хочется отобразить всплывающюю подсказку вроде : <tr> <td style="text-align: right; padding: 1px"> <label for="nsnpas_category_id">Select category: </label> </td> <td colspan="3" style="padding: 1px "> <select class="postform form-control" id="nsnpas_category_id" name="nsnpas_category_id"> <option value="">Select Category</option> …

    Asked by mstdmstd, December 8, 2015

    0 votes
    2 answers
16. Курсор (мигающая вертикальная линия) на элементе

    Здравствуйте! Подскажите, пожалуйста как называется вертикальная мигающая линия (на картинке) и как её убрать Появляется, когда элемент(div) в фокусе, после клика по элементу Лучше сделать элемент не div-ом, a кнопкой?

    Asked by Алёна Стрелкова, July 28, 2015

    • css
    • html
    • курсор
    • cursor
    • каретка
    0 votes
    3 answers
17. Text-align-last

    Здравствуйте. Во первых спасибо Максиму за прекрасную статью про равномерное выравнивание инлайн блоков по горизонтали. Пользуюсь регулярно и мне стыдно что пока не перешел на флексбоксы:-) Проблема возникла около месяца назад при обновлении браузеров. Если стоит text-align-last для ul, то все что есть внутри тоже ровняются последней строкой justify. Теперь приходится указывать для внутренних элементов text-align-last чтобы контент нормально показывал. Раньше обходились только с указыванием text-align для li, теперь не катит такое. Вопрос, отныне так и должно быть? Что произошло с браузерами, они были или стали умнее?:-)

    Asked by Нарек, December 7, 2015

    0 votes
    1 answer
18. Странная ошибка таблицы не могу закрыть body жаль что нет фото !

    CalcJobs Йошкар-Ола Калькулятор услуг и работ /images/icon-calc.pngЙошкар-ОлаСalcJobs.ru  Самые популярные Услуги электрика Услуги сантехника Образовательные услуги Услуги газовщика Услуги автосервиса Монтаж вент. систем, кондиционеров Услуги печника Услуги каменщика Укладчик напольных покрытий Бетонные работы Юридические услуги Услуги плиточника Услуги грузчика Ремонт квартир Услуги кровельщика Услуги штукатуров маляров Услуги гидроизоляцииВСЕ УСЛУГИ Главная Инструкция работы Как работает наш сайт Наш сайт работ…

    Asked by Beluaev007, December 8, 2015

    • Таблица
    0 votes
    2 answers
19. Увеличение img при hover

    Есть вёрстка ( украл сорри ) как заменить тот курсор на тот что появляется при увеличении изображения в lightbox например ? https://jsfiddle.net/atlanta/5usf70kw/

    Asked by ученик, December 7, 2015

    • html css
    0 votes
    5 answers
20. vertical align у inline-block

    <div class="parent"> <div class="helper"></div> <div class="child">TEXT</div></div>.parent { height:100px; width:600px; border:1px solid #ff0000;}.helper { display:inline-block; height:100%; width:1px; background:green;}.child { display:inline-block; vertical-align:middle; border:1px solid #0000ff;}Не могу понять, как работает способ вертикального центрирования. https://jsfiddle.net/mws18yoL/ Если дать элементу .helper vertical-align:middle, то центрируется отлично. Без этого нет. Но ведь должно и без того? Высота строки задана блоком .helper в 100% от родителя. Далее известно следующее - vertical-a…

    Asked by sond1k, December 7, 2015

    0 votes
    15 answers
21. Прижать div к низу блока

    Столкнулся с такой проблемой. Есть двухколоночный макет, слева мне нужно прижать меню к низу блока,но так ,чтобы левый блок оканчивался на одном уровне с правым контентным блоком. Т.е. по сути, как в таблице,если бы ячейке с блоком прописал бы vertical-align:bottom; Высота обеих блоков динамичная. Верстка следующая: <div class="textin"> <div class="left"> <div class="left-in"> Текст </div> <div class="menu-cat"> <a href="" class="cat1">Каталог продукции на сайте</a> <a href="" class="cat2">Наше производство</a> <a href="" class="cat3">Программа подбора оборудования</a&gt…

    Asked by Destroyer, December 7, 2015

    0 votes
    5 answers
22. Помогите сделать макет

    Помогите сделать макет, вот рисунок - http://joxi.ru/E2pOGjIBB7npmY Целый день бьюсь не могу крошки, сайдбар и контент организовать Flexbox-ом (т.к. адаптивный шаблон) всё не встаёт как надо.

    Asked by Nikinik, December 6, 2015

    0 votes
    5 answers
23. Проблема с фоном

    Подскажите, как добавить два фона: цвет и картинка. То есть, при наведении блок затемняется и поверх появляется картинка с лупой. Этот код не срабатывает: a.box:hover { background: rgba(0, 0, 0, 0.7) url(../img/fon.png)no-repeat bottom right;}

    Asked by Fendia, December 7, 2015

    0 votes
    1 answer
24. Почему переход в одном случае работает, а в другом - нет?

    http://jsfiddle.net/Launder/vc73z30v/2/ С 82 строки закомментировано, если снять комментирование переход не работает. С 77 строки полностью аналогичная ситуация и всё работает. Почему такое странное поведение? Как сделать чтоб оба перехода заработали? Спасибо! если кому нужно - код выложу сюда.

    Asked by Launder, November 25, 2015

    • transition
    • opacity
    • visibility
    0 votes
    5 answers
25. Помогите найти ответы в тесте по коду! (Вознаграждение)

    Ситуация следующая, в университете необходимо проходит тест за компьютером кто может подсказать где прописаны ответы? прикладываю код страницы и примерное фото. Помощь за вознаграждение!

    Asked by Lfyz-t34, December 2, 2015

    0 votes
    5 answers