HTML Coding

29,542 questions in this forum

1. Как растянуть сайт, со всем содержимым

   Вот сайт pechati89. как мне его сделать пошире? и грамотно сдвинуть сайдбар и контент? /* LAYOUT */ body { background: #FEFEFE; } #wrapper { background: url(images/wrapper-bg.jpg) center top no-repeat; } #container { width:1200px; margin:40px; } #contentwrap { background: #FFFFFF; } a { color: #000000; text-decoration: underline; } a:hover { color: #CF81A4; text-decoration: none; /* CONTENT */ #content { padding: 15px 5px 15px 0; color: #504D4D; } pre { overflow: hidden; width: 470px; } .post { padding:10px 0 10px 0; margin-bottom: 20px; } .post p { margin-bottom: 10px; и /* SIDEBAR(S) */ .sidebaradbox { margin…

   Asked by alex89, July 9, 2012

   0 votes
   2 answers
2. не хочет работать @font-face

   Доброго времени суток! Такая проблемка возникла... Ни один браузер не хочет видеть новый шрифт. Делаю все локально. Может в этом проблема? Копирую пример @font-face с этого сайта...но эффекта никакого... Заранее спасибо.

   Asked by panas_dnepr, August 6, 2012

   0 votes
   6 answers
3. выравнивание изображений в тексте

   подскажите пожалуйста способ, при помощи которого можно точно выравнивать изображения по обоим краям justify-текста без применения дополнительных классов здесь выровнено с дополнительными классами, а хотелось бы без них

   Asked by cyklop77, October 23, 2012

   0 votes
   7 answers
4. Хочу стать подмастерье

   Доброго времени суток . Есть огромное желание, научиться создавать и верстать сайты. Если есть возможность, у опытных создателей сайтов, взять в подмастерье начинающего, прошу отписаться. О себе: знаю html (4), css(3), javascript(начинаю). ICQ: 501257 . Спасибо за внимание)

   Asked by werwen, December 1, 2012

   0 votes
   6 answers
5. Проблема с расположением объектов

   Доброе время суток, начал учится вёрстке, уже 5 раз переделываю, в Chrome и Opera нормально всё, а вот в IE и Firefox "каша"! Пробовал пере позиционировать под IE и Firefox тогда в Chrome и Opera "каша". Помогите, какие нужно использовать функции и параметры?

   Asked by maks78945, February 4, 2013

   0 votes
   2 answers
6. Текст не переходит на след. строку с overflow: hidden

   Всем по привету! Прошу помощи народ, уже все перепробовал. В блоке пишу длинный текст, если к блоку не поставить свойство: overflow: hidden, то текст уходит за рамку: А если поставить это свойство, то текст уходит за рамку и не отображается. А текст должен переходить на след. строку. Ссылка на сайт: (скрыто)

   Asked by Salk, March 29, 2013

   0 votes
   2 answers
7. Пожалуйста, помогите с меню

   Всем Доброго времени суток! У меня возникла проблемка которую надо срочно решить . Вот сверстал пример меню (чтобы вам было понятно наглядно) http://youtime.hol.es/ который будет на сайте При наведении на новости выпадает подменю. Так вот нужно чтобы при фокусе на подменю , цвет ссылки высшего уровня (новости) оставался золотым. Сам додуматься не могу(

   Asked by sashakee, April 29, 2013

   • меню
   0 votes
   3 answers
8. Ширина input

   Есть элемент input на странице обвернутый в div: <div id="main-image"> <input id="fileupload" type="file" name="fileUpload[]" data-url="/file/upload-image"> </div> Со стилями для всего этого добра: #main-image { border: 1px dashed #b3b3b3; width: 280px; height: 200px; } #fileupload { position: relative; right: 0px; top: 0px; font-family: Arial; font-size: 118px; margin: 0px; padding: 0px; cursor: pointer; opacity: 0; height: 100%; width: 100%; } Потом выбраный файл хендлится при помощи jquery file upload. Вопрос. У меня область в котором я попадаю на инпут значительно больше, хотя через…

   Asked by spolischook, August 11, 2013

   • input
   0 votes
   3 answers
