HTML Coding

29542 questions in this forum

1. Посоветуйте, что учить дальше?

   Доброго времени суток. Я около 2х месяцев учусь верстке , сейчас знаю HTML+CSS, вполне могу сверстать статичный сайтик из 5-7ти страниц по макету. Так вот вопрос, что учить дальше? Js/jquery или можно продолжить изучением какой либо CMS? И если не трудно, посоветуйте какие нибудь онлайн уроки, а то везде пишут по разному и мне не понять, что лучше. Заранее благодарю за ответ.

   Asked by Piley, February 6, 2013

   0 votes
   9 answers
2. Вопрос по абсолютному позиционированию

   http://codepen.io/anon/pen/LpgeVq?editors=110 Проблема в следующем. Первый абсолютно спозиционированный относительно body элемент располагается чуть ниже верха страницы. (Должен примыкать прямо к верху: top: 0 стоит.) Почему верхнее поле заголовка (body > h1) так влияет на него именно в body? Но этого не происходит в простом wrapper'е.

   Asked by Igor Schnaider, November 8, 2015

   • верстка
   0 votes
   12 answers
3. Не работает Transition

   Не работает плавный переход, в чем проблема? .works { display: flex; flex-wrap: wrap; } .works__item { width: 25%; height: 350px; position: relative; overflow: hidden; } .works__item:hover .works__content { opacity: 1; } .works__photo { position: absolute; top: 50%; left: 50%; z-index: 1; transform: translate3d(-50%, -50%, 0); } .works__content { display: flex; flex-direction: column; justify-content: center; width: 100%; height: 100%; background-color: rgba(232, 69, 69, .9); opacity: 0; text-align: center; po…

   Asked by sanya003190, March 6, 2021

   0 votes
   1 answer
4. Баги в IE и проблема с отступами

   Доброго времени суток. Блочная верстка. Столкнулся с 2мя проблемами: 1. Повторение картинки, которая является заголовком Каталога в IE. Установлено в no-repeat, но проблема все равно остается. Проявляется при нажатии: замки ООО и т.д. 2. Не могу сделать отступ в списках, если вложенность больше двух. Смотреть в Бензопилах>Introduction и далее. Если возможно, то хотелось бы решить проблему через CSS. Заранее огромное спасибо. Ссылка на исходник: http://pdalib.org/veskold/straz.zip Посмотреть в чем дело онлайн: http://pdalib.org/veskold/straz/straz.html

   Asked by NickTanz, December 11, 2007

   0 votes
   2 answers
5. Как установить максимальное количество знаков в ячейке?

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

   Asked by Staycy, July 15, 2009

   0 votes
   2 answers
6. Универсальный способ запрета прокрутки!

   Есть галерея, открывается большая фотка и нужно не только убрать скролл в этот момент, но и запретить колесиком прокручивать страницу, универсального решения не нашел, юзал след код body { height: 100%; position: relative; overflow: hidden; } только в опере все равно можно прокрутить контент с пом колеса, вобчем опера поразила, народ подскажите нормальный способ плиз

   Asked by TonKhaO, February 18, 2010

   0 votes
   2 answers
7. Windows Server 2003

   Есть сайт, который является внутрекорпоративным (но сделан чисто на HTML и php, он простенький). Платформа там используется ос windows server 2003. Вот так это выглядит там: А должно выглядеть так: Смещается именно выпадающее меню, не могу понять почему.

   Asked by rognarek, September 22, 2010

   0 votes
   5 answers
8. Закругление без прокрутки

   Здравствуйте уважаемые гуру! В верстке я уже не новичок но столкнулся с проблемой которую не могу решить. Как сделать чтобы закругления оставались на месте без прокрутки?

   Asked by wanntuzz, March 2, 2011

   0 votes
   15 answers
9. Проблема с обтеканием кнопки

   Здравствуте!Я вот начал верстать макет и столкнулся с проблемой тут ссылочка на скрин вот мне нужно чтобы текст обтекал как на скрине я все остальное написал вид блока и тд так что прошу только помоч с кодом обтекания!Заранее спасибо)

   Asked by Unicode, June 23, 2011

   0 votes
   13 answers
