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. Проблемы с фоном на маленьких разрешениях

    Всем привет. Собственно, вопрос: Так получилось, что в шапке должна быть картинка шириной в 1800 пикселей, она не тянется и всегда стоит по центру. Весь контент сайта умещается в 960 пикселей, а вот в шапке и футере должен быть непоторяющийся фон в 1800. Т.е. в любом случае приходится задавать: #head{ width: 1800px; } Естественно, что при маленьком разрешении экрана появляется скролл, и сайт отображается не по центру. Так вот. Как сделать, чтобы фон масштабировался? Чтобы не было этого скролла, а фон как бы по бокам обрезался? И при любом разрешении сайт всегда был по центру. В общем, нужно сделать как на: http://ofs21.ru/ сделана шапка. Смотрите в разных разрешениях. З…

    Asked by Sedacove,

    0 votes
    1 answer

  2. Скругленные углы заданные в процентах у прямогульной кнопки

    Доброго времени суток, уважаемые форумчане. Имеется обычная прямоугольная кнопка, допустим div. Кнопка может менять ширину, но не высоту. Требуется скруглить ей углы, но задать значения в процентах. Пишу следующий код:

    Asked by Cypher76,

    0 votes
    1 answer

  3. CSS + SVG animation

    1) Как реализовать, чтобы при наведении мышки начиналась анимация svg, без дубиката картинки (когда одна половина статическая, а другая движется, а css только сдвигает картинку). Хотелось бы напрямую. 2) Как реализовать, чтоб анимация была подвязана к положению курсора мыши (слева подвожу - одна анимация, справа подвожу - другая анимация) На сколько я понял в svg есть привязка анимации к css - не разобрался пока. Прошу помощи у тех кто разобрался.

    Asked by VitaliyAT,

    0 votes
    1 answer

  4. :active в ie8

    У меня при клике на ссылку в меню с помощью псевдокласса active меняется фон меню. Во всех браузерах нормально работает, а в IE 8 фон меняется только тогда, когда клик около ссылки, а не на ней самой. Когда делаешь клик на самой ссылке, напримес "о нас", фон не меняется. Возможно поправить? Меню простое, горизонтальное, список ul. И в Опере 9й версии тоже тупит, то работает, то не работает.

    Asked by Маленьке Звірятко,

    0 votes
    1 answer

  5. проблема с меню

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

    Asked by maruwa,

    0 votes
    1 answer

  6. Свечение в шапке и подвале

    Подскажите пожалуйста как лучше сделать свечение в шапке! Главное что бы средние 2 фонаря были именно над контентом, а 2 крайних появлялись только в случае наличии большого монитора либо маленького масштаба. Аналогично и для фонового изображения. Если его целиком ставлю, то блок с контентом уезжает вправо.

    Asked by JosePerez,

    0 votes
    1 answer

  7. Расстояние между строками таблицы

    Здравствуйте всем. У меня вопрос по теме. Есть код, или вот страница : <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> tr td img { display: block; } </style> <title>Audi site</title> </head> <body> <table cellspacing="0" cellpadding="0"> <tbody> <tr> <td colspan="3"><img src="./images/audi_new_02.png"></td> <td style="float: right;"><img src=…

    Asked by xunicornx,

    0 votes
    1 answer

  8. css уменьшить код

    .galsmall {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} .galattach {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} .galmedium {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} Как сократить до ной строчки?

    Asked by angelShlesser,

    0 votes
    1 answer

  9. оцените верстку!

    оцените пожалуйста мою первую верстку верстку, буду рад всем замечаниям!!!! http://webfile.ru/5953814 файл нужно скачать

    Asked by olechic,

    0 votes
    1 answer

  10. Выравнивание по вертикали блока внутри блока

    Всем доброго дня. Имеем код: <div style="width:500px; height:250px;" class="container"> <div class="content">Произвольный, меняющийся контент, высоту блока задать явно не получится.</div> </div> Вопрос: можно ли div.content выровнять внутри div.container ? vertical-align:middle не работает...

    Asked by goooooch,

    0 votes
    1 answer

  11. Как распилить каждую страничку на 2 колонки?

    Здравствуйте. Использую тему Twenty Eleven. Как распилить каждую страничку на 2 колонки, чтобы в правую втыкать галереи NextGEN Gallery, для каждой странички свою? Скорее сего это надо делать не сайдбаром, а именно изменением шаблона каждой странички.

    Asked by Daria_L,

    0 votes
    1 answer

  12. Проблема вёрстки резинового сайта под HTML5

    С уменьшением ширины "резиновой" страницы построеной на HTML5 я сделал так, что у меня пропорционально уменьшается и высота header-а (т.е. "шапки"). Вопрос в следующем: почему с уменьшением высоты header-а не подымается выше content и sidebar? Я в стилях контента и сайдбара прописал: position: relative; но это ничего не меняет. ссылка на мою страницу: http://depositfiles.com/files/ykgvugjnk это я переделывал под себя шаблон из: http://habrahabr.ru/post/119127/

    Asked by arthur1974,

    0 votes
    1 answer

  13. Нужен блок с контентом фиксированной высоты с полоской прокрутки!

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

    Asked by tini.kRyptoNite,

    0 votes
    1 answer

  14. точность статистики запросов google

    Насколько отличается частота запросов в инструменте подсказок ключевых слов google Adwords от реальной частотности запросов?

    Asked by apexis,

    0 votes
    1 answer

  15. Счётчик нажатия,возможно ли?

    Примечание: Пожалуйста не пишите что то типо, иди делай на php или на фига это нужно, меняй хостинг Здравствуйте у меня возник вопрос возможно ли создать "кнопку счётчик" на HTML, тоесть счётчик нажатий на кнопку Допустим зашли на сайт нажал кнопку и около кнопки прибавилось 1 раз на неё нажали допустим было 80 на кнопку нажали стало 81 И чтобы только 1 человек мог нажать только 1 раз, дапустим проверка по ip или запоминание Куки Возможно ли такое сделать ? сайт стоит на хостинге narod.ru

    Asked by daguda,

    0 votes
    1 answer

  16. css уменьшить код

    .galsmall {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} .galattach {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} .galmedium {border: 1px solid #6A2014; padding: 1px; -webkit-box-shadow: 0px 0 10px #893C21; -moz-box-shadow: 0px 0 10px #893C21; box-shadow: 0px 0 10px #893C21;} Как сократить до ной строчки?

    Asked by angelShlesser,

    0 votes
    1 answer

  17. медиа-запросы

    Как известно, медиа-запросы не поддерживаются ie версии 8 и ниже. Как быть? Что использовать для ie 7-8? И что-за оператор "only", применимый для старых браузеров, которые не поддерживают медиа-запросы, хотя ie 7-8 на него никак не реагирует..

    Asked by a.antropov,

    0 votes
    1 answer

  18. Убрать пробелы между колонками в таблице

    Здравствуйте есть таблица.. почему-то вкруг ячейки стоят отступы.. как их убрать не понимаю.. к таблице применены следующие стили: .myclass table, tr, td, th { border: 1px solid black; border-spacing: 0; width: 290px; } tr, td { padding: 5px; text-align: left; } сделал так и заработало .myclass { border:solid black 1px; border:0; border-spacing:0px; width:160px; }

    Asked by nikki4,

    0 votes
    1 answer

  19. ie 8 и старше не отображают фон

    Здравствуйте. Проблема с IE от 8 и старше. Здесь - тест как всегда отличается IE: фон у <h2>, <p> не отображается. Как бороться? Костыли из этой темы не помогают...

    Asked by balashovka,

    0 votes
    1 answer

  20. снова div

    Здраствуйте, я уже роюсь с этим блоком уже целый день.Мне нужно убрать желтую область,чтобы реклама не смогла загородить слово "shkola" и "slogan" ,на маленьком разрешении реклама загораживает эти слова.

    Asked by crazyjkee,

    0 votes
    1 answer

  21. Несколько div в ряд

    Как сделать несколько div'ов, в ряд, так, чтобы А и B были размером под текст внутри них, а С занимал всю оставшуюся область? Вот мой вариант, но он глючит (С заезжает на B ): HTML: <div class="main"> <div class="a">div class=a</div> <div class="b">div class=b</div> <div class="c">div class=c</div> </div> CSS: .main{ padding: 1em; overflow: hidden; border: 1px solid black; } .a{ padding: 1em; border: 1px solid black; float: left; } .b{ padding: 1em; border: 1px solid black; float: left; } .c{ padding: 1em; border: 1px solid black; }

    Asked by Kenshi24,

    0 votes
    1 answer

  22. Не понимаю поведение эдементов

    Добрый день, я сейчас перемалываю стили стандартной темы wordpress (работаю с меню) и никак не могу понять почему образуется зазор. Код меню представлен ниже: <!DOCTYPE html> <html> <head> <style> /* Navigation Menu */ #access { display: block; width: 100%; text-align: center; margin: 0px 0px; padding: 0px 0px; border: 1px green solid; } #access .menu-menu-container { display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1; margin: 0px 0px; padding: 0px 0px; border: 1px purple solid; } #access ul { display: block; width: 100%; margin: 0px 0px; padding: 0px 0p…

    Asked by shtuceron,

    0 votes
    1 answer

  23. лишние файлы и производительность

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

    Asked by cyklop77,

    0 votes
    1 answer

  24. Отрицательный отступ POSITION

    Вопрос: при использовании свойства position:relative; top:-10px для блока в родительском элементе СНИЗУ образуется дополнительные +10px. Как можно от этого избавиться, если высоты родительского и дочернего элемента отличаются(высота родител. блока в %, а дочернего - в PX)? <div class="a"> <div class="a1">Первый блок</div> <div class="a2">Второй блок</div> </div> .a1,.a2{width:100px; height:100px;} .a{background:grey; width:300px;} .a1{background:red;} .a2{background:blue; z-index:2; top:-10px; left:30px;}

    Asked by Silar,

    0 votes
    1 answer

  25. выравнивание слоя по вертикали

    Сделал выравнивание слоя по центру (вертикально/горизонтально). Но появилась проблема, когда высота окна браузера становится меньше 700px, слой начинает "сьедатся" браузером сверху и снизу. Как это можно устранить? Буду благодарен за совет. сайт в архиве html{ height: 100%; margin: 0; padding: 0; } body{ font-family:"Trebuchet MS",Verdana,Tahoma,sans-serif; margin: 0; padding: 0; background-color:#fff; height: 100%; min-width: 1000px; min-height: 700px; } #content_wrap{ height: 700px; width: 1000px; margin: auto; position: relative; left: 50%; top: 50%; margin-left: -500px; margin-top: -350px; …

    Asked by Kos87,

    0 votes
    1 answer

  • Обсуждения

    • 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