9. Правка стиля

   Помогите, пожалуйста, разобраться: не могу исправить цвет/размер текста: Перепробовала уже все стили, не выходит никак...сайт: http://apriori-chic.ru/

   Asked by Zeeeya, December 14, 2013

   0 votes
   4 answers
10. Плавающие блоки

    Нужно сделать так что бы блок main был резиновым но при этом обтекал справа. код ниже http://jsfiddle.net/PMJqZ/ очередность блоков не должна меняться.

    Asked by Gootler, April 2, 2014

    0 votes
    5 answers
11. Линия - рисунок с градиентом

    Здравствуйте! Подскажите пожалуйста как сделать линию над меню http://prntscr.com/4n04y7 ,, но чтобы она подходила к адаптации сайта отображалась на планшетах и ПК. Нужно сделать через background или есть другие приёмы? Спасибо

    Asked by lbondodesc, September 15, 2014

    • css
    0 votes
    2 answers
12. Ширина div-блоков в зависимости от текста и оставшегося места

    В общем шапка из div-блоков. Большинство из них фиксированного размера (логотип, иконки, кнопки и т.д.), один блок меняет свою ширину в зависимости от текста (выводится дата с неделей), и ещё один блок (поиска) должен занимать оставшееся в шапке место. Перепробовал несколько вариантов: с установкой ширины, display, overflow и т.п. - не получается. Видимо, что-то делаю не так. Так выглядит шапка сейчас: http://storage5.static.itmages.ru/i/14/0828/h_1409229676_8871523_4e832bdf38.png Выдернул код, вроде ровно: http://jsfiddle.net/yhp7ersp/ Содержимое блоков заменил на произвольные картинки, чтобы было понятнее. Нужно, чтобы блок с датой оставался без фиксированной ширины (…

    Asked by Skyrazor, August 28, 2014

    0 votes
    1 answer
13. Тянущийся блок по одной из сторон браузера

    Добрый день, подскажите пожалуйста как реализовать тянущийся к краю браузера независимо от ширины его окно, но только по одной из его сторон. В макете, серые блоки с текстом доходить до края окна браузера независимо от разрешения экрана монитора и ширины окна браузера. Блок «ФАКТ №3» до правого края, а Блок «ФАКТ №4» до левого. Буду благодарен вашей помощи.

    Asked by Drunk_Monkey, October 20, 2014

    0 votes
    2 answers
14. animate с jQuary и hammer

    Товарищи, давайте поможем все дружно мне!))Пытаюсь сделать анимацию, когда плавно подымается div1 наверх он должен волочить за собой другой div2, который растягиваясь закрывает страницу div3.Так же и обратно, когда div1 отпускается он сворачивает этот div2, который открывает div3. Так вот, div1 плавно двигается по странице это получилось,а вот чтоб он тащил за собой div2 ну ни как, ведет себя как вздумается, и еще не знаю как его свернуть(может чё подскажите??? html <div id="div3" style="height: 100%;align-self: center;width: 28%;background-color:yellow;position:absolute; float: none;"> <div style="width: 100%; height: 18%; background-color: #253fff; z-inde…

    Asked by Dirada, January 28, 2015

    • проклятые DIVы
    0 votes
    0 answers
15. адаптивность

    Я сверстал страницу, как перейти на адаптивность, чтобы страница стала адаптивна. Что нужно сделать ?

    Asked by rpmcmerphy, September 17, 2015

    0 votes
    10 answers
16. Google Maps Api

    Почему когда я добавляю в хтмл карту гугл с каким-то нужным мне местом, там не то место рендерится? Короче я допустим делал запрос когда-то ''государственный эрмитаж", а теперь добавляю фрейм с картой Уфы, но на моем сайте все время чтобы я не делал всеравно Эрмитаж. И это при том, что в коде скрипта координаты разные-другие. Объясните нубу пожалуйста.

    Asked by parliament, February 25, 2016

    • почему google maps
    0 votes
    0 answers
17. Самостоятельное изучение. Каков порядок?

    Приветствую, форумчане! У меня большой опыт в верстке для полиграфии. И тут решил уйти в напревлении 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
18. Помогите решить задачу

    Привет =) Помогите решить задачку, Вот код: http://codepen.io/Anatoliy667986584/pen/NbjEPP как сделать чтобы в первых двух колонах, выпадающие списки выпадали в правую сторону, а не в левую, как сейчас. А у вторых двух колон пусть остаётся в левую, как сейчас. Выпадающие списки прямо на колоны чтобы падали - как сейчас. эти 4 колоны будут по центру страницы, и проблема в том, что выпадающие списки в первых двух колонах - не помещаются, в первой колоне вообще выпадает за пределы страницы. в css есть подсказки возле каждого правила. Надеюсь на помощь)

    Asked by Анатолий1944, November 26, 2016

    • подскажите как сделать
    0 votes
    2 answers
