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. расположение кнопок спрайта

    Всем доброго времени суток. Легкий вопрос на который я не могу найти ответ...Взял спрайт с кнопками и не могу эти самые кнопки разместить горизонтально,display:inline-block прогорел. Может это я что не так делаю? Ниже прилагаю код. CSS док: .button{ cursor:pointer; display:inline-block; height:55px; width:220px; line-height:70px; text-align:center; background-image:url('photo/sprite.png'); background-repeat:no-repeat; } .button.white{ background-position:0 12%; } .button.white:hover { background-position:0 66%; } хтмл: <div id="centerb"> <a href="index.html" title="Главная" class="button white">b1</a> <a href="kontacti.html" title="К…

    Asked by DR.acula,

    0 votes
    3 answers

  2. Расположение крестика

    Добрый день Рисую галерею <ul> <li><p><img></p><li> <li><p><img></p><li> <li><p><img></p><li> </ul> к li применяю max-width, max-heigth. нужно вставить блок с крестиком чтобы он был вверху и справа картинки, что посоветуете

    Asked by vladimircape,

    0 votes
    2 answers

  3. Расположение курсора в input

    Как переместить курсор в начало блока, не в середину, как сейчас? http://jsfiddle.net/USx7h/1/ Спасибо.

    Asked by uteelers5,

    0 votes
    5 answers

  4. Расположение маркера-картинки

    Здравствуйте. Возникла такая проблема: Сколько бьюсь, не могу сделать так, что текст отображался на одном уровне с картинкой (а не ниже е?). Сам маркер нормальный (т.е. снизу, сверху ничего лишнего нет). P.S. Поиск юзал, рецепты смотрел.

    Asked by Onveg,

    0 votes
    3 answers

  5. Расположение маркеров

    Можно ли расположить маркеры списка ul li не с левой, а с правой стороны от элементов списка? Интересует именно расположение системных маркеров, а не их замена с помощью бэкграунда

    Asked by pedrosoft,

    0 votes
    7 answers

  6. расположение меню

    Всем джамбо. Сайт на wp http://osobniak.com/ меню строится справа на лево, а хотелось бы чтобы слева на право или по центру его сделать. Подскажите кто может.

    Asked by CatInTheBread,

    0 votes
    6 answers

  7. Расположение объекта.

    Здравствуйте. У меня возникла проблема, что не могу расположить кнопку справа от слов "ИС-41521", постоянно над или под ними. Как мне правильно вставить кнопку, чтобы расположить её справа/слева? <html> <head> <style> #header { /* Верхний блок */ background: #0080c0; /* Цвет фона */ padding: 5px; /* Поля вокруг текста */ position: relative; top: -3px; } </style> </head> <body class="block"> <div id="header"> <h1>ИС-41521</h1> <input type="button" onclick="window.open('Реклама туров.html')" value="Hello World!"> </div> <div id="sidebar"> </body> </html>

    Asked by ErUnDAK,

    0 votes
    3 answers

  8. Расположение одного дива относительно другого

    Доброго времени суток. Нужно решить следующую задачу: идут 2 дива: <div>1</div> <div>2</div> Оба дива имеют 100% ширину, div1 - фиксированной высоты, div2 на различных страницах имеет различную высоту. Как сделать, чтобы по html коду div1 шел раньше, чем div2, а на странице - наоборот (чтобы на странице отображался сначала div2, а потом div1)? Расскажу немного поподробнее. Дивы на странице идут следующим образом: <div>Шапка</div> <div>Горизонтальное меню</div> <div>Основа (контент)</div> <div>Футер</div> В html коде нужно чтобы меню шло после контента, а на странице отображалось до контента.

    Asked by n1kola,

    0 votes
    2 answers

  9. Расположение полосы прокрутки

    Как сделать скрол бар по вертикали??? <td rowspan="2"><div style="width:50px; height:50px; overflow: auto;">...</div></td>

    Asked by nazarovvlan,

    0 votes
    10 answers

  10. Расположение потомка позади предка

    Можно ли расположить элемент-потомок позади родительского элемента? С z-index ковырялся, но не вышло.

    Asked by Titansword,

    0 votes
    17 answers

  11. Расположение пунктов выпадающего меню в IE

    Доброго времени суток Проблема забавна. Вот так меню должно выглядеть. Во всех браузерах, не считая белого фона у блока по высоте немного выше желтого, но содержимое выглядит нормально. http://prntscr.com/auhg0r А вот в IE11 и Safari выглядит вот так. http://prntscr.com/auhgv5 - IE11 http://prntscr.com/auhh9f - Safari Если я в убираю дисплей, то в IE11 глюк уходит, но тогда во всех остальных браузерах, в том числе и IE11, меню отображается, как в Safari .menu_dop ul li .menu_dop_wrap { display: inline-flex; } Вот коды меню. html <nav class="menu_dop"> <span class="vertical-text">Ремонт и обс…

    Asked by Mary_RND,

    0 votes
    16 answers

  12. Расположение сайта по центру

    Доброго времени суток! Появилась проблема для сайта с разными разрешениями экранов пользователей. В связи с этим необходимо ограничить размер сайта в пикселях (например 1000) и расположить его по центру (что собственно не получается). Создавая таблицу с тремя ячейками сайт соответственно по центру не расположиться (повторю, что нужна ширина в пикселях), на простое align=center он тоже плевать хотел. Есть какие то предложения?

    Asked by R3DRUM,

    0 votes
    4 answers

  13. расположение сло?в

    Здравствуйте! Есть два слоя в коде страницы: Some text within layer DIV1и сразу же после него ид?т Some text within layer DIV2Как сделать так, чтобы в броузере div2 был расположен выше чем div1?

    Asked by ofilatov,

    0 votes
    12 answers

  14. Расположение списка горизонтально и замена маркера

    Добрый день. Не получается никак расположить элементы списка горизонтально и одновременно изменить маркер на рисунок. Получается что-то одно, либо расположить, либо заменить, вместе никак. ul { margin: 0px; padding: 0px; list-style-image: url('bread.jpg');} ul li {display: inline;} Что-то не так в стилях?

    Asked by liex,

    0 votes
    1 answer

  15. Расположение ссылки на странице

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

    Asked by kanyT,

    0 votes
    4 answers

  16. Расположение ссылок на странице

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

    Asked by andreyvorobey,

    0 votes
    9 answers

  17. Расположение таблицы

    Имеется страница, на которой подряд (в столбик) идут несколько таблиц внутри одной, более общей. .... <table> <tr><td> <TABLE> ... </TABLE> <TABLE> ... </TABLE> <TABLE> ... </TABLE> <TABLE> ... </TABLE> </table> .... Габариты их таковы, что 2 и 3 таблицы должны быть ориентированы слева страницы, друг под другом, а 4 таблица по высоте такая же как и 2+3, и, соответственно, её я планирую разместить справа от них. Как-то так: _____________ |***********| |***********| |____________| __ ________ |_| |******| __ |******| |*| |******| |_| |_______| *Извиняюсь, что криво, но суть должна быть ясна. http://rg…

    Asked by Yusipov_Ilsur,

    0 votes
    3 answers

  18. Расположение тега link

    Здесь написано: У меня вопрос: если есть два стилевых файла, связываемых с html-документом, один из которых размещается в HEAD, другой - в BODY, какой сработает в итоге? И почему нужно размещать непременно в HEAD?

    Asked by hike,

    0 votes
    7 answers

  19. Расположение тега через div

    Мне нужно расположить этот текст слева, внизу, но получается только по центру. При этом, надо чтобы он оставался внизу даже если тело будет увеличено. Вот код, ошибку искать пытался пытался путём поисков разных атрибутов css: <html> <head> <meta charset="utf-8"> <title>ИС-41521</title> <style> <style> .lol { position: relative; top: 90px; } </style> </head> <body> <div class="lol"> <center style="float:left;"> <p>Куда-нибудь нужно это положить?</p> </center> </div> </body> </html>

    Asked by ErUnDAK,

    0 votes
    1 answer

  20. Расположение текста

    Здравствуйте, как сделать данный текст не по центру, а с левого края (равнять по левому концу border). Случайно отправил без скринов: .slider { display: flex; justify-content: space-between; margin-top: 150px; } .slider_item { border-top: 2px solid; width: 24%; font-size: 18px; color: #fff; text-transform: uppercase; padding: 20px 0;

    Asked by Garretidze,

    0 votes
    2 answers

  21. Расположение текста на странице

    Помогите, пожалуйста, у меня текст расположен просто по ширине страницы, а надо, чтобы контент занимал 70% ширины страницы и был выровнен по середине с помощью CSS. В общем надо такой вид, как на изображении, что я прикрепила.

    Asked by Elizabeth2018,

    0 votes
    2 answers

  22. Расположение текста относительно друг друга.

    Здравствуйте, нужно, чтобы меньший текст располагался по центру относительно большего (на скриншоте показано). Если набирать одно за другим - будет меньший внизу. Как поступить?

    Asked by Red Planet,

    0 votes
    3 answers

  23. Расположение текста рядом с картинкой.

    Как сейчас: Как нужно: Поясню - нужно расположить текст по середине от правого края картинки(от самой картинки можно отступить 5 пикселей) Перепробовал много вариантов, не получается... Пожалуйста помогите.

    Asked by Maddog,

    0 votes
    2 answers

  24. расположение трех таблиц на всю страницу по высоте

    Доброго всем времени суток! Возникла следующая проблема: я очень слабо знаком с CSS, но сейчас делаю на делфи выгрузку произвольной таблицы в простейший html-файл. Особенность - на странице надо расположить 3 таблицы вертикально одна под другой: заголовок с названиями столбцов, собственно таблица данных, футер с итоговыми данными. Причем и заголовок, и футер могут быть как однострочными, так и многострочными - заранее неизвестно. И они должны всегда отображаться на странице, а основная таблица с данными будет перематываться. Вопрос вот в чем - как с использованием только CSS (без JS) указать height для центрального div-а с данными? Высоту страницы я подставляю к…

    Asked by VoloMA,

    0 votes
    0 answers

  25. Расположение флеш объекта под картинкой-заголовком

    Всем доброго времени суток! Мой вопрос из разряда начинающих, помощь нужна, кто знает - прошу написать. Вопрос следующий. Есть картинка в заголовке сайта, в формате PNG, с вырезанным овальным окном размером примерно 600х250px. Есть код объекта флеш-слайдшоу, размером чуть больше (примерно 640х300px). Задача стоит такая: расположить флеш - объект (теги объекта - <object></object> ПОД картинкой-заголовком. Сайт сверстан блочной версткой>, файлы на PHP + CSS. Пример варианта реализации такой задачи - nwa-business.ru Прошу помочь. Олег

    Asked by Oldpepper,

    0 votes
    4 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