HTML Coding

29,542 questions in this forum

1. как сделать линию из середины блока в пол?

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

   Asked by Floyd, August 8, 2014

   0 votes
   3 answers
2. Как сделать смену языка на сайте без перезагрузки страницы

   Хотел бы сделать смену языка с помощью 2 флажков английского и русского, хотелось бы это сделать на html и css, без подключения каких либо модулей, дайте мудрый совет как лучше это сделать.

   Asked by plower96, August 10, 2014

   0 votes
   3 answers
3. Вымещение контейнера во внутрь слайдера.

   День добрый. Дайте совет, как можно вложить div, с текстом, в слайдер в котором прописаны стили для background, которые сжимают его, по мере разрешения экрана. Текст вылазит из-за position: absolute и bottom:40px http://hotels.fatrabbit.ru/

   Asked by Omega24v, August 11, 2014

   • слайдер
   • css
   • html
   0 votes
   3 answers
4. Дайте совет как реализовать подобный элемент.

   Здравствуйте! Точки должны плавно менять цвет на красный с левого края двигая вправо. И это должно быть резиновым. Без резины как реализовать есть идеи, но иначе нет. Да и в макете оно шириной 1600pх.

   Asked by Vicos, August 15, 2014

   • Резина
   • Динамичный эффект
   0 votes
   3 answers
5. Выпадающего меню с display:table-cell и position: absolute;

   Здравствуйте! Проблемы нет, но это мне и кажется подозрительным Сверстано меню с применением display:table; и display:table-cell; http://jsfiddle.net/SvetaGr/jf2rvkon/ Затем решили добавить выпадающее меню. По идее, должна была возникнуть проблема с позиционированием элемента с position:absolute; внутри ячейки - так было раньше. Для решения нужно было обернуть в дополнительный <div> позиционируемое содержимое. А сейчас, протестировав в актуальных версиях, такой проблемы не возникло. Странно.Почему так? Не хотелось бы, чтобы эта проблема где-то вылезла неожиданно.

   Asked by Светлана Г., August 15, 2014

   • display:table-cell
   • position: absolute;
   0 votes
   3 answers
6. CSS animation и transition на одном элементе. Баг (?) в FF.

   В общем интересная штука нарисовалась. Вот пример. Есть элемент, который в процессе работы сайта неким образом перемещается, для его плавного перемещения используется свойство transition: transform; Именно transform т.к. оно не вызвыает repaint и reflow. Так же при загрузке страницы этот элемент должен выезжать. Для этого используется свойство animation, в @keyframes которой свойство transform изменяется from -100% to 0. По идее при загрузке страницы animation должна запуститься, отработать независимо от заданного свойства transition, а уже потом в процесе работы сайта, когда элементу назначается какой-то класс изменяющий свойство transform, элемент должен перемещатьс…

   Asked by ows.nightwolf, August 15, 2014

   • Анимация animation transition
   0 votes
   3 answers
7. Углы блока

   Скажите пожалуйста, можно ли сделать вот такие уголки у блока(беленькие которые) не используя дополнительных блоков поверх основного? http://youpic.su/pictures/1408132800/33efef60cd204d56fe44795e32cd1d94.png

   Asked by Serafim1991, August 16, 2014

   0 votes
   3 answers
8. Круглая рамка с несколькими цветами (процентное заполнение)

   Помогите пожалуйста сверстать вот такую рамку)

   Asked by L1m0n, August 16, 2014

   • css
   0 votes
   3 answers
9. Скрепит картинки

   Здравствуйте. Есть такой код: <a href="#" onclick="document.getElementById('id').style.display='block'; return false;">Кнопка</a><div style="position: absolute;top: 340px;left: 50px; display: none;" id="id"> <img src="images/img.png" class="drag"><a href="#" onclick="document.getElementById('id').style.display='none'; return false;"> <img src="images/hide.png"></a></div> При нажатии на кнопку, появляется картинка img.png, после нажатия на hide.png, она скрывается. Картинку img.png можно перемещать на странице, я бы хотел, чтобы img.png и кнопка "Скрыть" (images/hide.png) перемещались вместе, т.е .как-то скрепились. …

   Asked by Bigeniad, August 20, 2014

   • перемещение скрепить
   0 votes
   3 answers
