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. Почему не работает animation-delay?

    Задача - появление блока внизу экрана спустя определенное время. например для теста через 5 секунд, в течение 3х секунд всплытие .block { display:block; width:100%;max-height:340px; height:220px; position:fixed; background:coral; bottom: 0; max-width:900px; animation:anim 3s; animation-duration:anim 3s; -webkit-animation-delay: 5s; -moz-animation-delay: 5s; -o-animation-delay: 5s; animation-delay: 5s; } @keyframes anim { from {bottom:-100%;} to {bottom:0;} } Живой пример Если не добавлять задержку выезжает через 3 сек. если добавить - сразу появляется и задержки нет. разобрался с вопросом. Надо было изначал…

    Asked by nikki4,

    0 votes
    1 answer

  2. Как получить прогноз погоды и курс валюты в виде текста?

    Здравствуйте. Я хочу сделать на своём сайте строчку вроде "... Сейчас в Иркутске +15, ночью будет +2. Курс доллара упал до 27.32..." Естественно хочется подставлять температуры и курс автоматически. То-есть их надо откудато забирать или вроде того. Вопрос: Как это сделать?

    Asked by Kujibiki,

    0 votes
    2 answers

  3. Замена текста другим текстом под средством css

    Доброе время Можно как-то заменить один текст на другой текст через css? Есть много техник заменить текст на картинку, а текст на текст не понимаю как... Пример: <ul class="links main-menu"> <li class="menu-1"><a title="" href="#">Техподдержка</a></li> ... </ul> Надо получить через css: <ul class="links main-menu"> <li class="menu-1"><a title="" href="#">[Карамба]</a></li> ... </ul> Возможно такое реализовать, когда есть доступ к перекрытию css на сайте?

    Asked by Compaq6720s,

    0 votes
    11 answers

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

    Люди, проясните ,пожалуйста! Грызу мат. часть, наметился пробел в понимании. Вопрос в следующем: 1. Почему в ниже приведенном примере не работает выравнивание текста по вертикали, с помощью "vertical-align"? Конфликт инлайновых и блочных категорий? 2. Как при помощи CSS, в Div выравнять текст по вертикали без применения маржинов и пейжинов (что-нибудь типа text-align: center; - тока по вертикали...)? Утопия? Капец, сам не угрызу... У кого есть разжеванное? Спасибо за внимание. <HTML xmlns="http://www.w3.org/1999/xhtml"><HEAD><META http-equiv="Content-Type" content="text/html; charset=UTF-8"> <TITLE>Документ без названия</TITLE> <STYLE t…

    Asked by nik70,

    0 votes
    12 answers

  5. Многостраничный сайт

    <html> <head> <title>Здравствуйте!<title> </head> <body> Начал изучать HTML и CSS создал свою первую страничку подключил стиль (css) сделал все как полагается)) Вопрос: Как мне сделать многостраничный сайт (это мне надо к каждому пункту меню создавать отдельные html страницы и подключать главному?) P.S Вот сайт Lukandi прошу покритикуйте </body> </html>

    Asked by Taurus,

    0 votes
    10 answers

  6. Разноцветные буквы

    В старых версиях html можно было с помощью тега font color задать цвет каждой букве <font color="#ff0000">ц</font><font color="#FFCC00">в</font><font color="#00CC00">е</font><font color="#0066FF">т</font> получался веселый разноцветный текст. Как сделать такое грамотно теперь?

    Asked by Ann,

    0 votes
    15 answers

  7. Убрать отступы между картинками

    Добрый день. Подскажите пожалуйста, как убрать отступы примерно в 2px между картинками, расположенными в одном div-е. Общая ширина четырех картинок в сумме 664px. По идее картинки должны располагаться одной строкой без отступов. Но последняя уходит вниз и между всеми появляется совершенно ненужный горизонтальный отступ в несколько пиксел. <div class="mainmenu"> <a href=""><img src="images/about.png" alt="" /></a> <a href=""><img src="images/serve.png" alt="" /></a> <a href=""><img src="images/offer.png" alt="" /></a> <a href=""><img src="images/course.png" alt="" /></a> </div> div.main…

    Asked by alenkins,

    0 votes
    13 answers

  8. Проблемища при масштабировании

    При масштабировании ("ctrl"+"-") блоки съезжают друг под друга. Это такой баг браузеров и стоит забить, или же нужно делать как-то по-другому? При смене же разрешения ничего не смещается. Ну не переношу, когда вёрстка разваливается при масштабировании Это не первый момент с float в моих работах, раньше забивал, теперь хочется понять, почему так происходит? спасибо заранее <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> <style> h…

    Asked by monsterr,

    0 votes
    21 answers

  9. User agent stylesheet

    user agent stylesheet - это что за зверь вообще? И откуда он берется? Вопрос в том, что стили, прописанные (непонятно откуда) в user agent stylesheet перекрывают стили прописанные в в файле css. !important не помогает. style="..." не помогает. Откуда этот user agent stylesheet вообще берется? Вот скриншот

    Asked by Imperil,

    0 votes
    7 answers

  10. Пробелы в названии класса CSS

    Только осваиваю CSS (кстати спасибо авторам сайта за такой информативный ресурс). Возникло следующее недопонимание: В генерируемых друпалом страницах блоки DIV имеют в названии класса пробелы. Например, <div class="field field-type-filefield field-field-cover"></div> Понятное дело, что к ним не получится обратиться селектором вида: .field field-type-filefield field-field-cover {...} Как я столкнулся с этой проблемой - поискал на сайте друпала и наткнулся на этот топик. Там даётся частичное решение, но всё равно кое-что остаётся неясным. Думаю, уместнее эти вопросы задать здесь. Если мы пишем конструкцию с пробелами в атрибуте class - это мы как бы присваев…

    Asked by Lex-DRL,

    0 votes
    7 answers

  11. как сделать полупрозрачный border

    как сделать полупрозрачный border как на этом сайте http://css-tricks.com/ вот - исходный код смотрел и этого там нет

    Asked by T@NKIST,

    0 votes
    23 answers

  12. Лучший на свете вопрос

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

    Asked by Justnewone,

    0 votes
    19 answers

  13. Button. Как убрать рамки у тега <buttton>?

    Тег Button по умолчанию имеет рамку. button { border:none; } Помогло. Но в фокусе всё равно появляется рамка. Псевдокласс не помогает button:focus { border:none; } Что делать???

    Asked by myRoot,

    0 votes
    1 answer

  14. Перевод pt в px ?

    Размеры шрифта в макете заданы в пунктах (12pt). Нужно ли эти размеры при верстке переводить в px или em ? Если да , то как это сделать ? Спасибо.

    Asked by Melnik,

    0 votes
    15 answers

  15. Position fixed для IE6

    Есть плавающий блок (position fixed) и во всех браузерах нормально отображается. А в IE6 position fixed оказывается не пашет. Искал в гугле, но там описаны способы закрепляющие блок в топе. А мне необходимо закрепить этот слой в боттом. Подскажите как это сделать? Вот CSS того самого блока: width:200px; background:#F8F8F8; padding:2px; border:1px #CDCDCD solid; position:fixed; right:4px; bottom:2px; z-index:81

    Asked by Nigelist,

    0 votes
    44 answers

  16. Как расположить div справа от предыдущего

    Есть код <div class=all_page> <div class=left_content_border> <div class=left_content> <img src="/site_resources/images/sidebanner.jpg"/> <div class=second_menu> Это первый блок </div> </div> </div> <div class=right_content_border> <div class=right_content> Это второй блок Он должен находиться справа от первого </div> </div> </div> </div> Вот стили .left_content_border{ margin-left: 5px; width: 248px; background-color: #ebebeb; float: left; } .left_content { margin-right: 4px; background-color: #ffffff; } .right_content_border { background-color: #ebebeb; marg…

    Asked by Casufi,

    1 vote
    12 answers

  17. как растянуть на 100% div-блок (position:absolute;)?

    В общем, проблема такова: есть div-блок, котрый позиционирован по абсолютным координатам, допустим, слева:100px и сверху:100px; Мне нужно его растянуть до низа страницы - т.е. сделать высоту:100%. Пишу, значит: height:100%; и происходит следующее: этот div-блок "вылезает" за низ экрана ровно на столько, на сколько я его отодвинул сверху - на 100px!!! Что делать? Может я изначально неправильно делаю? Как растянуть этот блок ровно до низа экрана? А, еще, доктайп: quot;-//W3C//DTD HTML 4.01 Transitional//EN"> В IE этот прикол со 100% работает корректно - ниче никуда не вылазит, а в Мозилле глюки - вылазит!

    Asked by artuska,

    0 votes
    23 answers

  18. Свой шрифт в CSS

    В общем, нужно подключить свой шрифт на сайт, шрифт гостовский какой-то, GOST type A, так вот я в первый раз столкнулся с тем что не работает @font-face 8( я уже и так и сяк пробовал - не срабатывает шрифт(понять легко у него особое написание букв) вот кусок CSS: @font-face { font-family: "GOST type A"; src : url("http://xxx/css/GOST type A.ttf"); } //путь до ttf верный - если вставить в браузер - предлагает скачать шрифт //пробовал все возможные варианты, и относительные ссылки и абсолютные и без кд //путь до ttf верный - если вставить в браузер - предлагает //скачать писать - ничего не срабатывает //файл с шрифтом тоже пробовал называть по разному ——— body{ font-si…

    Asked by to_kill,

    0 votes
    5 answers

  19. Высота ячейки таблицы

    Всем день добрый. Глупый вопрос: есть таблица - три столбца и три строки, я объединяю второй столбец на все три строчки. В этот второй столбец помещается большой по высоте контент, высота заранее неизвестна. Как мне выставить высоту первой и третьей строчки? Ни в какую не хочет. Заранее спасибо! Простейший код, имитирующий данную ситуацию: <html> <body> <table border="1"> <tr height="15"> <td width="100">1</td> <td width="100" rowspan="3">2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2<br>2&l…

    Asked by RegEditor,

    0 votes
    24 answers

  20. Как задать фото, которое подтягивается при вставке URL?

    Как задать через html или css или ещё как-то – изображение, которое автоматически подтягивается при вставке ссылки в поле ввода сообщения (например в VK или Facebook)? Прикрепил 2 примера.

    Asked by Юрий Гец,

    0 votes
    5 answers

  21. <div> в линию

    Столкнулся со следующей проблемой Хочу разместить несколько див элементов в одну строку, что бы они шли по очереди, без интервалов. Получается это сделать, если для каждого див элемента прописывать лефт\топ\райт позицию. Это довольно долго, и, как мне кажется, не совсем правильно. По другому никак не могу сделать. К примеру, в css в класс див вставлял display:inline - не помогло, пробовал float - тоже нуль результатов. Буду благодарен за помощь Код html <html> <link href="style.css" rel="stylesheet" type="text/css"> <body> <div class="qwe" style="position:absolute;">див 1 </div> <div class="qwe" style="position:absolute;">див 2 </d…

    Asked by a1rborn,

    0 votes
    5 answers

  22. li блочный или строчный?

    скажите пожалуйста допустимо ли использовать внутри <li> тэги <h3>, <div>? в справочнике этого сайта я так и не нашел информации о типе <li>. есть мнение, что такое использование несемантично. хотелось бы понять почему

    Asked by cyklop77,

    0 votes
    10 answers

  23. Прозрачность textrea и input. Скроллинг textarea

    Можно ли поля textarea и input'а сделать прозрачными, т.е. чтобы текст писался не на белом фоне, а на фоне родительского объекта. И как сделать чтобы полоса прокрутки в textarea появлялась только после выхода текста за границу.

    Asked by Chebas,

    0 votes
    7 answers

  24. Любителям блочной верстки на засыпку!

    Ну, во первых, здравствуйте! Начал я совсем недавно пытаться верстать дивами. Не скажу, что получаю удовольствие, что были моменты, которых я бы не сделал таблицами, но тем не менее стремлюсь к прогрессивному. А теперь, уважаемые знатоки, вопрос: 2столбцовый макет. Ширина левого меняется произвольно (в зависимости от содержимого). Правый - от конца левого и до конца экрана. С помощью таблиц - решается очень прозрачно. Хотелось бы увидеть, что существует такое же прозрачное решение и для дивов Спасибо за внимание

    Asked by shamahn,

    0 votes
    141 answers

  25. Родительский div не хочет растягиваться на всю высоту дочерних.

    3-ий день мучаюсь - не удаётся решить банальнейшую задачу. Родительский блок содержит 2 дочерних, которые располагаются друг за другом. Родительский блок должен "окружать" дочерние - а вместо этого он рисуется, словно ничего внутри него нет: HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html dir="ltr" xml:lang="ru" xmlns="http://www.w3.org/1999/xhtml" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title>Simple Test | Простой тест</title> <link type="text/css" rel="stylesheet" media="all" href="simpletest.css"> </…

    Asked by Lex-DRL,

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