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

    Доброго времени суток. Подскажите пожалуйста, почему такое происходит. Страница сайта загружается не сначала, а с небольшим скролингом, примерно пикселов 20-30. И поэтому шапку сайта видно не полностью, верхняя часть шапки скрывается за верхней границей окна браузера. Может я чего туплю? Но уже несколько дней ломаю голову.. Временно прописал <body onload='window.scroll(0,0)'>, но ведь это не правильно..

    Asked by curious,

    0 votes
    6 answers

  2. Проблема с высотой контейнеров

    Здравствуйте. Делаю резиновый сайт. Не оплучается сделать нормальную высоту контейнера, работает только с фиксированным размером. Перепробовал вё что можно, не получается и всё Суть в том ещё, что сделано несоклько слоёв, на нижнем слое помещён слой с картинкой фона, который должен так же ресайзится. Может проблема в этом... В коде жирным выделил, то, что добавлял, думая, что это поможет... Код html: <div id="wrap"> <link href="css.css" rel="stylesheet" type="text/css" /> <div id="layerbg"> <img border="0" src="pict/bg.jpg" width="100%" height="100%"></td> </div> <div id="header" align="center"> <div id="topmenu" align="c…

    Asked by Hobu4ek,

    0 votes
    4 answers

  3. Помогите с позиционирование простой структуры блоков

    Доброй ночи. Помогите пожалуйста раобраться с позицонированием блоков норме 1,2,3 относительно контента. Какие надо им дать параметры в цсс для верного отображения? Потому как текущи код выстраиваит их в рядок, никто никого не обтекает. .1 { overflow: hidden; min-width:25px; min-height:40px; margin: 5px; position: relative; float: left; z-index: 0; width: 25px; height: 40px; } .2 { overflow: hidden; min-width:25px; min-height:600px; margin: 0; position: relative; float: left; z-index: 0; width: 25px; background-color: #FFFFFF; } .3 { overflow: hidden; min-width:25px; min-height:600px; margin: 0; position: relative; float: l…

    Asked by artpol,

    0 votes
    5 answers

  4. Появление введённого текста на странице

    Здравствуйте! Я самоучка, по этому мой вопрос может показаться вам глупым! Так вот! Нужно сделать так, чтоб на одной странице пользователь заполнял строки, а на другой странице показывалось то, что он написал! Может мне нужно воспользоваться формами? Жду ответа! Заранее спасибо!

    Asked by Andrfas,

    0 votes
    3 answers

  5. градиент тегом

    Возможно ли сделать градиент не вставляя картинки, а атрибутом тега?

    Asked by Pavlov___,

    0 votes
    1 answer

  6. Влияет ли семантика на результат поиска?

    Недавно в мобильном интернете наткнулся на конкурс по продвижению 'бессмысленной фразы' в поисковиках. Участвовать в нем я не собираюсь, но глядя на коды страниц захотелось доказать (вне конкурса), что важней всего не мета теги, а семантика html. Посмотрите, пожалуйста, грамотно ли я сложил страницу? код удалил, так как эта тема уже в поиске отображается И будет интересно узнать влияет ли семантика на результат поиска или она нужна просто для валидации

    Asked by Gnom7,

    0 votes
    7 answers

  7. Слетает ширина столбца таблицы

    Добрый день. http://salecement.ru/ Правая колонка таблицы переодически меняет свою ширину. Т.е прописано 22%, но иногда при загрузке страницы она становиться явно больше....

    Asked by Frolov,

    0 votes
    14 answers

  8. Не работает внешний CSS

    Сервак Денвер 3. ОС - Windows 7. Когда прописываю стиль непосредственно на странице всё нормально, а внешняя таблица не работает. Я в CSS абсолютно не разбираюсь, но чтобы разобраться необходимо что-бы он хотя бы как то работал. Помогите плиз. Вот упрощённый код страницы и таблицы стилей. Страница: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link rel=”stylesheet” type=”text/css” href=”http://bookinist.b13.su/html/w.css”> </head> <body> <p>lkdfjglsd</p> </body> </html> Таблица: body {background-color: red;} p{color: green;}

    Asked by vamfirius,

    0 votes
    3 answers

  9. Как показать несколько изображений на одном месте одновременно?

    Добрый день. У меня есть несколько местами прозрачных изображений одинакового размера, которые хотелось бы показывать наложенными друг на друга в различных комбинациях - типа слоёв. Не подскажите, как лучше это сделать? Заранее спасибо.

    Asked by ysa_list,

    0 votes
    1 answer

  10. проблема отоброжение в ie7

    Есть таблица в ie8, opere,mozile показует норм, а вот в ie7 отступы не применяются #table_1 { width:478px; margin:47px 100px 70px 124px; } В ie7 таблица привязуется к верхнему левому углу.

    Asked by fastikkk,

    0 votes
    1 answer

  11. Правильно ли я составила DOCTYPE?

    Мне на свой сайт нужно поставить DOCTYPE. При создании сайта я использовала HTML и CSS. Как я понимаю DOCTYPE для моего сайта должен выглядеть так: !DOCTYPE html PUBLIC "-//W3C//DTD HTML/CSS Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" (по бокам скобки) Правильно?

    Asked by anna-2010,

    0 votes
    1 answer

  12. Аудио плеер на сайте

    На сайте есть несколько радиостанций, которые пользователи должны, слушать в плеере на сайте на данный момент радио играет через плагин windows media player, но это только для винды html 5 <audio> - не всеми браузерами поддерживается и не может играть все радиостанции, ссылки вида mms:// он не воспринимает пробовал различные флеш плееры, но они играют только mp3, кучу других форматов не воспроизводятся возможно ли сделать какой либо универсальный плеер, для разных браузеров и ОС? либо подскажите какие стандартные плагины есть на маке и линуксе (хотя бы в убунте 10), чтоб пользователям не пришлось устанавливать кучу дополнительного софта

    Asked by alex196,

    0 votes
    0 answers

  13. Масштабирование картинки в IE

    <table width="100%" height="100%"> <tr> <td> <img width="100%" src="angel.jpeg"/> </td> </tr> </table> Во всех браузерах кроме IE этот код автоматически масштабирует картинку. В IE картинка остаётся реального размера и появляются полосы прокрутки. Как решить эту проблему?

    Asked by Mihaile,

    0 votes
    3 answers

  14. При попытке адаптировать шаблон уплывают смайлы

    При попытке адаптировать HTML/CSS шаблон для DLE вниз уплывают смайлы вот что имеем Может кто знаком с DLE, что в ответе за такую каку.

    Asked by magls,

    0 votes
    0 answers

  15. Не могу понять, откуда берется отступ?

    То ли я не выспался, то ли что.. не могу понять, откуда берется прореха между пунктами меню: Вот код: <html> <head> <style type="text/css"> <!-- * { margin:0; padding:0; } ul, li { list-style:none; } ul.mainmenu, ul.mainmenu li { display:inline; } ul.mainmenu li.active a, ul.mainmenu a:hover { background:#353535; color:#fff; } ul.mainmenu a { display:inline-block; padding:10px 15px; text-decoration:none; color:#353535; font-size:1.75em; } --> </style> </head> <body> <ul class="mainmenu"> <li class="active"><a href="#">menu</a></li> <li><a href="#">menu</a></li>…

    Asked by d0ublezer0,

    0 votes
    1 answer

  16. Высота курсора в поле ввода (Mozilla)

    http://test.sinclairshop.ru/maket.php верхнее поле с поиском - когда ставлю курсор в поле, он получается высотой с поле целиком, а когда начинаешь набирать что-то, то курсор сжимается по вертикали примерно на 2-4 пиксела. Вот как бы сделать так, чтобы курсор всегда был в "сжатом" виде? В IE всё хорошо.

    Asked by d0ublezer0,

    0 votes
    13 answers

  17. slider+tooltip

    Подскажите реализацию карусели с тултипами. Сколько не смотрел и не пробовал ничего не выходит. Обычно тултипы не идут за слайдом, и выскакивают в первоначальном положении. А карусель циклическая. т.е. у нас есть некая карусель <div class="slider"> <ul> <li><a href="" rel="tooltip.html">ссылка</a></li> <li><a href="" rel="tooltip.html">ссылка</a></li> <li><a href="" rel="tooltip.html">ссылка</a></li> </ul> </div> тултипы грузятся аяксом, но это не суть важно, можно и из скрытых дивов. в тултипе картинка + ссылка. т.е. по нему можно кликнуть, он не исчезает сразу. в кач…

    Asked by npofopr,

    0 votes
    0 answers

  18. При загрузки страница скачет

    Товарищи помогите решить небольшую проблемку. Недавно сделал страничку с фиксированной верстой, из-за боковых теней пришлось сделать одну таблицу. В центральную фиксированную по ширине колонку вставлен контент , а в боковые тени. Все нормально работает , но при загрузке странице она скачет из правой стороны к центру, особенно заметно на медленном соединение с интернетом. Не подскажите как можно это исправить или просто как-нибудь не давать странице загружаться постепенно.

    Asked by gvozdik,

    0 votes
    8 answers

  19. Правка сайта непрофессионалом

    Добрый день! Устроилась на новую работу, где мои основные обязанности занимают 10% моего трудового времени. Предложила свою кандидатуру для правки информации на наших сайтах, так как она (информация) не обновлялась около года (отсутствует соответствующая должность в связи с сокращением). Подскажите, насколько сложно будет мне вникнуть в процесс? или человеку абсолютно без опыта лучше не соваться?

    Asked by кристина,

    0 votes
    1 answer

  20. Стиль для ячеек таблицы

    Ребят, подскажите пожалуйста, как можно сделать так, чтобы ячейки были все с бордерами у определенной таблицы. Как писать бордеры я знаю, а вот как реализовать вот это что то не получается. Например у меня таблица с классом special, как можно сделать для нее, еще один стиль приминимый для ее ячеек. Вот пример. Все сделал, а как написать класс для td'эшок не знаю. При чем так чтобы, не приходилось, подписывать каждую td'эшку: <style> .special {margin-bottom: 24px; width:80%; border-collapse: collapse; border: 1px solid;} .t1 {text-align:center; background-color: #e6abb2; font-weight: bold;} </style> <table class="special" cellspacing="0" cellpadding="5"> …

    Asked by Igorpurgen,

    0 votes
    3 answers

  21. Кнопки

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

    Asked by Karamba,

    0 votes
    9 answers

  22. Музыка

    Я хочу чтобы на странице была какая нибудь кнопка, или картинка, и после её нажатия воспроизводился данный звук... Я пробовал так как указано в примере на сайте <bgsound src="town.mid" loop="-1"> Но ничего не выходит((( И мид переделывал на мп3 -1 изменял на 1 Даже если бы вышла, всё равно нужна маленькая картинка или кнопка. стати, когда нажимаеш второй раз, музыка прекращается, а так же она прекращается когда выходиш со страницы. Помогите кто..

    Asked by Karamba,

    0 votes
    10 answers

  23. Не опознанная штука

    Вот на этом сайте, ребят не подскажите что за маленький квадратик в правом верхнем углу над головой девушки консультации по телефону на этом сайте http://yaroslavllift.ru/ при просмотре в гугл хроме? Кто ответит тому дам конфетку))

    Asked by Igorpurgen,

    0 votes
    7 answers

  24. Проблема с сайтом при уменьшии окна браузера IE7

    Здравствуйте...ситуация вот такая: был на данном ресурсе выложен макет сайта (Первый оранжевый).... решил я попробовать свои силы и начал верстать... в итоге в Opera все смотриться неплохо и при уменьшении размеров окна и на 100%, а вот при открытии сайта в IE7 и при уменьшении размера окна, правая колонка начинает съезжать на правую.... в итоге все скачет (. Я подозреваю, что свойство min--width не работает в IE7, но я добавлял даже строки в css код для body: width:expression(document.body.clientWidth > 980? "100%" :"980px"); но ничего не меняется..... кому не тяжело, прошу посмотреть мой сайтик и ли хотя бы дайте совет, что посмотреть))) Вот, собственно, и адрес са…

    Asked by Navigator_,

    0 votes
    2 answers

  25. упорядочивание блоков

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

    Asked by челХ,

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