HTML Coding

29,542 questions in this forum

1. Чтоб один див перекрывал другой

   Здравствуйте. Я тут с хедером мучаюсь. http://jsbin.com/osiqimI/1/edit?html,css,output В верхней части див с фоном. Его частично перекрывает див из нижней части(в желтой рамке), в котором содержится лого и текст. Лого и текст получаются на фоне. В нижнем диве есть еще один(красная рамка), он непрозрачный и немного тоже перекрывает фон. На примере все расположено правильно, но мне нужно убрать: .header_content{position: absolute;}Как сделать так, чтоб все было так же само расположено, но без абсолютного позиционирования, ато при увеличении страницы начинает происходить жесть.

   Asked by Floater, January 2, 2014

   0 votes
   3 answers
2. Jquery Всплывающее окно с затемнением фона.

   Помогите интегрировать на сайт Jquery всплывающее окно с затемнением фона, планируется использовать его для формы обратной связи. За помощь кину 200 рублей на телефон!

   Asked by Roman--1, January 7, 2014

   0 votes
   2 answers
3. Как title, только с дивом. Как сделать, чтобы выходило рандомно?

   http://codepen.io/anon/pen/tFqwE# как сделать, чтобы не было всегда справа? а рандомно отображало. Ставил, чтобы показывало только с одной страны и не думал о последствиях. Теперь хз как сделать чтобы показывало случайно. Нужны скрипты? Код начинается отсюда: .infoMain:hover .TitleMain{} Тест: feniks000.myjino.ru Пример брал с мегого :megogo.net/ru

   Asked by Guest Feniks000, January 14, 2014

   • title
   0 votes
   7 answers
4. Notepad ++ и "ЖИВОЙ ПРОСМОТР"

   Для начала думаю лучше бы добавить официальное видео(правда другой программы!): http://youtu.be/rvo3Mv1Z4qU?t=2m47s А вот и сам вопрос-МОЖНО ЛИ ОРГАНИЗОВАТЬ ТАКОЙ ЖЕ "ЖИВОЙ ПРОСМОТР" И В NOTEPADе?! Если знаете аналоги Brackets,напишите пожалуйста(нужна программа с просмотром изменений в реальном времени!).

   Asked by SKSKSS2013, January 3, 2014

   • Notepad ++
   0 votes
   5 answers
5. Выпадающее меню

   Добрый день. Помогите решить такую проблему. В html сделал выпадающее меню с выбором. Дальше хочу сделать так, что бы строки в этот список подтягивались из текстового документа или таблицы эксель. И при выборе этих строк под ними формировалась цена. Например: первое выпадающее меню выбираю что то 1 по цене 100, второе - по цене 50, третье-200, а в низу под ними написано ИТОГО 350. В текстовом документе будет 2 или 3 столбца (код, название и цена)

   Asked by mohack, January 3, 2014

   0 votes
   2 answers
6. Этот хитрый skew

   Хочу сделать кнопку со скошенными сторонами. Казалось бы, .knopa { ​transform: skew(15deg);}идеально подходит для этого. Но...вместе со сторонами скашивается и сам текст кнопки, что, в общем-то, логично, но это не то, что мне нужно. Единственное, что приходит в голову - это сделать элемент-обертку для текста внутри кнопки и ему задать противположный skew, т.е. на -15deg, что бы уравновесить скос для текста. Но мне не нравится идея создавать лишний элемент каждый раз, когда нужно сделать скошеный элемент с нескошеным контентом. Что можете посоветовать? SVG? Или может в спецификации css уже есть модуль, для создания элементов любых (хотя бы, остроконечных) форм?

   Asked by Evkaky, January 3, 2014

   0 votes
   3 answers
7. Как сделать width 80% - 200px

   Здравствуйте. Подскажите, как сделать ширину блока или поля input да и вообще чего угодо, чтобы было 80% -200px Например ширина родителя 1000 пикселей, значит ширина должа быть 800-200 = 600 пикселей.

   Asked by sss2019, January 3, 2014

   0 votes
   2 answers