19. Ищу наставника

    Я начинающий верстальщик, знаю html5, css3, пользовался bootstrap3 и owl carousel. Ищу наставника, чтобы мне помог развиваться и стать полноценным верстальщиком. Я готов выполнять верстку совершенно бесплатно, ради опыта. Можете писать сюда или в вк: https://vk.com/12ricardo.

    Asked by 1-2ricardo, February 28, 2017

    0 votes
    1 answer
20. Передёргивание страницы на чекинг радио инпут

    1) "Стар рейтинг" работает как задумано, только страница перёдёргивается. Решение вопроса через preventDefault() const labels = document.querySelectorAll('label'); function noDefault(e){ e.preventDefault(); }; labels.forEach(x => x.addEventListener('click', noDefault)); несостоятельно, т как инпуты перестают переключаться на "чекед". 2) Связанный с этим второй вопрос второго примера. Страница не передёргивается, чекится как надо. Только не работает в ИЕ, т как он не прощает :before применительно <input>, который не является блочным элементом. Первому варианту предпочтение, но оба примера применяют псевдоэлементы. Если нет…

    Asked by seemax, October 4, 2017

    0 votes
    3 answers
21. Фиксация заголовка таблицы - использование flex

    Я создал таблицу с вертикальной и горизонтальной прокруткой. Основной блок назначил - display: flex; 1. У меня принудительно стали переносится слова на другую строку ( я думал они будут переносится только при изменении разрешения) 2. Не знаю как поднять заголовок на верх таблицы (то есть в основной блок - там где синяя полоса), чтобы заголовок был неподвижен, а таблица прокручивалась. 3. Чтобы слова в ячейках автоматически переносились только тогда, когда меняется ширина экрана? index Скрытый текст <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title&g…

    Asked by sky-sky, October 8, 2018

    0 votes
    0 answers
22. Использование фильтра из внешнего файла

    Привет всем! Чтобы сделать изображение смазанным, используется фильтр blur. Например, вот интегрированный в HTML-документ код: <img src="pict.jpg" style="filter:blur(strenght=20,direction=200,add=true)" /> Вопрос: как проделать то же самое, но используя внешний CSS-файл?

    Asked by TANILY2005, October 15, 2008

    0 votes
    1 answer
23. Часто сталкиваюсь с 1 проблемой в IE

    У меня такой вопрос: Частро при верстке дизайна в IE появляется нижний скролинг. В конечном итоге избавляюсь от проблемы но хотелбы узнать логику что бы изначально не допускать этого! из за чего это может происходить? из за того что не указанна ширина у одного из блоков или чего еще? вот к примеру последний такой случай тут

    Asked by GeSTaM, September 24, 2010

    0 votes
    3 answers
24. Мод. окно

    Здраствуйте, у меня проблема с модальным окном - http://dev.iceburg.net/jquery/jqModal/ Вроде бы все подключил но неработает...Где ошибка??? mp3ack.com - красная ссылка view

    Asked by Mr.Black, February 8, 2011

    0 votes
    2 answers
25. Как написать просто код, который не будет выполнятся?

    Здраствуйте! У меня вот такой вопрос, поставил блог на ВордПресс, но вот на сайте потребовалось вписсать код, который должен не исполнятся, а просто быть кодом, тоесть <html> <head> <title></title> </head> <body> Сам текст </body> </html> Вот такой формы код, но вот показывает только "Сам текст" ,а остальные теги убирает. Это связано с ВордПресс, помниться, когда я делал сайт не в ВордПресс, это проблемы не возникало вовсе. Помогите плз, как решить проблему заранее спасибо!

    Asked by Shader, July 24, 2011

    0 votes
    3 answers