HTML Coding

29,542 questions in this forum

1. Поменять местами блоки <div> с помощью CSS

   Извините, если создавали уже такие темы, но не нашел их здесь. Собственно есть два блока див. Допустим <div>первый блок</div> <div>второй блок</div>. Как с помощью CSS можно поменять местами, чтобы первый второй блок был ВЫШЕ первого. Передвижение в пиксилях с помощью позиционирования сразу говорю не подходит, ибо контент блоков будет за частью меняться.

   Asked by pashkje, October 26, 2012

   0 votes
   13 answers
2. Помогите чайнику

   Я создал свой первый сайт с нуля, но когда стал заливать на бесплатный хостинг понял, что слишком много файлов html. Посмотрите пожалуйста и скажите что делать(с пк у себя запускаю, всё оки). Приложу скрин и ссылку на скачивание архива с сайтом CSS присуствует (Если написал не в тот раздел прошу прощения, ибо не знал куда написать). http://rghost.ru/6J4pMM7rx- ссылка на скачивание архива. Может проверить на dr.web Вирусов не имеется.

   Asked by Croco_Loco, February 5, 2016

   0 votes
   3 answers
3. Сайт отображается некорректно при большом разрешении экрана.

   Работаю над первым своим сайтом и столкнулся с такой проблемой - при разрешении свыше 1366х768 сайт отображается некорректно (съезжает влево). Сайт - betonzavod-spekt.ru Буду благодарен, если кто-нибудь подскажет, как это исправить.

   Asked by SerAleksey, February 4, 2016

   • верстка
   0 votes
   2 answers
4. Не открывает сайт в Chrome

   Здравствуйте. Сегодня заметил что Chrome не подгружает стиля сайта, в Firefox все работает, чему может быть причина ? В консоли ошибок нету http://omega24v.esy.es

   Asked by Omega24v, February 4, 2016

   0 votes
   3 answers
5. Вёрстка паджинатора с переменным количеством страниц

   Привет. В общем столкнулся с задачей от дизайнера, которую вообще не понимаю как решить. Необходимо запилить паджинатор (то есть постраничную навигацию) Вот условия: 1. Страница резиновая. Немного упрощает жизнь то, что она не полностью резиновая, а от 1000 до 1300, но ширина переменная. 2. Ссылочек надо показать столько, сколько влезает на отведённое место, которое резиновое. 3. Если не выводится первая или последняя страница, то активная страница должна быть по центру, а справа и слева должны быть многоточия. 4. Если показывается первая или последняя страница, то точки только с одной стороны. Прилагаю скриншот. http://borber.ru/htmlbook/paginator.png У кого есть какие у…

   Asked by Veseloff, February 4, 2016

   0 votes
   9 answers
6. Центрирование блоков, исключая последней строки

   У меня контент состоит из квадратных блоков фиксированных размеров. Нужно сделать адаптивный дизайн, так чтобы блоки размещались построчно. При этом они должны быть по центру экрана по ширине. Я сделал так: https://jsfiddle.net/t3mbvvbo/ Но в последнем ряду, если блоков не хватает до ширины экрана, они также по центру. А нужно, чтобы они были по левому краю. Как это сделать?

   Asked by PavelTkachev, February 3, 2016

   0 votes
   3 answers
7. Запуск анимации при прокрутке страници

   Подсобите ребята! Имеется анмированные стили, запускается так: <div class="fadeIn"><!-- подключение стиля анимации для логотипа --><img src="images/logo-big.png" width="80%" alt=""></div>Все работает на ура но при загрузке странице, но вот дело какое, хотелось бы прикрутить скриптик который бы запускал, анимацию при достижения прокрутки определенного расстояния. Желательно еще один скрипт на все анимации на странице что бы там и растояние срабатывания разное было. Заранее благодарю!

   Asked by Seregka174, February 4, 2016

   • анимация прокрутка
   0 votes
   1 answer
8. Позиция

   Форумчане привет, помогите спозиционировать картинку. Картинка относительно текста должна быть наверху https://jsfiddle.net/oc7qxgqd/ Спасибо)

   Asked by Vans, February 3, 2016

   0 votes
   2 answers