10. Один ДИВ выше другого по коду, но ниже в шаблоне

    Есть 2 дива. Один должен быть выше другого по коду, но ниже по дизайну. Как это сделать - вот пример http://digit-video.narod.ru/css-school/2.html Я сделал, и вот что получилось http://mashintop.ru/announcement_auto.php?status=see_all_auto&town_id=1 Див заехал за футер Как это можно исправить??? Заранее размер никакого дива неизвестен.

    Asked by zsaz, October 10, 2011

    0 votes
    2 answers
11. Пункт меню в обводке со стрелочкой на неравномерной фоне

    Суть в том, что эта обводка вместе со стрелкой на неоднородном заднем фоне. Вот как такое реализовать?( Я попробовала backgrond-size - но в итоге пропорции при определенных размеров сильно искажаются и это бросается в глаза...

    Asked by Zverushka, January 27, 2014

    0 votes
    10 answers
12. востребованность REST

    у меня вопрос про сферического коня в вакууме. может кто и ответит заинтересовался restful-приложениями. скажите кто-нибудь ими занимался? они востребованы настолько чтобы приносить доход? мне идея нравится. есть возможность с любого клиента/устройства подключиться например через http и получить данные в нужном формате с одной стороны хотелось бы изучить технологию, но с другой стороны не совсем понятно как потом применять знания. в случае с сайтами идёшь на фриланс и видишь заказы, а тут перспективы неясные. но для меня привлекатльность в том, что не придётся конкурировать с армией полуграмотных цмсников, готовых за копейки продавать свой труд. к тому же, думаю, зак…

    Asked by cyklop77, November 28, 2014

    • rest
    0 votes
    7 answers
13. Едет верстка в Айфоне

    При добавлении нового сообщения на этой странице - http://test.ur-pro.ru/chat-page.php едет верстка в iphone(5s ios7), причем на android, windows phone, а так же в шестых айфонах все работает как надо. Для прокрутки области сообщений стоит https://github.com/wieringen/tinyscrollbar . Он изменяет позиционирование блока просто вычисляя его высоту и зная к какой из сторон должен быть прижат блок. В моем случае он прижимает к низу изменяя свойство top. У родительского блока высота задана абсолютным позиционированием и заданными top и bottom. Но почему-то он растягивается вниз при добавлении сообщений. Прошу помочь. У меня к сожалению нет айфона для проверки и нормального т…

    Asked by Zuenf, August 11, 2015

    0 votes
    1 answer
14. linear-gradient при transform

    Приветствую всех. Есть заголовок который с двух сторон обрамляется линиями. Линии сделаны с помощью linear-gradient. При трансформации блока (transform: skewX(10deg)) линия становиться ступенчатой. Я подозреваю, что проблема кроется в отрисовке linear-gradient в браузере, но четкого понимания почему так происходит у меня нет. Как бы вы реализовали данный блок и почему? ссылка на codepen для более наглядной иллюстрации проблемы. зарание спасибо!

    Asked by vaskes, January 5, 2016

    1 vote
    2 answers
15. Как правильно верстать с помощью Bootstrap?

    Начал не давно изучать bootstrap, вроди все понятно сетки, навигация, кнопки много компонентов, но я не до конца понимаю как мне правильно применять свои стили? Вот первая работа что настряпал (ссылка на пример) но у меня серовно такое ощущения что я делаю все не правильно. Оцените пожалуйста верстку, правильно ли я верстаю? Как правильно адпатив верстать, сначало mobile first или desktop? Или одновременно надо совмещать? Вроди верстаешь десктоп потом начинаешь под mobile и все рушиться.

    Asked by codemix, March 20, 2016

    0 votes
    1 answer
16. Как сделать картинку в теге body во всю ширину ?

    Как сделать картинку в теге body во всю ширину ? я делаю таким образом с помощью этой картинки http://image.prntscr.com/image/42ef47dca6414e318a404e3b1de2029c.jpg body{background: url('') repeat-x left top;} Вот что получилось http://image.prntscr.com/image/e4474289aea44821995d7762c7b2d1e1.png Но как сделать то же самое только с помощью этой картинки http://image.prntscr.com/image/0cc939f529fc4dcb8842166dc33f36f3.jpg И результат был такой же как тот что выше указан (только зеленый цвет)

    Asked by SWM, August 4, 2016

    • css
    0 votes
    8 answers
17. Флеш банер в новом окне, Как зделать?

    Доброго времени суток. Столкнулся со следующей проблемой. Есть готовый флеш банер, который когда вешаешь на страницу при нажатии открывается в этом же окне. Как его заставить открываться в новом окне. Исходных кодов банера у меня нету. Кто знает, помогите пожалуйста. Заранее спасибо за помощь

    Asked by San_Tehnik, November 4, 2008

    0 votes
    4 answers
18. Помогите с IE6

    Мне требуется вывести поверх основного содержимого всплывающую подсказку. Я делаю это с помощью CSS #my { background:#000; height:100%; min-height:100%; width:100%; z-index:100; position:fixed; left:0; top:0; } В IE6 не работает, блок выводится в том месте, где в шаблоне лежит div id="my". Как добится чего-то похожего для IE6. position:fixed; Насколько я понял ИЕ6 вообще не понимает Спасибо!

    Asked by alexpts, March 26, 2009

    0 votes
    3 answers
19. Как сверстать данный макет

    Здравствуйте. Как лучше сверстать данный макет? Для кругов использовать border-radius, но тогда будет ведь проблема в старых браузерах? Как позиционировать круги и центральный блок со скругленными краями? Как сделать линии, соединяющие блоки?

    Asked by marchenkovby, April 12, 2018

    0 votes
    4 answers
20. Как сверстать такой select

    подскажите как сверстать такой select или хотя бы ссылку на пример, не пойму как изменить стандартную кнопку со стрелкой вниз на отрисованную

    Asked by voooodoo, January 4, 2010

    0 votes
    4 answers
21. Отмена стандартной обработки CSS

    Есть меню на базе Div с использованием .hover однако после однократного посещения элемента DIV при последующих наведениях курсора на элемент он перестает обрабатываться .hover как сделать, чтобы браузер не ставил на элемент признак .visited (о котором его (браузер) собственно никто не просил) или восстановить значение элемента как unvisited ?

    Asked by SergeTro, December 29, 2010

    0 votes
    5 answers
22. Проблема с версткой

    Здравствуйте форумчане. У меня возник такой непростой вопрос. Я верстаю макет, не могу сверстать одну вещь а именно, вот эти две крайние картинки. Вот ссылка на картинку. http://i042.radikal.ru/1108/7d/072d46e33d59.png . Пожалуйста помогите с этой проблемой. Рамки нужно сделать именно картинкой.

    Asked by arta, August 7, 2011

    0 votes
    7 answers
23. Mailto не заполняет формы

    Есть такой код, который находится внутри php: <form action='mailto:admin@site.com?subject=Просьба%20разблокировать%20IP&body=Логин на сайте:' enctype='text/plain'> <input type='submit' value='Отправить просьбу'> в Opera работает (в ней включен обработчик mail.ru), но... Открывается окно с новым сообщением и заполненными полями, но после полной загрузки страницы, она обновляется и все заполненные поля становятся пустыми. в Firefox заполняется только адрес E-Mail (тоже включен обработчик mail.ru). в IE 9 открывается какое-то окно с классом MozillaWindowClass (хотя по-умолчанию назначен Thunderbird) и предлагает создать учётную запись для "Блоги и ленты ново…

    Asked by Strek, August 12, 2012

    0 votes
    7 answers
24. Резиновый макет, скрывающиеся поля по бокам.

    Возникла задача сделать следующее. Резиновый макет. Минималка 1000px. Максималка - не ограничена. Необходимо каким-то образом по бокам контентного блока (синий) сделать поля по 50px (черные), которые при ширине окна 1000 будут обрезаться - прятаться за пределами экрана. Это необходимо для того, чтобы убрать горизонтальную прокрутку при разрешении 1024. При увеличении ширины окна поля должны вылезать из-за его границ до общей ширины 1100px, затем уже должна начать тянуться контентная часть. Единственное, до чего пока додумался - это через link ... media="screen and..." подключать еще одну таблицу стилей для большой ширины, но этот вариант решения не устраивает из-за резких…

    Asked by skatadov, December 7, 2012

    0 votes
    7 answers
25. Не разворачивается youtube ролик на сайте

    Вставляю в контенте страницы ролик строкой <p><embed type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" src="http://www.youtube.com/v/f_Y2oFbTrR8%26hl=en%26fs=1%26rel=0%26ap=%2526fmt=18" width="425" height="344"></embed></p> Параметр есть разрешения разворачивания ролика на весь экран, но кликая "fool screen" развернуть ничего не происходит. Проверял на разных ПК. Может кто сталкивался? Есть решение?

    Asked by okunev2, November 1, 2013

    0 votes
    7 answers