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. съезжают ноги на мобильном девайсе

    Приветствую. Сверстал магазин http://plastbaki.ru. Вроде все нормально. Но заметили такую ошибку. Если смотреть сайт с мобильного устройства, то у монтажника ноги съезжают на желтый блок. Подскажите пожалуйста, как это можно поправить.

    Asked by psevdo,

    0 votes
    4 answers

  2. Съехал бекграунд

    Суть вопроса Сайт Справа модуль Тест..... бекгрануд в теге H3 на 1 пиксель сдвинут вправо.. Я уже полдня не могу понять в чем дело. Может кто свежим глазом ошибку заметит? Буду весьма благодарен

    Asked by crazybet,

    0 votes
    2 answers

  3. Съехал весь сайт

    Заменил гугло скрипт один на другой и сайт весь съехал Помогите узнать почему. Сайт: http://twiu.ru/h92

    Asked by Tchorteg,

    0 votes
    3 answers

  4. Съехал слайдер и прелоадер потерялся

    , верхний слайдер на главной странице уехал влево-вверх, перед показом картинок сначала показывается прелоадер, но вместо этого там просто черный фон. Подскажите как поправить пожалуйста Справился

    Asked by Tchorteg,

    0 votes
    0 answers

  5. Съехала верстка

    Всем привет, народ, вот такая проблема. Есть сайт: http://www.stroitelnie-materialy-toliatti.ru/ Там внизу слайдер с разным оборудованием. Так вот, в разделе электроинструменты съехала верстка, 3-й товар отображается на новой строке, почему то. а должно быть например как в разделе "Плиточный клей", 2 строки, по 3 товара в каждой. Помогите знающие люди, где верстка у меня съехала? Какой класс подправить? А то уже голову сломал ((.

    Asked by fenix_63,

    0 votes
    1 answer

  6. Съехали блоки

    http:// hexlife.in.ua/index.php?id=181 <div class="content"> <div style="padding:10px 20px 10px 20px;"> <p> Другі страви</p> <div style="width:205px;text-align:center;float:left;"> <div class="ramka_galerey"> <a class="highslide" onclick="return hs.expand(this)" style="wigth:150px;height:130px;" href="/images/gallary/20120508113108.jpg"> <table cellspacing="0" cellpadding="0" style=" width: 100%; height: 100%; text-align: center; vertical-align: center;"> <tbody> <tr> <td> <img title="На…

    Asked by Vitek25,

    0 votes
    2 answers

  7. сылка на резиновом фоне

    Здравствуйте, пытаюсь сделать следующее: Есть страницу, как фон устанавливаю картинку, делаю ее резиновой по этой статье: http://htmlbook.ru/css3-na-primerakh/masshtabirovanie-fona На этой картинке есть определенные объекты, кликая по которым пользователь переходит на другую страницу. Как сделать такое? Может кто видел подобное? Я так понял нужно как-то разметку ссылок подогнать под эти объекты?

    Asked by ed8009,

    0 votes
    0 answers

  8. Сылка с переменой

    Ребят поскольку я только начинающий, подскажите как формировать ссылку с переменой, То есть как сделать чтобы к силки добавлялось значение с переменой !DOCTYPE html> <html lang="ua-UA"> <head> <meta charset="UTF-8"/> <title>Люстра в моїй кiмнатi</title> <link rel="stylesheet" href="style.css"> </head> <body> <h1 align="center">Управлiння люстри в моїй кiмнатi</h1> <div class="zaholovok red" id="r">ЧЕРВОНИЙ</div> <input type="range" id="fan11" min="0" max="1023" value="0" step="1" oninput="fan1()"> <div class="zaholovok green" id="g">ЗЕЛЕНЙ</div> <input typ…

    Asked by Gora,

    0 votes
    16 answers

  9. Сыпятся эелементы.

    Задача: Сделать полку по всей ширине страницы, на ней находятся книги, статуэтки и т.д.Предметы должны свободно перемещаться по полке и не закрывать друг-друга.Решил с помощью плагина jquery-ui Sortable(Так же они должны подсвечиваться при наведении, выпадать из каждого элемента подсказка, при давлклике выпадать меню <— это так, к слову).Всё сделал проКроссил ,но вот беда как начинаю сужать браузер предметы с полки начинают сыпаться.Никак не могу решить проблему чтоб всё оставалось на оси х.Пробовал интересный плагин imagefit,всё здорово но при уменьшении предметы не падают а начинают съезжать с полки т.е. их не получается уменьшать картинку по оси х и у и чтобы они ос…

    Asked by climber2002,

    0 votes
    8 answers

  10. Сьезжает верстка в firefox

    Добрый день, сверстал страницу с блоком новостей которые идут под меню колонкой, по одному блоку в ширину контейнера. В хроме все нормально и в файрфокс на моем ноутбуке с разрешением 1366х768 тоже, но с другого компа верстка сьезжает именно в firefox. Немного полазил в браузере и блок становится на место если убрать overflow: hidden, но тогда текст соотвественно вылезает за пределы блока. Скинул весь css на всякий случай. body { margin: 0; padding: 0; background: url(/img/casfon.jpg); } .frame { width: 1200px; background-color: white; margin: 0 auto; box-sizing: border-box; -moz-box-sizing: border-box; } .box { width: 1100px; margin: 0 auto;…

    Asked by мурамаса,

    0 votes
    1 answer

  11. Сьезжает длинный текст пункта меню

    Есть меню в нем пункты, те пункты что очень длинные переносятся, но переносятся ужасно. Вот так: Ясное дело что надо сделать выравнивание по первой строке. Меню выглядит так: <ul class="menu" id="1"> <li class="item13"><a href="/str"><span>Структура</span></a></li> <li class="item12"><a href="/pr"><span>Правление</span></a></li> <li class="item17"><a href="/mem"><span>Управление причем очень длинное</span></a></li></ul> Получается так что текст пункта выравнивается по размеру блока li (вместе с уголком), span тоже принимает размеры li, а вот сама ссыл…

    Asked by advokatua,

    0 votes
    2 answers

  12. Сьезжает картинка древовидного меню в IE

    Добрый день! Имеется такая проблема - во всех браузерах кроме IE нормально отображается деревовидное раскрывающееся меню (на вложеном скриншоте). В IE картинка сьезжает и получается очень некрасиво. Вопрос - где копать и как это можно поправить? адрес страницы с меню - http://www.is2.rivne.com/catalog/ полный код css div.menu-sitemap-tree { font-size:100%; } div.menu-sitemap-tree ul { list-style-type: none; margin: 0; padding: 0 1em 0 0; } div.menu-sitemap-tree ul ul { width: auto; margin:-0.75em 0 0 0; padding: 0 0 0 0.75em; } div.menu-sitemap-tree li { margin: 0 0 -0.85em 0; padding:0; } div.menu-sitemap-tree li li { margin: 0 0 -0.85em 0.5em; padding:0; } …

    Asked by everething,

    0 votes
    3 answers

  13. Сьезжает структура

    Товарищи, подскажите, третий день парюсь. Почему здесь едет структура. Дело в схлопывании ul? Нужно чтоб ниже 3-х колонок ссылок шла типичная 2-х колоночная структура . помогите разобраться.

    Asked by SergeyVM,

    0 votes
    14 answers

  14. Сьезжает шапка, картинки как ссылки

    http://ufa.ufalavka.ru/ имеется сайт, проблемы в ие и мозиле в опере норм. В мозиле шапка уезжает, и сбоку картинки сделаны под меню, они почему то обведены синим, в опере такого не наблюдается. что посоветуете?

    Asked by River,

    0 votes
    7 answers

  15. Сьезжающие вниз блоки(Глюк margin:0 auto и/или border:1px solid black)

    Здравствуйте. Сама совсем недавно начала разбираться с вёрсткой сайтов. И вот уже с самого начала появилась проблема, которую не выходит решить самостоятельно. Так что, прошу помоч. Для более наглядного размещения блоков, исполйзовала border: 1px solid black. После удачного размещения все бордеры поставила в ковычки. Но после этого блоки container и header сьехали вниз на 70px (на сколько я понимаю). Блок logo остался на том же месте где был (по отношению к верхней границе экрана). в чем ошибка? INDEX - <body> <div id="container"> <div id="header"> <div id="logo"> <a href="index.php"></a> </div> </div>…

    Asked by ilaga,

    0 votes
    3 answers

  16. Сьезжет поиск

    Здравствуйте, есть сайт (covebunnies.net) на ВордПрессе, с responsive темой. Проблема в поле поиска, в ИЕ9 оно отображается практически под хедером, а в Хроме и остальных нормальных браузерах все в порядке, хотя при ресайзинге окна тоже вылетает за границы. Не подскажете в чем может быть проблема, и как это можно исправить. Заранее спасибо

    Asked by DImas95,

    0 votes
    1 answer

  17. Сьехал кусок в IE, в Опере всё норм

    Добрый день! Я не так давно занимаюсь веб строительством, возникла проблема с отображением части сайта в разных браузерах: вот код этой части сайта: <div align="left" id="topMenu"> <img src="i/topMenuLeft.jpg"> <div id="topMenuContent"> <table> <tr bgcolor="#052d0d"> <td><a href="......"> Вход </a></td> <td><a href="......"> Регистрация </a></td> <td><a href="......"> Кабинет </a></td> <td><a href="......"> Корзина </a></td> <td><a href="......"> Выход </a></td> </tr> </table&gt…

    Asked by drago17,

    0 votes
    2 answers

  18. Сьехала верстка

    Добрый деньги! Сьехал последний блок (Скрин) Подскажите, пожалуйста, что в таком случае делать, где искать проблему

    Asked by Grom12,

    0 votes
    1 answer

  19. ТOUCH scroll слайдера на css3?

    Здравствуйте. У меня на сайте есть слайдер на CSS3. Реально ли сделать тач скролл на CSS3 или все таки без JS никак?

    Asked by uppercase_css,

    0 votes
    2 answers

  20. Таб, Фильтр

    Подскажите как сделать такой таб и фильтр?

    Asked by ijsico,

    0 votes
    3 answers

  21. Табица в HTML

    Приветствую. Подскажите пожалуйста, как реализовать следующее: 1. Создаю две таблицы с одинаковыми параметрами. Таблицы должны отображаться в браузере последовательно в строчку (одна по левому, другая по правому краю), например: таблица1 Таблица2 Мазила и Опера все отображают нормально, а в IE все съезжает, в одну колонку, т.е.: таблица1 таблица2 Как можно это победить? 2. По умолчанию, таблицы привязаны к краям браузера, т.е при изменении его размеров, таблицы смещаются вместе с краями, т.е. видны. Как сделать так, чтобы при изменении размеров брауезра, таблицы не двигались вместе с его краями, а оставалась "грубо говоря" "за кадром". Использую чистый HTML, без CSS. Спас…

    Asked by maksia,

    0 votes
    3 answers

  22. Табицы стилей для определённых браузеров

    Скажите, пожалуйста, как можно задать стили элементов на странице только для определённого браузера ? Конкретно меня интересует Opera, потомучто в нём картинка rss и логотип находятся в неправильном месте. А я подстраивала CSS для Firefox и Chromium, там всё нормально. Вот стиль, описывающий иконку rss #content a.feed-icon { float: none; /* LTR */ margin-top: -5px; position: relative; bottom: 36px; top: 10%; left: 202%; z-index: 1; } Этот стиль находится во внешней таблице, вот как мне теперь сделать чтоб этот стиль игнорировался Opera и использовался альтернативный ? Вот альтернативный CSS: @media all and (min-width: 0) { #content a.feed-icon { flo…

    Asked by Goldsnich,

    0 votes
    8 answers

  23. Табл. на разных носителях

    Где написать в коде import или media, чтобы одна и та же таблица выглядели одинаково как на компьтере так и на компьтере так и на КПК. Не могу понять...Подскажите, пожалуйста... Я сделала так и не работает... <head> <link media="handheld" href="style.css" rel="stylesheet" type="text/css"> <script type="text/javascript"> </script> </head> <body> <table align="center" border="6"width="50%"> <tr> <td class="border" align="left" valign="middle" style="font-size:14px;"><b>№ Команды</b></td> <td class="border" style="font-size:14px;"><b>Вкл</td> <td class="border" styl…

    Asked by Ольга85,

    0 votes
    4 answers

  24. Табл.верстка. Подвал внизу

    Делаю курсовик-сайт по Web-дизайну. Т.к. это первая работа на HTML, а срок поджимает выбрал табличный тип верстки. Возникла проблема, не получается опустить подвал сайта вниз. Ни с помощью CSS, ни средствами HTML. Прошу помощи <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Шаблон</title> <link rel="stylesheet" type="text/css" href="style/page.css"> </head> <body> <!-- Общий контейнер --> <table cellpadding='0px' id='container'> <!-- Шапка сайта --> <t…

    Asked by lex63,

    0 votes
    2 answers

  25. Таблица

    Всем привет! Как создать таблицу что-бы независимо от содержимого ее размеры по горизонтали оставались неизменными . Нужно что-бы строка "ФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФФ" ложилась в таблицу width='150' height=* *параметр высоты незадан . Что-бы размеры таблицы изменялись в зависимости от содержимого по высоте а-не по ширине .

    Asked by dima2207,

    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