9. Ромбовидная галерея

   Здравствуйте. Кто то сталкивался с подобного рода галереей? -- Пробовал сделать сам, но не получается сделать нижний отступ последующего ряда ромбов. Нашел решение http://mqchen.github.io/jquery.diamonds.js/, но как я понял, там можно сделать или рамку без отступов, или отступ без рамки. Если кто то сталкивался с подобной проблемой и может помочь, буду благодарен

   Asked by Temiks, February 2, 2016

   0 votes
   1 answer
10. Всплывающий попап

    Добрый вечер! Подскажите пожалуйста, как мне сделать всплывающий попап, активируемый щелчком по ссылке <a class="clickMe" href="#"><img src="gf-1.png"></a><div style="opacity: 1; visibility: visible;" class="popup"><div class="close_order">X</div>

    Asked by Grimnir69, January 31, 2016

    0 votes
    11 answers
11. Отображение swipe меню

    Пишу сайт с планшета, тем самым не имею возможности 'проинспектировать элемент'. Проблема следующего характера: http://kfb7900.bget.ru Сверстал свайп-меню, вверху (header) появилась полоса (блок), если открыть меню, полоса исчезает, при закрытии вновь появляется У кого какие соображения?

    Asked by DimmoS, February 1, 2016

    0 votes
    3 answers
12. svg преобразование системы координат

    Приветствую всех! Eсть проблема. Когда задаешь svg свойство transform="rotate, scale, .....", это свойство создаёт новую действующую систему координат SVG-элемента. Расскажите, как вы с этим боретесь и боретесь ли вообще. Для иллюстрации . В примере когда применяется hover, кружок улетает, как сделать так что бы он остался на месте и просто повернулся на 45deg

    Asked by vaskes, February 2, 2016

    • svg
    • transform
    0 votes
    1 answer
13. как выровнять по цетру? position:fixed, ширина не известна

    http://plnkr.co/edit/ApYLHrwPvaYVGsZ8Arqq подскажите пожалуйста, как выровнять при помощи CSS $element (у которого на 41й строке задается класс common_dialog), как избавиться от 44й строчки?

    Asked by FeelUs, February 3, 2016

    • по центру ширина не известна
    0 votes
    1 answer
14. Псевдокласс :hover

    Всем добрый день! В общем, у меня при наведении на элемент списка, появляется скрытый элемент - другой список, через псевдокласс :hover, но при отводе курсора элемент естественно снова скрывается. Подскажите, пожалуйста, возможно ли через css без js реализовать так, что бы скрытый элемент не исчезал при отводе курсора. То есть показался и остался на месте, а скрылся только при наведении на другой элемент. Спасибо.

    Asked by dnnsus, January 27, 2016

    0 votes
    19 answers