8. position:absolute;

   Я так понял, когда указываешь position:absolute; для дива или для параграфа, вся рамка, независимо , где она была, поднимается вверх и прижимается к левому углу, а потом указываешь офсет, куда ей надо двигаться. Я правильно понял???

   Asked by DivMan, January 3, 2014

   0 votes
   2 answers
9. Линия с прозрачными краями (затухание)

   Вопрос, как лучше сделать линию ?

   Asked by webdrafting, January 3, 2014

   0 votes
   5 answers
10. Помощь по навигации по сайту

    Помогите пожалуйста, в чем суть проблемы, нужен отступ у моего меню у первого элемента справа 18пх и слева 19пх, у всех остальных элементов справа 39пх. и у последнего справа 17пх. Я знаю про last-child и first-child но почемуто указывая это в свойствах css у меня меняется для всех элементов. Почему? http://rghost.ru/51379805 Ссылка на сайт!

    Asked by oleg126, January 3, 2014

    • сайт
    • помощь
    • навигация
    0 votes
    5 answers
11. absolute в relative проблема блока с высотой

    Приветствую, возникла проблема, пока не знаю как решить, на сайте имеется меню, которое шириной больше чем колонка в которой оно находится, в связи с этим было применено свойство position:absolute, но когда мы выводим еще один блок под этим меню, то он встает наверх незамечая нашего меню, хотя там стоит position:relative; почему то высота контейнера moduletablecompany никак не определяется, а виден только отступ сверху в 40 пикселей. Прошу помочь Html код блока: <div class="moduletablecompany"><! -- стиль div-а margin-top: 40px;position: relative;--><div class="moduleinnercompany"><! -- стиль div-а left: -3px;position: absolute;top: 0;--><ul …

    Asked by TommyDBrown, January 3, 2014

    • html
    • css
    0 votes
    12 answers
12. float: left; width: 100%; v2

    Дорогие форумчане. Из наболевшего. Когда ставишь блоки с float, указываешь width: 100%; и padding, то блок вылазит за границы документа и приходится что-то химичить. Если убрать float, все становится в порядке. Указываю пример, но я вроде не должен этого делать, пока ребята не запустят проект. wingwork.ru - типичный пример описанного. Раньше костыли делал через JS и почти точно это не по христиански совсем. Подскажите, как работать с такими ситуациями. Очень хочется избавиться от этого костыля.

    Asked by html_do_man, January 3, 2014

    0 votes
    5 answers
13. Про svg и css

    Может я что-то не так понял, но похоже, к инлайновым svg-элементам нельзя применять обычные цсс-стили (отступы, позиционирование, картинку на фон итд), точнее можно, но они не работают. Как тогда ровнять/позиционировать инлайновые svg-элементы?

    Asked by Evkaky, January 9, 2014

    0 votes
    3 answers
14. выровнять сайт под моб. браузер

    Здравствуйте, подскажите пж инет магазин на ocstore в браузерах на пк сайт центрирован, а на мобильных и планшета в браузере chrome сайт прижат к левому краю как выровнять сайт на мобильных браузерах по центру?

    Asked by Rubik, January 3, 2014

    0 votes
    1 answer
15. Активировать контент под iframe jv

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

    Asked by quZz, January 4, 2014

    • iframe
    0 votes
    4 answers
16. А почему блоки накладываються?

    Привет, всем! Почему при смене масштаба в браузере, блоки в которых текст перемешиваються а строка поиск вообще вылазит за пределы? Как такого избегать? Скрины до и после изменения масштаба выложил. Подскажите, пожалуйста! Я обычно создаю один большой блок как обёртка и в него все вкладываю. В данном случае это container. Вот так я этот писал: #container { margin: 0; padding: 0; } body { background: url(img02.jpg) repeat-x;} #header { clear:both; height:120px; text-align:center; font-size:25px; font-weight:bold; padding-top: 50px;}#content { margin-left:35%; float:left; width: 20%; height: 150px; padding:5px;}Скрины до и после:

    Asked by Kiba89, January 4, 2014

    0 votes
    2 answers
