Jump to content

HTML Coding

Subforums

  1. Discussion of works

    Source code audit and recommendations

    30.1k
    posts

  2. Practise Templates

    Templates for self education and practise

    1k
    posts

Explore Questions

There are no popular questions to show right now

  1. Вёрстка футера на движке Xenforo

    Asked by Mondeus,

    0 votes
    0 answers

  2. Примеры верстки

    Asked by torsar,

    0 votes
    0 answers

  3. Список покидает див

    Asked by DeZ,

    0 votes
    0 answers

  4. Проблема с шириной ячеек

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. Html кнопка

    Asked by НикитаL,

    0 votes
    3 answers

29542 questions in this forum

  1. Избавление от отступа

    Доброго времени суток. Вновь взялся за изучение объекта вожделения, а именно, вёрстки. При поиске решения для создания основного поля (где будет размещаться весь контент) с закругленными углами, попробовал решения через css (отказался, т.к. не достиг успеха отображения в IE) и остановился на внедрении двух картинок (низ, верх) с закругленными углами, а между ними растянул фон, в который и хотелось бы заносить основную информацию. Однако, столкнулся с проблемой: не получается ликвидировать отступы от "закругленных" изображений: код: Подскажите пожалуйста, в чём мой косяк?

    Asked by ProRus,

    0 votes
    5 answers

  2. Относительно независимая прокрутка в двух колонках

    Здравствуйте. Как можно добиться эффекта, когда два рядом расположенных divа прокручиваются только до того момента, пока в них не закончится контент, а не до конца соседнего? Например, в div1 контента больше чем в div2. Прокрутка div2 останавливается, когда он заканчивается, а div1 прокручивается дальше... В результате должны получиться две заполненные колонки до футера, чтобы не было никаких пустых мест. Примеры того, что я хочу получить в результате можно посмотреть на одноклассниках и фейсбуке.

    Asked by shokеr,

    0 votes
    2 answers

  3. Заголовок поверх бордера

    Мне необходимо разместить заголовок поверх бордера абзаца. Я делаю это так: <p> <h1>заголовок<h1> Текст </p> Стиль: p{ display: relative; border: red 1px solid; background: white; } h1{ display: absolute; left:30px; top:-15px; background: white; padding:0 10px; } Это не работает в IE 6. Бордер сверху становится не видно совсем. Как посоветуете исправить?

    Asked by sktemp,

    0 votes
    3 answers

  4. CSS: Имеет ли смысл свойство "display"?

    Есть блочная верстка, полностью задаваемая position: absolute. Во всех браузерах всё отображается на местах и не вылазит, не накрывает и не конфликтует. Значение display: используется только когда нужно что-то скрыть: block и none соответственно. Прочие изменения в коде не несут никаких связей с положением на странице, отображением вложенного содержимого и прочее. Вопрос в том, что нужно ли тогда задавать элементам свойство display?

    Asked by iDrugov,

    0 votes
    5 answers

  5. как сделать кнопку при наведении

    В общем написать сложновато, но хочется узнать как при наведении сделать чтобы ссылка получила побокам обводку как на риснке, и в независимости от ширины текста. То есть ссылка "Главная" и "Форум" имеют разную ширину, а хочется сделать чтобы заокругления получались на одинаковом расстоянии от начала и окончания слова. Вот пример, только его не разберу http://krasrada.sumy.ua/ только тут работает при наведении на главную..

    Asked by psics,

    0 votes
    3 answers

  6. нужна помощь по абсолютному центрированию слоя

    Ребят, помогите, пожалуйста, по верстке немного. То ли я уже заработалась, то ли еще что-то. Вещь вроде несложная, но никак не рожается. <!DOCTYPE html> <html> <head> <style type="text/css"> #sloy4{ top: 50px; width: 900px; height:50px; background:red; position: absolute; left: 50%; margin-left: -450px; } </style> </head> <body> <div id="sloy4">wertwert</div> </body> </html> слой красного цвета ширины в 900 пикселей появляется как надо. НО, когда я окно браузера сужаю влево, то появляется полоса прокрутки. Как сделать так, чтобы слой в любом случае оставался по середине страницы, а полоса прокрутки не появл…

    Asked by Marishkas,

    0 votes
    18 answers

  7. Фон

    Здравствуйте уважаемые ГУРУ! Возможно ли установить фоновое изображение (точнее Java скрипт) вот такой

    Asked by ugg555,

    0 votes
    4 answers

  8. Кручу-верчу, спозиционировать хочу

    Есть такой код http://jsfiddle.net/s7EmS/2/ Вопрос: почему появляется горизонтальный скролл, когда абсолютно спозиционированному блоку (относительно родителя) задается отрицательный отступ, загоняющий его за пределы страницы? Можно ли это как-то обойти? Только без обрезания. Нужно, что бы он ушел за пределы, но при этом не исчез совсем и не появился скролл, в смысле чтобы, например, при расширении окна браузера его было видно.

    Asked by Bassline,

    0 votes
    10 answers

  9. ie8 и z-index -1 -

    ie8 и z-index -1 - как сдружить? Надо спрятать псевдослой позади родительского элемента в 8м осле.

    Asked by Zverushka,

    0 votes
    4 answers

  10. Движение каринки вокруг своей оси

    Добрый день. У меня вентилятор, как пьяный крутится, думала, что дело в картинки, но оказалось нет, в css c padding'ми и margin'ми химичила, но нет. Вот ссылка на страницу, где можно взглянуть на работу вентилятора http://test.w-complex.ru/mac/control...rol_panel.html. Вопрос, из-за чего такое неровное движение картинки вокруг своей оси? На страницы у меня используется этот вариант скрипта: function startRound() { document.getElementById('vent_img').style.cssText = '-webkit-animation-play-state:running;-o-animation-play-state:running;animation-play-state:running;'; document.getElementById('degImg1').style.cssText = '-webkit-animation-play-state:r…

    Asked by Nailya,

    0 votes
    5 answers

  11. float + задний фон

    Доброе время суток. Есть вот такая проблема. Когда раскидывал по сторонам "Новости" и "Мониторинг", получилось так, что задний фон не растягивается относительно контента HTML: <div class="content"><div class="content-left">Новостная лента<img src="/template/assets/images/logotype.png"></div><div class="content-right">Мониторинг<br>s</div></div>CSS: .content { padding: 10px; margin-left: 300px; margin-right: 300px; background: #fff;}.content-left { float: left;}.content-right { float: right;}Подскажите пожалуйста как с этим бороться

    Asked by Florens,

    0 votes
    3 answers

  12. Масштабируемая шириной окна верстка

    Подкинье пожалуйста статейку как реализовать лучше всего масштабируемую шириной окна браузера верску статью, желательно на русском, спасибо)

    Asked by Kenshi24,

    0 votes
    4 answers

  13. Верстка сетки из изображений

    Добрый день! Нужна помощь в создании сетки из изображений как на скриншоте https://monosnap.com/file/vjzvvPmuyaVQQGIWqjDaCG4pVMCdG4# Пробовал делать через инлайн-блок и флоат - все рушится. С флексбоксом не знаком. Воспроизвел ситуацию в песочнице https://jsfiddle.net/pzyzhgtn/7/

    Asked by alexx89,

    0 votes
    3 answers

  14. Центрирование абсолютно позиционированного блока

    Как отцентрировать абсолютно позиционированный абзац? пробовал left:auto; right:auto; и margin:auto; не работает. Есть ли свойство какое нибудь? или придётся линейкой центр искать? https://jsfiddle.net/Lo4ntyu9/1/

    Asked by aqua.77,

    0 votes
    1 answer

  15. Убрать обводки

    https://jsfiddle.net/vitalikan/xLuzj8ya/1/ Там снизу есть кнопка подробнее нажимая на нее получается обводка синяя. Не могу убрать помогите Извените что все остальное не на местах просто нет времни

    Asked by vtkm96,

    0 votes
    3 answers

  16. Начертание текста

    делается сайтик в стиле веб 2,0. и очень классно смотрится шрифт с начертанием БОЛД. Вопрос: Можно использовать БОЛД для текстовых блоков? Текста не очень много, на странице блоков 3-5 по 3-5 строчек. В принципе для СЕО можно какой-то фрагмент заключить в СТРОГ и принцип не меняется. Просто семантичен ли такой подход? спасибо

    Asked by termoplus,

    0 votes
    1 answer

  17. Может кто подскажет...

    Привет. Я делаю шахматную страничку(игра).Многое уже сделано.Раньше я использовал event onclick(1 раз отмечаешь фигуру,второй клик клетку куда идешь)Не было проблемм.А сейчас чтоб 2 раза не кликать решил использовать event onmousedown и onmouseup.И не работает.Когда нажимаешь мышку на клетке появлбяется другой курсор-вместо стрелки -перечоркнутый кружок и event не работают,ничего не происходит. Но что интересно если первую строку Javascript кода onmousedown сделать alert(".....") то все работает. Нажимаешь мышку ,выскакивает месага,нажимаешь на клаве enter,месага уходит и дальше курсор не меняется и таши вигуру куда хочешь. <DIV class=desk id=BA8><IMG id=A8 cla…

    Asked by bypath,

    0 votes
    1 answer

  18. Сайт не работает только в ie6

    Здравствуйте. Сайт показывают все браузеры, кроме IE 6. В чем может быть проблема? Как исправить?

    Asked by andyarus,

    0 votes
    2 answers

  19. Проблема с background-attachment в Firefox

    Имеется div с прокруткой overflow-y: scroll; и фоном-картинкой. чтобы фон прокручивался вместе с содержимым, устанавливаю background-attachment: local; в опере, хроме и IE работает, в FF - нет. Как быть с FF?

    Asked by me_alex,

    0 votes
    6 answers

  20. Кратная (минимаксная) ширина div

    Здравствуйте, столкнулся со следующей проблемой: Есть один div с 100% шириной, в нём много вложенных div'ов с заданной конкретной шириной - 150 px. Проблема состоит в том, что при некоторых разрешениях экрана ширина родительского div'a становиться не кратна ширине вложенных. Например: 1440px - в родительском div оказывается 9 вложенных div'ов и ещё где то половина пустого пространства (фона). Как без использования js можно добиться того, что бы родительский div мог растягиваться и в нём было максимальное кол-во вложенных div'ов, но при этом он облегал вложенные div'ы по ширине (т.е. например вместо 1440 получалось 1350)? Пробовал: присваивать min/max-width без указанной …

    Asked by Arkham,

    0 votes
    5 answers

  21. [DLE] Проблема с shortstory.tpl

    Начал делать shortstory.tpl, задавать вопрос "Как это вообще делается" не буду (хотя, если кто подскажет мануал, буду благодарен), но не суть, так вот Начал я с малого: <br> <br> [full-link]{title}[/full-link] <br> {favorites} [edit]abc[/edit] [day-news]{date}[/day-news] ot {author} <br> {link-category} {short-story} [edit-date] <br> {rating} ...и сразу столкнулся с проблемой: - все мои теги складируются внизу страницы. Буду очень благодарен ответившим.

    Asked by Klever.,

    0 votes
    0 answers

  22. Адаптивная вёрстка под мобильные

    Здравствуйте Столкнулся с проблемой адаптивной вёрстки. Телефон имеет ширину экрана 640px, высоту 1100px Делаю в css такое условие: @media only screen and (max-device-width: 670px) { #navi-h {height:auto; width:500px; background:url(images/home-menu-bg.jpg) repeat; margin:0 auto;} } Подцепляется стиль, но отображается на экране намного меньше реальности, по ширине показывается меньше процентов на 30. В чём может быть причина? ну и дабы не быть голословным сайт f c d e c o r точка ru

    Asked by Hobu4ek,

    0 votes
    5 answers

  23. Фоновое изображение с элементами управления на весь экран

    Верстаю макет и столкнулся с проблемой: - необходимо сверстать фоновую картинку размером: 1900x1000 на все окно браузера (чтобы она подстраивалась под разное разрешение),а так же не появлялась прокрутка по вертикали и горизонтали (с этим я справился. При этом на фоновом изображении должны быть 5 прямоугольных блоков (ссылок), каждый такой блок находится на определенном рисунке этого изображения. Проблема состоит в том, что эти блоки при разных разрешениях экрана, уезжают со своих мест, так как размер картинки меняется. Пробовал задавать позиционирование блоков в процентах, так же задавал размеры блоков в процентах но не помогает... При изменении разрешения эти пять блоко…

    Asked by Akkord87,

    0 votes
    6 answers

  24. меню на hover -2

    подскажите как сделать чтоб при наведении у выпадающего меню был отступ и оно не исчезало.? Спасибо. http://selfmaker.biz/oleg/polulux.html Ставлю ul.menu-nav{ padding-top:10px } не работает!

    Asked by mrfrunze,

    0 votes
    5 answers

  25. Проблемы с бутстрап - высота колонок при адаптивности.

    Доброй ночи, уважаемые форумчане! Столкнулась с проблемой при использовании бутстрап, Есть 4 колонки - при нормальном расширении все ок, row подстраивается под высшую колонку и нормально толкает вниз контент, при появлении адаптиности это не происходит - то есть в том же ров есть 4 колонки но уже в 2 ряда и автоматического выравнивания рядов по высоте колонки нету. Частично решить эту проблему можно задав при адаптивности высоту для well, но мне нужно чтобы колонки автоматически тянулись и шахматная доска не появлялась. http://clip2net.com/s/3h6dxUj Возможно, кто-то сталкивался с похожей проблемой и сможет что-то подсказать)))Буду очень благодарна за любые советы

    Asked by Orysya,

    0 votes
    2 answers
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy

  I accept