15. Многоколоночный вывод контента

    Есть задача - организовать многоколоночный вывод контента на страницу. Контент - условно посты в блоге. У постов, естественно, различные: - изображения ( thumbnail'ы ) - количество символов в заголовке Дополнительное условие - работает AJAX-подгрузка постов. Первая мысль - сделать на masonry.js - сразу-же сложности: - масонри необходимо повторно инициализировать для контейнера - масонри перестраивает посты в одному богу известном порядке Мысль вторая - флексбокс (сейчас буду ее тестить, если кто-то сейчас предложит решение или направит в нужную сторону будет круто, если нет - обновлю топик) Мысль третья - column-count - но он у нас выводит элементы сначала заполняя 1-…

    Asked by funnywheel, February 2, 2016

    0 votes
    0 answers
16. кривое меню

    Парни,помогите выровнять меню,что б все было в одну строчку,и перенеслось.вот криво сайт http://chobd.esy.es/ Вот так должно быть http://hostingkartinok.com/show-image.php?id=bd6a438d718451850ec7008478f8a60d

    Asked by vitaxastifler, February 2, 2016

    0 votes
    3 answers
17. Как правильно создавать адаптивную карту изображения?

    Столкнулся с довольно простой задачей. Есть картинка с планом здания, там есть комнаты, они не все квадратные, некоторые неправильной формы. Соответственно нужно при наведение на некоторую комнату затенить область. На выбор были Canvas, SVG и Map, я решил использовать SVG. Все оказалось весьма просто, нарисовать через path комнаты, добавить на :hover затенение и отлично, однако возникла проблема. Стало необходимо ресайзить SVG не только с нарисованными областями, но и с картинкой на background. Вот пример http://codepen.io/anon/pen/WvXqOd

    Asked by CAMOKPYT, June 25, 2015

    • svg
    • canvas
    • map
    • img
    0 votes
    7 answers
18. Директория как поддомен

    Здравствуйте, прошу Вашей помощи вот по такому вопросу... Вот Вы 100% видели на различных конструкторах сайтов или на различных сервисах где можно побыренькому сварганить себе какой-либо форум, там при регистрации есть такая вещь что человек вводит адрес для своей будущей площадки и выбирает из списка домен второго уровня, в котором его площадка станет третьи уровнем. У некоторых вообще отсутствует такой выбор и все регистрируются под основной домен конкретного сервиса. Собственно вопрос... Как такое возможно реализовать? Способов конечно несколько и я уже просто устал читать древние топики на различных форумах по этой теме. У меня нет собственно сервера и править кон…

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

    • директория
    • поддомен
    0 votes
    9 answers
19. Перенос строки в меню

    Мужики,выручайте,нужно сделать перенос строки в меню,что то у меня не получается( Вот сайт http://chobd.esy.es/ Вот как должно быть

    Asked by vitaxastifler, February 2, 2016

    0 votes
    4 answers
20. Блок Обратная связь

    на сайте есть готовое решение http://htmlbook.ru/practical/obratnaya-svyaz все работает но как сделать что бы выезжала не слева, а справа??

    Asked by galsik2009, January 27, 2016

    • htmt css
    0 votes
    8 answers
21. Непонятный баг с версткой

    http://doctor.tbwebl60.bget.ru/При первой загрузке страницы верхнее меню съезжает, после обновления страницы или клики на пункт меню - все нормально, такая же проблема и в разделе "Каталог продукции" с боковым меню. До этого все нормально было, стили не трогал. В чем проблема? Сайт на modx, кэш чистил.

    Asked by askoban, February 2, 2016

    0 votes
    0 answers
22. Не могу убрать отступ снизу

    Как видно, внизу граница (тень) отступает от элемента, хотя padding задан одинаковый со всех сторон. Не могу разобраться, почему. http://jakeweb.cc.ua/test/

    Asked by WhatIsHTML, February 1, 2016

    0 votes
    6 answers
23. Непонятный баг с версткой

    Здравствуйте. Столкнулся с такой проблемой, хотя до этого ее не наблюдал и все было нормально. http://doctor.tbwebl60.bget.ru/При переходе на сайт, верхняя менюшка сползает, но при обновлении страницы или клике по меню, все становится как и должно быть. Такая же проблема и на странице "Каталог продукции", съезжает левое меню. В чем может быть причина? Сайт на modx, кэш чистил.

    Asked by askoban, February 2, 2016

    0 votes
    0 answers
24. Верстка div-ми. Как быть с подвалом?

    Есть такая проблема. Есть страничка в ней одна колонка (div). Как сделать так чтобы в случае не полной заполнености колонки, низ ее был в самом низу окна браузера, но в случае добавления материала низ опускался ну и соотвественно в браузере появляется вертикальный скрол. Буду очень презнателен если подскажите или дадите сылки на материал. На каком ресурсе можна посмотреть варианты верстки в одну, две, три колонки, с подвалом и тд.

    Asked by kozakmamai, October 5, 2007

    0 votes
    53 answers
25. Обтекание картинки текстом

    Понемногу изучая html наткнулся на вот эту уже старенькую статью http://rmcreative.ru/blog/post/slozhnoe-obtekanie-tekstom вот тут подобное задание, http://www.artlebedev.ru/job/might-be-hard/ решил ради интереса повторить, вышло вот такое: http://codepen.io/anon/pen/eJKKbb у но я не могу понять как сделать обтекание со второй стороны, как в случае с яблоком, ведь float left будет прижиматься к правому краю, предполагаю что решение может быть тут: https://css-tricks.com/snippets/css/a-guide-to-flexbox но с английским не идеально, и пока что статью не осилил ..

    Asked by zboomer, February 1, 2016

    0 votes
    1 answer