10. Анимация чисел

    Здравствуйте! Подскажите пожалуйста, как реализовать быструю прокрутку чисел от 0 до 100 например. Можно это сделать на css3 или jquery, может уже есть готовый плагин?

    Asked by coolhtml, August 20, 2014

    • css3
    • animate
    0 votes
    3 answers
11. before для first-child

    добрый вечер, можно ли для первого элемента задать before ну например так. + 38 067 55 55 5 38 067 55 55 5 38 067 55 55 5 так что бы плюс отображался у первого элемента! span:first-child :befor{content:"+";} Спасибо.

    Asked by mrfrunze, August 20, 2014

    • css before
    0 votes
    3 answers
12. меню под углом но буквы вертикально

    Добрый всем день. Вот такое меню есть идеи кроме сделать картинками или transform:rotate ?

    Asked by Dioni$$, September 1, 2014

    0 votes
    3 answers
13. Как тектовому инпуту и текстареа выставить ширину пропоционально родительскому div-у

    Всем привет, подскажите пожалуйста есть форма(div) в классе которой прописана ширина "75%" На форме есть тектовый инпут и текстареа ширину котрых нужно выставить в 90% от этого окна. Если этому тектовому инпуту и текстареа выставить style=" width: 90%", это не работает. Если написать style=" width: 700;" - это работает на моем компе но на мониторах с разным разрешением будет выглядеть иначе. Как это лучше сделать? Форму контейнер менять не хочется - тоогда вся верстка полетит - верстка там не моя Я пхп-разработчик в тонкостях html-я не силен.

    Asked by mstdmstd, August 22, 2014

    0 votes
    3 answers
14. Как перекрасить scroll?

    Подскажите, как перекрасить scroll?

    Asked by studio_solutions, August 27, 2014

    • Как перекрасить scroll?
    • scroll
    • css3
    • css
    • в другой цвет перекрасить scr
    0 votes
    3 answers
15. Подменю

    Здравствуйте. проблема такова: Необходимо что-бы пункты подменю выравнивались по горизонтали (в одну строчку что-бы были все). Ставлю элементам float: left; но каждый элемент на новой строке все равно. 0_о При чем такое поведение только если у блока подменю position: absolute; , а нужен именно absolute, т.к. должен быть dropdown http://jsfiddle.net/yo333fo9/

    Asked by betmakh, August 27, 2014

    • float absolute
    0 votes
    3 answers