17. Привязка background image к головному div сайта

    Есть код body{ font: normal 85% Monotype Corsiva,"Times New Roman",Times,serif; color: #FFF; background: url(../images/romeo.png) no-repeat, #480000 url(../images/jul.png) no-repeat 100% 0; background-attachment: fixed;}Но изображения должни бить побокам сайта - а если екран 19-ка или менше то они получаються под сайтом - как можна ето исправить?

    Asked by kashmir, January 6, 2014

    • div background
    0 votes
    3 answers
18. Проблема. Выпадающее меню.

    Здравствуйте! Вопрос/скриншот во вложении. Адрес страницы: myaso.ko25.ru Всем спасибо заранее.

    Asked by o1eg, January 6, 2014

    0 votes
    4 answers
19. Не успевает отработать $(document).ready(function(){

    Задача: сделать div который будет растягиваться по высоте - по размеру картинки. А при нажатии на кнопку - показывать всё содержимое. При первой загрузке страницы не успевает отработать $(document).ready(function(){ и div становится меньше, чем нужно. При обновлении страницы - все хорошо, так как картинка уже в кеше. Прогоняю в песочнице - все работает отлично. http://cssdeck.com/labs/full/ylisuscd Итак вопрос, или я не правильно понимаю, как работает $(document).ready(function(){ или что-то тут не так. Буду благодарен за помощь.

    Asked by lersen, January 6, 2014

    0 votes
    2 answers
20. button before absolute

    ие8 не понимает :before с позицией absolute у тега button. Есть варианты?

    Asked by Zverushka, January 6, 2014

    0 votes
    8 answers
21. Как-будто криво подсвечивается submit

    http://zverushka.zz.mu/killme/ В сафари если наводить мышкой на кнопку "заказать консульацию" - то кнопка по центру будто бы имеет другой цвет, а уши (по бокам) имеют отличающийся цвет - по крайней мере это я вижу в браузерстаке. Возможно просто плохая передача изображения?

    Asked by Zverushka, January 6, 2014

    0 votes
    0 answers
22. спрайты и артефакты при уменьшенном размере

    http://zverushka.zz.mu/killme/ Вылазят артефактики и белые линии на красных кнопках при уменьшенных размерах. Что же делать?

    Asked by Zverushka, January 6, 2014

    0 votes
    13 answers
23. Не отображается фон/беграунд

    Добрый день. Пытаюсь создать сайт по шаблону, с помощью видео уроков. Все делаю точно по уроку. На определенном этапе под шапкой у меня не появляется фон как у роке (белый) или картинка(беграунд) Код HTML Код CSS Результат который у меня получился http://clip2net.com/s/6vtS8X Результат который я вижу в уроке http://clip2net.com/s/6vtTHz

    Asked by garmoni, January 6, 2014

    0 votes
    7 answers
24. Таблицы: непонятные отступы

    В общем, взял для тренировки на этом форуме один макет. Начал делать. Я большой любитель верстать таблицами. Знаю, что это плохо, но все равно это удобнее. И, как видно на картинке, логотип приклеен к верху без промежутка. А у меня, хотя я не делал никаких отступов и, наоборот, делал margin, padding, border равными нулю, между логотипом и верхом страницы есть промежуток в 1 пиксель. При чем во всех браузерах. Посмотрел через Firebug, table с body без промежутка, а вот table с tbody с промежутком в 1 пиксель, как будто у table padding: 1px. И padding: 0 не помогает. Скриншот и архив. P.S. Только давайте без "верстай через div"

    Asked by iKNG, January 6, 2014

    0 votes
    4 answers
25. Шаблонизация Html5

    Всем привет! Делаю сайт у себя на локалке, верстаю в 5 html. страниц море, но все они состоят из повторяющихся блоков. Вопрос как мне не делать море страниц а попросту инклудить блоки? Что то типа php'эшного include 'file.html'; только html'овский. Делал через тег object дак на него стили не действуют(которые прописаны в главном html'овском файле).

    Asked by кирюха=), January 6, 2014

    0 votes
    2 answers