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. отступ от левого края

    в ячейке таблицы текст, как лучше через CSS сделать отступ текста от левого края я сделал так: <style type="text/css"> .p1 { margin-left: 32px; } </style> </head> <body> <table> <tr> <td><div class="p1"> <p>ssssssssssssssssss</p> <p>ssssssssssssss</p> <p>sssssssssssssss</p> <p>Если соотношение отражаемых спектральных лучей схоже с соотношением, свойственным солнечному свету (преобладание сине-зеленых лучей и уменьшение содержания других цветов по краям спектра), то поверхность принимает белую окраску. Если же в соотношении спектральных лучей есть сдвиг в сторону,…

    Asked by antosha,

    0 votes
    7 answers

  2. Закругленные углы ячеек таблицы

    Добрый день. Нужно сделать рамку ячейки с закругленными углами. Смог сделать только закругленные углы у внешних углов рамки а внутренние остались прямыми как показано на примере у красной рамки. Код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Таблица</title> <style type="text/css"> table { background:green; border-top-left-radius:10px; border-top-right-radius: 10px; border-spacing:2px; } td { …

    Asked by volniy_strelok,

    0 votes
    11 answers

  3. Как расположить один блок поверх другого?

    В продолжение этого топика. Имеется 2 блока. В одном - фон, составленный из обрезков. В другом - собственно контент. Задача: расположить второй блок (div с контентом) поверх первого так, чтобы фон покрывал весь контент. Фон (в 1 блоке) сделан в виде таблицы 3x3, в которой боковые стороны тянутся, а углы - фиксированного размера. Это для того, чтоб фон был резиновым не только по горизонтали, но и по вертикали. Поэтому просто вложить слой с контентом внутрь слоя с фоном не получится. Если абсолютно позиционировать фон - то он отрисовывается поверх контента, так что это тоже не подходит. <div id="page"> <div id="page-back"> <div class="back-2"><div…

    Asked by Lex-DRL,

    0 votes
    11 answers

  4. Всплывающие подсказки - как отключить память input-ов?

    Всем привет. Проблема такая: Современные браузеры запоминают значения полей формы input при сабмите. И потом при повторном введении слов выдают автоматом всплывающие подсказки в полях типа input. Вопрос: можно ли насильно запретить такое запоминание (или вывод результатов) средствами html/js/css ? Зачем мне это? - хочу сделать свои всплывающие подсказки, ну например как на яндексе - выбирает из базы уже готовые результаты по похожим запросам и подставляют в табличку под окном поиска. В таком варианте автоматические подсказки браузера мешают - закрывают собой наши юзерские. Вариант который я вижу: т.к. запоминание происходит при сабмите формы - передалать систему так, чтоб…

    Asked by Dima_2015,

    0 votes
    4 answers

  5. Не отображается placeholder в textarea

    Здравствуйте. верстаю страничку на bootstrap3. В textarea прописан placeholder ,но он не отображается, причем placeholder в input отображается. для формы использую только стили bootstrap3 , у input и textarea одинаковые стили. (кастомных стилей для них нет) <input type="text" id="phone2" class="form-control" name="phone" placeholder="Контакты (Телефон):" required > <br/> <textarea type="text" id="message" class="form-control" name="message" placeholder="Комментарии:" required > </textarea>Пробовал задать черный цвет для placeholder textarea : textarea::-webkit-input-placeholder {color:#000;}textarea::-moz-place…

    Asked by ishurgaya,

    0 votes
    2 answers

  6. Как сделать затемнение фона у DIV?

    Привет. Есть div в стилях у него сделующее .header {background: url(../img/bg1.jpg);border-radius: 5px;min-height: 420px;} Как сделать затемнение фона при помощи css? На некоторых сайтах бывает указано так:background: #000 url(../img/bg1.jpg);

    Asked by kolhoz,

    0 votes
    3 answers

  7. Пунктирная линия (линия из точек)

    Сорри за кривое название темы, не знаю как называется линия из точек Хотя наверное это больше в css раздел темка, но все же Возникла необходимость сделать с помощью тега сделать пунктирную линию. Т.е линию представляющую собой кучу точек (.........) пробовал <hr nodashed size="1px" style="border:dotted"> но получается прямоугольник) может, тут чего с отступами нужно мудрить, хелп в общем)

    Asked by Furius,

    0 votes
    7 answers

  8. Проблема с @font-face

    Добрый день Вроде как много где пишут, про использование любых шрифтов через стиль @font-face. Но вот чего-то в Opera 9, 10 не работает Может я делаю что-то не так? @font-face { font-family: "Vesna"; src: url(../font/Vesna.eot); /* for IE6-8 */ src: local("Vesna"), url(../font/Vesna.ttf) format("truetype"); /* for Firefox 3, Safari */ } html, body { font:normal 23px "Vesna"; } Вот сайт: Посетить мою домашнюю страницу

    Asked by Chervontsev,

    0 votes
    51 answers

  9. CSS border у TR

    Народ, а че за фигня, не подскажите - не работает сие свойство у TR? Как то уже сталкивался с этим, но особой нужды разбираться не было, а сейчас вот неплохо было бы узнать в чем тут дело. Если ответом на вопрос будет остутствие поддержки этого свойства, то предложите возможные пути его эмуляции... Благодарю... (_*_)

    Asked by Deflate_,

    0 votes
    9 answers

  10. горизонтальное выравнивание <div> внутри <div>

    Нагуглил много тем с похожими обсуждениями, но в моём случае никак не получается. Код, который генерит php примерно такой: <td colspan="5" width="707" align="center"> <div id="container"> <div id="leftcol">...</div> <div id="leftcol">...</div> <div id="leftcol">...</div> <div id="leftcol">...</div> <div id="leftcol">...</div> <div id="leftcol">...</div> </div> CSS: #container { width: 705px; text-align: center; border: 1px solid black; overflow: auto; margin: 0px; } #leftcol { width: 200px; height: 200px; float: left; color: white; background: #8d7588; …

    Asked by terrrible,

    0 votes
    20 answers

  11. Почему padding не работает?

    Я в сайтостроении новичок, та что сильно не пинайте. Вобщем есть 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 href="style.css" type="text/css" rel="stylesheet"> </head> <body> <div id="wrapper"> <!-- top_header --> <div id="t_header"> <div id="t_header_middle"> <p>Левый текст| E-mail: <a href="mailto:xxxxx@mail.ru" title="Написать нам письмо">xxxxx@mail.ru<…

    Asked by Vensdale,

    0 votes
    6 answers

  12. При нажатии на одну ссылку открывались 2-ве

    Как сделать, что бы при нажатии на одну ссылку открывались 2-ве ссылки один для раздела сайта другой рекламный прошу помощи...

    Asked by Artemis56,

    0 votes
    31 answers

  13. Заменить курсор на лупу

    Как заменить стандартный курсор на лупу, когда курсор находится над фото? В описании CSS есть свойство для курсора, но там нет изображение лупы (

    Asked by amanito,

    0 votes
    10 answers

  14. div за курсором

    Здравствуйте, дорогие участники форума. Помогите осуществить замысел. Первая из проблем, с которой я столкнулся при реализации замысла такая: У меня есть div-блок: div.panel { position: absolute; z-index: 0; width: 100%; height: 150px; } Как вы видите, этот блок растянут по ширине, с высотой 150px. Мне нужно сделать так(видимо, с помощью javascript): Чтобы этот div блок следовал за курсором мыши. Независимо от горизонтального передвижения курсора. Помогите, заранее благодарен.

    Asked by f1nik,

    0 votes
    10 answers

  15. Выравнивание текста в ссылке по вертикали

    Если a{display:block}, то как в этом блоке выровнять текст по вертикали. Пробовал поместить текст в тег <p> и задать p{vertical-align:middle;}, то есть <a><p>текст</p></a>, но не получается:браузер это выравнивание не отображает

    Asked by shady,

    0 votes
    6 answers

  16. Заголовок списка

    Как правильно задать заголовок списка? Нашел в интернете тег <lh>, но в htmlbook его нет. Может он уже не используется? Как правильно задать заголовок списка?

    Asked by apexis,

    0 votes
    6 answers

  17. добавить в свой сайт шрифт Roboto

    Всем привет, Хочу добавить в свой сайт шрифт Roboto Для этого захожу на https://www.google.com/fonts и выбираю настройки вроде &nbsp; &nbsp; &nbsp; &nbsp;<link href='https://fonts.googleapis.com/css?family=Roboto:400,700,400italic,700italic' rel='stylesheet' type='text/css'> Мне крайне не нравится что при способе с внешней ссылкой при работе на локальном сервере сайт лезет на гугл Это инода заметно тормозит Поэтому нашел ссылку и скачал файл fonts-master.zip в 262 MiB Судя по всему это ВСЕ файлы гугла? В каталоге Roboto есть файлы : METADATA.pb Roboto-BlackItalic.ttf Roboto-Black.ttf Roboto-BoldItalic.ttf Rob…

    Asked by mstdmstd,

    0 votes
    4 answers

  18. Жесть

    какая альтернатива в css ессь этому <meta name="viewport" content="width=device-width" /> чтобы сделать бооольшую страницу в мобильном браузере равной ширине экрана телефона. так как многие говорят это жесть.

    Asked by abcde,

    0 votes
    2 answers

  19. Кнопка копирования..

    Доброго времени суток. Меня интересует вот что, существуют-ли скрипты, Для того, чтобы можно было определённый текст скопировать очень быстро . Пример: У меня есть страница на сайте юкоза, и там текст, я его выделаю, и копирую ctrl+c. Надо: А надо, чтобы либо нажать рядом с текстом этим на какую-нибудь кнопочку и этот текст чтобы был скопирован моментально. Как это можно реализовать? Очень очень очень очень нужно( В флеше не рулю. И в js. Всех заранее благодарю за помощь.

    Asked by Eridia,

    0 votes
    16 answers

  20. С чего начать самостоятельное изучение HTML5?

    Здравствуйте. Есть намерение самостоятельно изучить HTML5. Именно HTML5 выбрал интуитивно, опираясь лишь на идею о том что если что-то изучать с нуля, то изучать последнюю так сказать версию, чтобы к моменту более менее уверенного чувствования себя в этой информации, она не утратила своей актуальности, как например старые языки программирования. Изучить собираюсь не абстрактно ради того чтобы изучить, а под конкретную задачу. Для разминки нужно сделать несколько простых, но немножко разных сайтов, затем приступить к главному порталу где без программирования не обойтись (но это отдельная тема). Оговорюсь, что минимальное понимание тегов и атрибутов есть, все что связано с …

    Asked by q3dm4pro,

    0 votes
    10 answers

  21. Почему не работает @media?

    Задача: на экранах с шириной до 480px убрать сайдбары, после чего заполнить их место контентом. Что сделал: в общем css файле в самом верху прописал: @media=only screen and (max-device-width:480px) {#sidebar1,#sidebar2 {display:none;}#wrapper {max-width:480px;}#header, #menu, #content, #footer {width:100%;}}/* далее идет основной css для всех */Тестирую в файрфоксе инструментами для разработчика. Ничего не меняется. Вопрос: что сделать, чтобы заработало?

    Asked by nikki4,

    0 votes
    20 answers

  22. div выходит за границы родителя

    Здравствуйте, делаю скелет шаблона, столкнулся с проблемой, при использовании float:left, блок выходит за границы родителя. Тег используется всего 2 раза, в одной части сайта. Проблемная часть помечена в коде. HTML <html> <head> <title>Games For Life</title> <link rel="stylesheet" type="text/css" href="template.css"/> </head> <body> <div id="body"> <!--Head--> <div id="head"></div> <div id="link"></div> <!--/Head--> <div id="flash"><img src="images/flash.jpg" border="0"/></div><h4 class="indi_name"><u>Инди-проекты:</u></h4> <div id="indi"> …

    Asked by ProMira,

    0 votes
    3 answers

  23. Как сделать чтобы картинка менялась через промежуток времени.

    Привет, я не знаю в правильном ли я разделе выкладываю этот вопрос, если нет i'm so sorry. В общем пробоема такая, я увидел на Ebay как оформлен item. И захотел сделать так же, Когда заходишь на его страничку, там есть описание его лота и картинка спрва....и она постоянно меняется. Вопрос как это сделать? что бы она менялась даже если не наводишь на неею Спс за помощь. P.S я HTML и CSS знаю...но тут я понимаю надо подключать язык какой либо...(

    Asked by Vitaly-NY,

    0 votes
    4 answers

  24. Как выровнять ссылки внутри div'а?

    Есть div, левая колонка. ширина 20%. Внутри идут кнопки меню, ссылка как блочный элемент display: block с фоном картинкой. Эти ссылки съезжают к левому краю экрана, даже если в параметрах divа стоит text-align: center. Если задавать ссылке margin, даже в процентах, при большом разрешении вс? равно неровно получается. Как выровнять эти картинки-ссылки так, чтобы они были по центру, с равными отступами от кра?в колонки?

    Asked by green,

    0 votes
    5 answers

  25. Проблемы анимации при использовании CSS Transition и display: none/block

    Делал анимацию с появляющимися и исчезающими блоками через CSS Transition. Но наткнулся на проблемы. Проблему локализовал в таком коде: <style> #animated { -webkit-transition: opacity 1s; -ms-transition: opacity 1s; -o-transition: opacity 1s; -moz-transition: opacity 1s; transition: opacity 1s; padding: 1em; border: 1px solid black; } </style> <script> function fadeIn() { document.getElementById('animated').style.display = 'block'; document.getElementById('animated').style.opacity = '1'; } function fadeOut() { document.getElementById('animated').style.display = 'none'; document.getElementById('animated').style.opacity = '0'; } <…

    Asked by Anton Diaz,

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