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

29,542 questions in this forum

  1. Картинка не ужимается до размеров блока!

    Ребят поясните мне.Имею вот такой код.Цель - чтобы картинка которая по размерам изначально 564*589 px ужалась сама в блок span.Почему этого не происходит?Ведь я задал класс .juy где есть атрибут display:block. Также размер блока photo (до размеров которого как раз и должна уменьшиться картинка) составляет 150px. Помогите пожалуйста!

    Asked by Temik2704,

    0 votes
    4 answers

  2. Картинка открывается под флэш роликом подскажите решение...

    Всем доброго время суток. Описание проблемы картинка открывается под флэш анимацией что можно сделать? вот ссылка _http://www.foto-oazis.com.ua/fotooboi_20b.html П.С. Это мой первый сайт написанный с помощью div'ов так что сильно не пужайтесь увиденному изврату ) П.С. Впринцепе если кто та даст ссылку на подобную анимацию написанную на javascript тоже буду оч признателен...

    Asked by Leoben,

    0 votes
    0 answers

  3. Картинка открывается под флэш роликом подскажите решение...

    Всем доброго время суток. Описание проблемы картинка открывается под флэш анимацией что можно сделать? вот ссылка _http://www.foto-oazis.com.ua/fotooboi_20b.html П.С. Это мой первый сайт написанный с помощью div'ов так что сильно не пужайтесь увиденному изврату ) П.С. Впринцепе если кто та даст ссылку на подобную анимацию написанную на javascript тоже буду оч признателен...

    Asked by Leoben,

    0 votes
    8 answers

  4. картинка перекрывает ссылку

    Здравствуйте! Подскажите пожалуйста. При наведении курсора на ссылку появляется картинка, но она перекрывает ссылку. ДО наведения курсора http://hkar.ru/G26z После наведения курсора http://hkar.ru/G26A Хотя в стилях для картинки задано: a image {visibility: hidden; position: absolute; z-index:1;}А для ссылки при наведении: a:hover text {text-decoration: underline; position: absolute; z-index:100;}Весь код: <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <svgxmlns="http://www.w3.org/2000/svg" version="1.1"xmlns:xlink="http://www.w3.org/1999/xlink"width="330" height="330" viewBox="-18 -15 330 330">&…

    Asked by Иван98,

    0 votes
    2 answers

  5. Картинка по середине

    Привет, подскажите плиз. Имеется картинка шириной 1200 px, нужно сделать её фоном по середине. В css указываю ширину, и margin:auto. Это все хорошо отрабатывает НО там где монитор менее 1200 (конкретно телефоны, планшеты), надо сделать, чтобы фото обрезалось с двух сторон (по типу картинка влазила на 100% дисплея), а то сейчас получается что ширина сайта шире экрана и появляется прокрутка по горизонтале.

    Asked by RK3DNP,

    0 votes
    2 answers

  6. Картинка по центру

    Здравствуйте. Столкнулся с проблемой: в блоге на ВП в теле поста не могу выровнять картинку по центру. Она прижимается к левому краю. Каким образом можно исправить? Чувствую что туплю, но пока ничего умного придумать не смог

    Asked by Антон Каленик,

    0 votes
    6 answers

  7. Картинка по центру

    На гугле не забанен, но то что мне надо я так и не нашёл. В общем у меня в контенте идёт текст, потом картинка, потом опять текст, потом опять картинка. Мне надо сделать так, чтобы картинки были по центру выравненны в контенте с помощью css. Как это сделать? Вроде есть что то типо padding-left: 0 50%. Но у меня это что то не работает.

    Asked by prowoke,

    0 votes
    8 answers

  8. картинка по центру в фиксированном блоке

    Есть: http://tmin10.net.ru/1.html. Нужно, чтобы картинка была по центру <div id='add'> по вертикали и горизонтали. По горизонтали помогает margin: auto;, а как по вертикали?

    Asked by Tmin10,

    0 votes
    12 answers

  9. Картинка по центру по верх всего остального

    Картинка по центру по верх всего остального. Как сделать. Пробовал позиционированием, но по центру не ровняется. Выравнивания float тоже не помогли. НАдо, чтобы картинка была независима от всего и отображалась поверх всего остального и была прижата к верху.

    Asked by Yury50,

    0 votes
    10 answers

  10. Картинка по центру строки

    Всем привет Что бы не объяснять на пальцах, сделал картинку: Если просто вставить картинку перед текстом (и картинка больше высоты текста), то она выглядит как показано на картинке строка-1. А как сделать что бы она была по середине? Как показано на картинка строка-2. Я знаю только способ через таблицу, две ячейки, и выравнивание по высоте - центр. Но может быть есть другой способ? Все варианты align="" пробовал - толку нет.

    Asked by Walk,

    0 votes
    6 answers

  11. Картинка по центру. DIV или TABLE.

    Подскажите пожалуйста, никак не могу разобраться. Как выровнять div с вложенным img по центру при любом разрешении монитора. Картинка 512 на 521, вложенная в div. Div при этом получается дочерним элементом окна браузера. Или такое просто невозможно и без таблицы не обойтись? Спасибо за помощь.

    Asked by romanist,

    0 votes
    12 answers

  12. картинка поверх другой

    есть карта страны, разбитая по областя, при наведении на определенную область она должна менять цвет, сейчас это реализовано тут (наведите на донецкую область) http://albomov.net/mapa/ т.е. сейчас вместо первой картинки подгружается вторая с выделенной областью, но этот метод не совсем подходит, подскажите как можно поменять цвет нужной мне области другим методом - или вставить картинку нужной области поверх главной карты или какой либо другой способ Буду очень признателен, очень нужно но чтото ничего не выходит

    Asked by sseo,

    0 votes
    1 answer

  13. Картинка поверх другой(Менять буду только нижний слой)

    Здравствуйте! Очередной вопрос от меня. Понимаю, что ответ скорее всего будет связан с z-index, но я так и не понял как им пользоваться, по этому было бы замечательно, если бы кто-то кратко и понятно рассказал как пользоваться и что нужно знать, либо подсказал алтернативу моей проблеме. http://i59.fastpic.ru/big/2014/0123/aa/4e8e3009d6f5539ae78ffce5fb4096aa.jpg Есть вот такая картинка (в фотожопке сделано). И так, суть вопроса вот в чём, как сделать помеченную картинку (синим обвёл), что бы она всё время была поверх нижнего слоя (фотка еды) - Я хочу менять эти картинки в HTML документе, но что бы помеченная всё время оставалась на своём месте. Надеюсь, что понятно объяс…

    Asked by dsasda,

    0 votes
    2 answers

  14. Картинка поверх картинки

    Мне нужно, чтоб одна моя картинка была поверх другой, у контейнера уже есть готовый фон. 1)Вот как она должна выглядить 2)Как она выглядит у меня z-index, не работает почему-то

    Asked by Данияр,

    0 votes
    0 answers

  15. Картинка поверх объекта

    Всем привет. Столкнулся с проблемой. У меня есть объект на странице. Мне нужно поверх него наложить PNG картинку с вырезом по центру и чтобы карта работала (скрыть края карты, чтобы она "вливалась" в дизайн страницы). Вот сам объект (demo). Заранее большое спасибо!

    Asked by manolo,

    0 votes
    2 answers

  16. Картинка поверх ячейки и чуть-чуть сдвинуть

    Нужно наложить полупрозрачную картинку с росписью человека поверх графы (ячейки таблицы). Роспись размашистая, поэтому захватывает верхнюю и нижнюю графу. Сделал при помощи position:absolute. В общем почти всё как надо - и ячейка не распухает от росписи, и роспись накладывается поверх, и даже находится почти там, куда я вставил img. Дело за малым - сдвинуть роспись вверх на 20 пикселей ОТНОСИТЕЛЬНО её текущего положения так, чтобы она по-прежнему осталась поверх. Позиционирование относительно верхнего левого края документа не подходит, ибо документ с "плавающим" дизайном. Как только делаю position:relative, графа распухает, хотя при смещении видно, что картинка накладывае…

    Asked by Webr,

    0 votes
    2 answers

  17. картинка под ссылкой

    Подскажите пожалуйста, как сделать обычную ссылку, но при наведении на нее, под ней появлялось изображение? Через onmouseover как это реализовать?

    Asked by Motoko Kusanagi,

    0 votes
    3 answers

  18. Картинка после пунктов меню.

    Привет. Есть горизонтальное меню. Как после каждого пункта меню вывести точки, как тут: Если кому нужна картинка точек.

    Asked by Guard,

    0 votes
    3 answers

  19. Картинка превью в мессенджерах

    Добрый день! Есть такая страница http://tehne.com/grant/right-bank-of-kazanka-river-competition-2021-ru Хочу сделать чтобы в мессенджерах когда отправляют ссылку вместе с заголовком показывалась определенная картинка. Я добавил эту картинку в мета тэги og и link rel="image_src" и она все равно не появляется когда делюсь в мессенджерах Почему так?

    Asked by smirn0ff,

    0 votes
    1 answer

  20. Картинка при наведении + навигационная карта

    Попробую детальней описать свою проблему. У меня есть картинка карты страны. Там много городов. Каждый город я выделил на картинке (карте) чёрной жирной точкой. Мне нужно, чтобы каждый город имел ссылку. Это можно воплотить с помощью навигационной карты. Но есть одна загвоздка: при этом мне надо, чтобы наводя мышкой на город, его картинка изменялась - то есть чёрная точка изменялась, например, на синюю. Подскажите как подобное воплотить? Просто уже много вариантов испробовал, но полностью ни один не подошёл.

    Asked by tm1927,

    0 votes
    7 answers

  21. Картинка при наведении курсора на текст

    Хочу сделать таблицу, с перечнем запчастей, и их фото. фото появляется при наведении на запчасть(на текст). Реализовать решил на CSS <style type="text/css"> .demo{ position: relative; z-index: 0; } .demo:hover{ background-color: transparent; z-index: 50; } .demo span{ /*CSS for enlarged image*/ position: absolute; background-color: lightyellow; padding: 5px; left: -1000px; border: 1px dashed gray; visibility: hidden; color: black; text-decoration: none; } .demo span img{ /*CSS for enlarged image*/ border-width: 0; padding: 2px; } .demo:hover span{ /*CSS for enlarged image on hover*/ position: f…

    Asked by bios,

    0 votes
    18 answers

  22. картинка при наведении на текат

    Подскажите, пожалуйста, как сделать, чтобы при наведении на текст (имя) появлялась картинка (фотография). Дело в том, что на каждое имя должна появляться соответствующая картинка, т.е. каждый раз разные. Это делается с помощью псевдокласса hover?

    Asked by udiga,

    0 votes
    2 answers

  23. Картинка с absolute с негативным правым отступом

    Здравствуйте. Что то уже совсем голова не работает, сижу два часа не могу решить проблему. Сжимайте окно браузера, из за картинки горизонтальный скролл. Вот как можно сделать, чтобы браузер игнорировал эту картинку до того момента когда ширина окна будет < ширины контейнера? То есть overflow:hidden для body, html и всяких родительских контейнеров не устраивает.. http://jsfiddle.net/g2LyLetn/

    Asked by Нарек,

    0 votes
    6 answers

  24. Картинка с float:left вылазит из div

    Есть у нас такой HTML код: <div id="big-cont"> <div id="img-cont"> <img src="images/thumb.jpg" width="50" height="100" /> </div> </div> #big-cont { border: 1px solid black; } #img-cont { float:left; } В результате картинка вылазит за пределы блока: А задача стоит простая - картинка должна идти слева в блоке с текстом. Если текст большой - то все ок:

    Asked by the_ghost,

    0 votes
    11 answers

  25. Картинка с атрибутом float

    Методом эксперементов пыталась найти способ встраивания картинки в статью с атрибутом nofloat, но так и не получилось этого сделать как я хочу. А именно, хочу чтобы атрибут nofloat работал внутри тега <img>. Но у меня получилось сделать nofloat только таким способом: <style type="text/css"> img#photo { float:none; } </style> <img id="photo" src="http://domen.com/images/photo.jpeg" style="width: 100px; height: 200px; " /> Тоесть я тут подключаю внешний стиль, а мне нужно сделать аналогию этого, только чтоб это всё находилось внутри <img id="photo" src="http://domen.com/images/photo.jpeg" style="width: 640px; height: 508px; " />, честно, п…

    Asked by Goldsnich,

    0 votes
    7 answers

  • Обсуждения

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

      By Mondeus · Posted

      Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение.  .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } }  
    • torsar
      Примеры верстки

      By torsar · Posted

      Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок.
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Да, подходит. Спасибо.
    • Switch74
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Switch74 · Posted

      <input type="number">
    • Katerina23
      Какой тег использовать, чтобы увеличивать число кнопками вверх-вниз?

      By Katerina23 · Posted

      Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
    • DeZ
      Список покидает див

      By DeZ · Posted

      Решение нашел.  Заменил на  Всем привет. Список выходит из дива. При этом, другие элементы в диве отображаются корректно. Не могу найти причину. Нужно чтобы список был под кнопкой ПЛЕЙ...          
    • AIek
      ищу клиентов,услуги

      By AIek · Posted

      Здравствуйте! Мы команда программистов с многолетним опытом разработки. Работая с нашей командой, Вы получаете порядок условий и развитие с обеих сторон: разработка проекта и продолжение сотрудничества на долгосрочной основе, так же специалисты всегда готовы предложить различные идеи и дополнения.  Разрабатываем проекты любой сложности: скрипты для автоматизации рутины, боты, сайты, админ панели, ico, ldo, разработка криптовалюты, смарт контракты, приложения, игры. Ответственность, качество, соблюдение дедлайнов - это про нас!  Наш контакт:  https://t.me/MadFury (https://t.me/madfury) (TG) TG:  https://t.me/2e7.io Сайт: https://code-r.io/
×
×
  • 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