16. прыгает меню при нажатии помогите

    Приветствую при нажатии на ссылку в меню все ссылки которые там находятся прыгают вверх, потом возвращаются назад смотрится некрасиво ( _polukred.ru вот сайт, на верхнем меню не прыгает только при нажатии на Главная, остальные все нажимаешь - прыгают как исправить не пойму, по моему на всем сайте что то не так с ссылками подскажите что не так в ксс и как поправить ?

    Asked by aeneas, August 27, 2014

    0 votes
    3 answers
17. z-index + hover и змечательный IE8

    Здравствуйте! Есть блок, в котором находится фоновая картинка(фоновую картинку вставил с помощью img, так как надо, что бы высота блока регулировалась по её пропорциям, если можно это сделать через backgound - буду ооочень благодарен, когда поделитесь методом, как это делается). Картинка спозиционирована relative и z-index: 1; Так же в блоке есть множество элементов с классом .m-pointer, которые принимают position:absolute, z-index:999. Проблема в работе псведокласса hover в ie8. Элементы .m-pointer визуально находятся сверху над главной фоновой картинкой, НО hover в ie8 не работает. Подскажите, как решить эту проблему.. Бьюсь уже несколько часов. .............. <…

    Asked by gekas, August 27, 2014

    • ie8
    0 votes
    3 answers
18. svg alignment-baseline

    Здравствуйте. занимаюсь освоением svg. Для позиционирования текста использую верхнюю грань, чтобы было удобно выровнять bounding box относительно других элементов. Чтобы выравнивание происходило по верхней грани текста я задаю тегу tspan параметр alignment-baseline со значением before-edge, после чего почему-то лишаюсь кросс-браузерности. На примере видно, что в хроме слово not опустилось вниз, сровняв свою верхнюю границу bounding box-а с базовой линией элемента text, в то время как в фаерфоксе мы видим аккуратную строку без каких-либо сдвигов. Как исправить ситуацию и добится того, чтобы во всех браузерах позиционирование текста происходило так же как в хроме? В соответ…

    Asked by CEBEP, August 27, 2014

    0 votes
    3 answers
19. Ошибка downloadable font: incorrect file size in WOFF header

    Всем привет, Я пытаюсь в свою админку прикрутить "Metis Bootstrap Admin Template" темплейт и столкулся с тем что некоторые картинки в моих страницах не отображаются Например элемент с классом fa-calendar и в css-файле я нахожу определение .fa-calendar:before { content: "\f073";}В консоле браузера есть ошибка downloadable font: incorrect file size in WOFF header (font-family: "FontAwesome" style:normal weight:normal stretch:normal src index:1)source: http://local-ci22.com/images/assets/metis/lib/font-awesome/fonts/fontawesome-webfont.woff?v=4.1.0По ссылке выше файл fontawesome-webfont.woff скачивается. Как можно исправить эту ошибку?

    Asked by mstdmstd, August 28, 2014

    0 votes
    3 answers
20. Отредактировать стили оформления текста в стороннем приложении WizNote

    Для начала вступление: WizNote - это сервис мульплатформенных заметок, копия известного Evernote https://evernote.com/intl/ru/, но с доступными оффлайн базами данных на мобильных устройствах и некоторым другим интересным функционалом. Подробнее здесь http://4pda.ru/forum/index.php?s=&showtopic=415318&view=findpost&p=33841551 Особенностью клиента WizNote под Windows (под другие платформы наверное тоже) является открытая и простая архитектура программы: заметки это заархивированные html странички, программа основана на движке браузера (возможно Chromium), а значительная часть функционала реализована плагинами с помощью JS, CSS и т.п. Задача: Отредактировать…

    Asked by Kostenelo, August 28, 2014

    • css
    • js
    • WizNote
    0 votes
    3 answers
21. Проблема с растягиванием div по вертикали

    Добрый день всем! Пытаюсь сделать для своей фирмы сайт на bootstrap 3, но столкнулся с проблемой, которая уже обсуждалась на данном форуме, но решение мне не помогло. Дело вот в чем. Макет состоит из 2 колонок: в левой навигация, в правой - контент, причем все это на фреймворке Bootstrap 3. Задача - сделать левую колонку резиновой по вертикали ,чтобы красный фон в нижнем div заполнял страницу до нижнего края браузера. Сейчас же при сжатии окна браузера по вертикали и при прокрутке в этом виде вниз, div улетает вверх и не растягивается. Видел решение с margin-bottom и padding-bottom, но либо я не туда задаю эти стили, либо в bootstrap надо другое решение. Вот код: http:/…

    Asked by Winternight, August 29, 2014

    • div растягивание вертикали
    0 votes
    3 answers
22. Как в XML файл вставить другой XML файл ?

    С помощью какой или каких команд XML можно вставить в файл XML содержимое другого файла XML ?

    Asked by itwoker5, September 2, 2014

    0 votes
    3 answers
23. Позиционирование бэкграунда

    Всем привет. Второй день мучаюсь, не могу додумать как реализовать следующее: Враппер шириной 960 пикселей, но в одном блоке картинки выходят за враппер слева и справа. Они должны быть всегда на одном месте относительно контента, горизонтальный скрол должен появляться только при 960 пикселей. Вставляя картинку либо бэкграундом, либо просто картинкой с абсолютном позиционированием горизонтальный скрол появляется при ширине картинки, либо контент плавает относительно бэкграунда. Вот пример: http://kublyakov.github.io/ Нужно что бы текст всегда был на одном месте, относительно бэкграунда и горизонтальный скрол появлялся только при ширине врапера. Вчера кучу всего перепробов…

    Asked by Kublyakov, September 3, 2014

    0 votes
    3 answers
24. IE9. Панель поиска и радиент

    Всем доброго времени суток! Сверстал страницу интернет магазина. Но, в IE9 жутко отображается панель поиска и не показывает градиент.

    Asked by Arthur, September 5, 2014

    0 votes
    3 answers
25. Размеры скролла

    Добрый день подскажите, как изменить размеры вертикального скролла методом css, а именно его длину! http://jsfiddle.net/4bsjouqq/1/ Спасибо.

    Asked by mrfrunze, September 10, 2014

    • css
    0 votes
    3 answers