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. Можно ли сделать такой сложный макет

    Скажите пожалуйста, можно ли создать такой макет? Все что я сумел сделать это выстроить 4 блока - https://jsfiddle.net/nczm2aps/ а вот как сделать вертикальные разделения? Флекс во флексе?

    Asked by alleclf,

    0 votes
    1 answer

  2. Класс header_wrapper не принимает свойства css

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Discover Amazing places in Japan</title> <link rel="stylesheet" href="./css/style.css"> </head> <body> <header class="header"> <div class="wrapper"> <div class="header_wrapper"> <div class="header_logo"> <a href="/" class="header_logo-link"> <img src="./img/svg/odigo-Logo.svg" alt="Discover A…

    Asked by Prostalm,

    0 votes
    1 answer

  3. как можно сделать видимый scale на элементах внутри overflow:scroll?

    Привет. Помогите советом: есть ли какой-то трюк с расположением элементов внутри скролл-контейнера, чтобы при наведении и увеличении они не обрезались родителем? https://codesandbox.io/s/scroll-and-scale-yv3kq0?file=/src/App.js Можно и не внутри контейнера, но главное, чтобы лишнее скроллилось, а при наведении не обрезалось.

    Asked by d0ublezer0,

    0 votes
    1 answer

  4. Проблема с шириной ячеек

    Нужно страны сделать также близко, как на картинке, но не знаю как. Размер ячеек задается по умолчанию для всех и не знаю, как сделать чтоб он был индивидуальный. Можно ли отменить наследования размера от столбца у ячейки?

    Asked by ArrogantSpectator,

    0 votes
    1 answer

  5. не применяются медиа запросы в верстк

    подскажите по какой причине не применяются медиа запросы в верстке mth.zip mth.zip

    Asked by _dendy_,

    0 votes
    1 answer

  6. Недавно начал изучать front-end. Хотелось бы мнения и совета.

    Меня самого смущает свой способ добавления фотографий в этом документе. Я хотел расположить четыре изображение в ряд + кнопку под каждой. Никаких других способов не нашёл, потому что кнопка вставал слева от изображения, либо изображения не находились в центре. Есть ли какие-нибудь другие варианты, чтобы сделать так, как есть сейчас, но проще? У меня 2к монитор, на нём изображения расположены, как на скриншоте ниже. learntohtml.7z

    Asked by Dkhat,

    0 votes
    1 answer

  7. Не работает autoplay

    Здравствуйте , обясните пожалуйста почему не работает autoplay, видео само не воспроизводиться при загрузке страницы , вот код <!DOCTYPE html> <html> <head> <title>HTML5: добавление видео на страницу</title> </head> <body> <video src="C:\Users\Арсений\Desktop\Картинки и Видео\лес.mp4" poster="C:\Users\Арсений\Desktop\Картинки и Видео\лес.png" width="400" height="300" autoplay preload controls loop> <p>лес после дождя</p> </video> </body> </html> Пробовал писать autoplay="autoplay" все равно не работает

    Asked by Mextrive,

    0 votes
    1 answer

  8. HTML - Зачем этот тег?

    Для чего используют тэг <area>? Простыми словами ответ плизз+

    Asked by XXCMD,

    0 votes
    1 answer

  9. Как разместить div по соседству с другим контейнером?

    Здравствуйте, вот два блока div "class=block1" и "class=block2", как их расположить вместе? <div class="test"> <div class="block1" style="background-color: rgb(210, 180, 140);"> <p contenteditable="true"><br></p> </div> <div class="block2"> <button class="delete">X</button> </div> </div> <div class="test"> <div class="block1" style="background-color: rgb(210, 180, 140);"> <p contenteditable="true"><br></p> </div> <div class="block2"> <button class="delete">X</button> </div> </div> При…

    Asked by Katerina23,

    0 votes
    1 answer

  10. див уходит за границу экрана

    есть див с 5 img, при уменьшении экрана див выходит за него. Я добавил overflow: auto для этого div в надежде на то, что я смогу прокручивать фотки с помощью скроллбара, однако даже с ним почему-то я не вижу часть фоток которые вышли за границу. Что с этим можно сделать? класс video повторяется 5 раз, я тут оставил только 1 .content{ width: 90%; background-color: #333; } .video{ margin: 0px 4px 0px 4px; width: 310; display: flex; flex-direction:column; } .video_button_text{ margin-top: 10px; display: flex; flex-direction: row; font-size: 20px; color: white; } .video_text_div{ display: inline-block; width: 250px; }…

    Asked by Mix9,

    0 votes
    1 answer

  11. Не работает reset на кастомном select

    Создал кастомный селект, кнопка reset не удаляет выбранное, подскажите в ччем проблема и как решить https://codepen.io/ZvrTina/pen/rNKMWMM

    Asked by zama,

    0 votes
    1 answer

  12. Смена background-image при работе с псевдоклассом hover

    Здравствуйте! У меня стоит задача, что при наведении на блок li строка должна поменять цвет, в том числе и картинка. Я меняю картинку с помощью background-image: none; background: url(../img/check_icon_red.png) left no-repeat; Но теперь картинка позицианируется не там где должна, её можно поставить на место только вручную, через -100px. Нужно поставить ровно туда, где она была. Должна быть в одном ряду с другими

    Asked by zeiger2,

    0 votes
    1 answer

  13. HTML был 1000px в ширину стал 2000px. Как вернуть?

    HTML был 1000px в ширину стал 2000px. Как вернуть?

    Asked by russiaportugal,

    0 votes
    1 answer

  14. Таблица с возможностью выбора строки

    Помогите, пож-та, сделать таблицу, в которой можно было бы выбрать строку, как здесь http://www.hottur.ru/search.php?cn=Египет. Почему-то у меня не работает код: while ($val=mssql_fetch_assoc($res)) { echo('<tr onMouseOver=function () { this.bgColor='FFF6CC'; } onMouseOut=function () { this.bgColor='FFFFFF'; }> <td>'.$val['TypeLot'].' <td>'.$val['DecimNum'].' <td>'.$val['ZNumLot'].' <td>'.$val['Dogovor'].' от '.$val['DateDogovor']); }; строка не подсвечивается.

    Asked by ElenaNF,

    0 votes
    0 answers

  15. Frame -> iframe

    Добрый день! Имеем вот такой вот код. <frameset rows="97,*"> <frame src="top"> <frameset cols="350,*"> <frame src="photo.php"> <frame src="content.php"> </framset> </frameset> На данный момент во фрэйме photo - превьюшка фотки, при клике открывается в новом окне. Хотел применить скрипт lytebox (_http://www.dolem.com/lytebox/). Но он фотку открывает только в этом фрейме. А хотелось бы во всем окне. Советуют структуру странички поменять с применением iframe. Не могли бы подсказать как правильно сделать это? Заранее благодарен.

    Asked by Abaza,

    0 votes
    0 answers

  16. Ширина списка

    Здравствуйте появилась такая проблема есть код, для выпадающего меню span ul { border-bottom:1px solid #808080; list-style-image:none; list-style-position:outside; list-style-type:none; background-color:#61b1dc; position:relative; width:182px; } span li { position:relative; border-top:1px solid #808080; } span ul li ul { display:none; left:181px; white-space:nowrap; position:absolute; top:0pt; } span ul li ul li { width:auto; } span ul li a { color:#ffffff; display:block; text-decoration:none; font-weight:bold; } span ul li a:hover { color:#0000ff; } * html span ul li { float:left; } * html span ul li a { height:1%; } span li:hover ul, li.over ul { display:block; } И при…

    Asked by Sigurt,

    0 votes
    0 answers

  17. Расстягивание контейнера на ширину больше 100%

    Есть контейнер к верху прижат некоторый бакграунд, внизу футер. В контейнере могут быть элементы, текст которые растягиваются больше чем на ширину экрана. то есть контент вылезает за край экрана, а футер и бакграунд оста?тся на 100%. Надо что бы и футер и бакграунд увеличивался до ширины контента. Что делать?? бакграунд нормально отображается только в ие. body, html{ margin:0; padding:0; min-height:100%; height:100%; } div.container { height: auto !important; min-height:100%; height: 100%; background:url(img/top.gif) repeat-x top; } div.footer { background:green; height:20px; margin-top:-80px; width: 100%; } div.footer_guard { clear:both; height:80px; } **…

    Asked by Fatal_Error,

    0 votes
    0 answers

  18. Элемент списка - Опера

    Опера почему-то по-другому отображает отступы между элементами списка - li. Думал, вот жестко указать стиль. Кто-нибудь знает, какие свойства у списка по-умолчанию в ИЕ или в Огнелисе? Или чем их можно посмотреть.

    Asked by undsoft,

    0 votes
    0 answers

  19. Проблема наложения слоя на select

    Имею следующий код: <div style='background-color:#6bbc53;position:relative;z-index:1;'> <span style='background-color:#6bbc53;position:absolute;z-index:1; height:50px'> some text </span> </div> <SELECT></SELECT> Почему то слой перекрывается. Глюк наблюдается в Explorer'е. Opera и Mozilla отображают правильно. Помогите решить проблему, плз.

    Asked by Странный_Ник,

    0 votes
    0 answers

  20. помогите с автовысотой таблицы

    добрый всем день. есть блок, который (не считая таблицы топ) толжен весь подстраиваться под высоту информации (если информации больше - растягиваться по высоте). с одним блоком - там, где есть вставка стороннего файлы - так и есть, но вот в таблице "stolbik" вертикальный столбец не хочет увеличиваться по высоте и создается некрасивый пробел между блоком "топ" и его нижней частью. помогите пожалуйста. непослушный столбик помечен жирным. <table id="lcq" width="1005" border="0" cellpadding="0" cellspacing="0"> <tr> <td rowspan="2" bgcolor="#929498" width="31" height="100%"> </td> <td rowspan="2" bgcolor="#9EA0A4" width="24" height="100%">…

    Asked by yarcheg,

    0 votes
    0 answers

  21. xge

    у нас есть /index.php?pageId=$1 нудно что б выводилось /page/id/article_title.html вот вариант htaccess RewriteCond %{REQUEST_FILENAME} !-f RewriteRule ^page/([0-9]+)/.*$ /index.php?pageId=$1 подскажите что не так ?

    Asked by newbigmir,

    0 votes
    0 answers

  22. Абсолютное позиционирование

    Суть в следующем, имеется 3-колонная верстка, притом левая колонка и правая абсолютно позиционированы, еще есть подвал, возможно ли выровнять подвал по левой или правой колонке ? Подумав я нашел решение, задать минимальную высоту как раз высотой большей из двух колонок. Проблема в том что левая колонка (меню) увеличивается и следовательно, пришлось задать минимальную высоту равной максимально большей левой колонке. Естественно когда меню уменьшается все остается по-прежнему . Что делать ? Кроме того что нужно перейти на относительное позиционирование. Если не задавать мин высоту то при малом количестве текста в средней колонке, "пэддинга" не хватает и абсолютно позиционир…

    Asked by maddogrts,

    0 votes
    0 answers

  23. Поле с изображением

    Здрасти. Такая проблема. Вот в этой статье (http://stepbystep.htmlbook.ru/?id=23)написано, что можно вместо кнопки поставить изображение. Это хорошо. Но не до конца. Мне нужно, чтобы там было не просто изображение, а rollover, с текстом поверх картинки. Как такое можно осуществить, имея только это: <input type="image" src="/images/imgbutton.gif" width="91" height="25" align="middle" alt="Отправить форму на сервер"> и это: <FORM name=web action=http://www.yandex.ru/yandsearch method=get><INPUT maxLength=500 size=38 name=text><font face=arial> <a href="???" class="rollover3"><div onclick=location.http:/???"><table style='FONT-SIZ…

    Asked by ags,

    0 votes
    0 answers

  24. Базовый синтаксис Smarty

    Шаблон Smarty представляет собой обычный HTML-документ с добавленными в него специальными smarty-тегами. По умолчанию эти теги заключаются в фигурные скобки ? {тег}. При выводе шаблона эти теги обрабатываются компилятором и в зависимости от их назначения ? переменная или функция, отображается желаемый результат. В примере 1 приведен шаблон, в котором одновременно встречаются теги HTML и smarty-теги. Пример 1. Файл с шаблоном {include file="header.tpl" title="HTML и CSS"} <div id="col1"> <p id="tagtitle">Теги HTML</p> <div class="panel"> <div><a href="/html/">Все теги</a></div> {foreach from="$tag" item="entry"} <div&gt…

    Asked by Vlad,

    0 votes
    0 answers

  25. Функции ветвления

    Практически во всех языках программирования встречаются функции ветвления, которые также называются условными операторами. Речь идет о конструкции if...else, позволяющей задавать разные условия выполнения блоков программы. В шаблонах Smarty тоже встречаются эти операторы, но в виде функций {if}, {else}, {elseif} и {/if}. Общий синтаксис следующий. {if условие1} При выполнении условия 1 отображать данный блок. {elseif условие 2} При выполнении условия 2 отображать данный блок. {else} Если вышеприведенные условия не выполнены, то выводить этот блок. {/if} При необходимости функции {elseif} и {else} можно опустить. Под условием подразумевается набор некоторых логических …

    Asked by Vlad,

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