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. Помогите с картинками

    Здравствуйте. Проблема заключается в том что при вставке изображений на страницу - изображения начинаются с новой строки. А надо чтобы 2 или 3 изображения шли в одну строку (точнее чтобы не было переноса). Код: <script type="text/javascript" src="/lightbox/lightbox.js"></script> <link rel="stylesheet" href="/lightbox/lightbox.css" type="text/css" media="screen"></link> <style> #modItems {margin-top:10px} #modItems h2 {font-size:18px} div.modItems {margin-bottom:10px;padding-bottom:10px;float:left} div.modImg {width:280px;height:380px;border:0px dotted #3d597e;padding-top:3px;margin-right:10px;position:relative} div.modImg2 {width:380px;hei…

    Asked by Timoti_xxx,

    0 votes
    1 answer

  2. Нестандартный шрифт.

    Здравствуйте, уважаемые форумчане. Прикрепил шрифт через font-face. Но он отображается только в хроме.в остальных стандартным шрифтом какимто. Подскажите как исправить ситуацию(варианты картинками и на канвасе не устраивают).

    Asked by artemtereshkov,

    0 votes
    7 answers

  3. вставить видео в html

    Хочу вставить flv видео в html страницу, но оно не воспроизводится. Пишет "для отображения этого содержимого требуется плагин". Подскажите, в чем ошибка или подскажите другой? Можно воспроизводить swf также Вот сам код <html> <head> <title>Видео</title> </head> <body> <center> <OBJECT CLASSID="clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95F" HEIGHT=480 WIDTH=640 NAME=Msshow1 ID=Msshow1> <PARAM NAME="FileName" VALUE="бХДЕН/1.mpg"> <PARAM NAME="autoStart" VALUE="true"> <PARAM NAME="showControls" VALUE="true"> <PARAM NAME="PlayCount" VALUE="20"> <embed src="coffee.flv" width="640" height="480" controller=…

    Asked by mastermedia,

    0 votes
    1 answer

  4. Как сделать не прямоугольную форму с одним фоном

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

    Asked by bob_24,

    0 votes
    50 answers

  5. divы в div

    Пытаюсь сделать вот такую структуру: Задача у меня такая: на общем фоне будут 6 блоков в которые в дальнейшем будут выводиться посты (анонсы). Что-то я делаю не так... Сайт не резиновый и чётко ограничен размерами 1024х800пикс. Подскажите как разложить дивы что бы позиционировались относительно основного дива, а не по экрану?? код: <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> <div class="main"> <div class="menu"> <ul class="menu"> <li><a href="#"></a>&lt…

    Asked by aov000,

    0 votes
    10 answers

  6. Как кнопку вставить или двигать в угол сайта

    Код я использую в CSS .hrss { float: left; margin-top: 8px; padding-top: 32px; width: 31px; background: url("http://codmws.ucoz.ru/rsshead.png") no-repeat;} .hrss:hover {background: url("http://codmws.game-pack.net/vksar2.png") no-repeat;} А это куда я хочу <a class="thide hrss" href="http://vkontakte.ru/codmws" target="_blank" title="Наша группа в контакте">Наша группа в контакте</a>

    Asked by GhostNiniga,

    0 votes
    2 answers

  7. помогите пожалуйста сделать футер

    Здравствуйте! Не могу сделать резиновый футер для странички с 3-мя колонками. Перечитал массу инфы в инете. но почему - то футер не опускается ниже 100%, хотя min-height:100%; Весь мозг сломал. никто не может помочь. Проблема скорее всего простая, просто я её не знаю. Очень надеюсь на Вашу помощь

    Asked by Neptun,

    0 votes
    1 answer

  8. кнопка button

    Объясните почему везде ,кроме хрома ,неправильное отображение?? <!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> *{padding:0;margin:0} a{display:block;width:100px;color:white; height:40px; text-align:center;} .but:active{background:red;} .but{background:blue;} button{margin-left:20px; /* display:inline-block;*display:inline;zoom:1; */} </style> </head> <body> <button>&…

    Asked by dostel1,

    0 votes
    1 answer

  9. Как запретить автозаполнение формы

    Всем привет! На сайте есть несколько форм, одна из них - форма авторизации. Если залогинившись пользователь нажимает у себя "Сохранить пароль", то логин и пароль начинают подставляться в еще одну форму на сайте. Вторая форма к авторизации не имеет никакого отношения, name у input'ов и у самих форм заданы разные, единственное чем формы похожи - два поля ввода и у обоих type такие же как в авторизации (text и password). Как сделать что бы браузер не заполнял автоматически эту форму? У меня все это происходит в Chrome. В других браузерах не смотрел. autocomplete="off" Сам нашел Спасибо =)

    Asked by Odrin,

    0 votes
    1 answer

  10. аудио на html страничке

    подскажите как лучше реализовать аудио на веб-страничку по типа как аудиозаписи вконтакте. юзал <audio controls> <source src="audio/europa.mp3" type="audio/mpeg"> <font color="#FFFFFF">Блин! Тег audio не поддерживается браузером.</font> <a href="audio/europa.mp3">Тогда скачай трек</a>. <br /> </audio> на страничке три трека и все грузятся параллельно и если нажать на плей всех трех, то они параллельно зазвучат

    Asked by xSPiRiTx,

    0 votes
    1 answer

  11. Верстка "слайдера"

    Как сверстать блок с шириной 100% окна браузера, в котором есть несколько других дочерних блоков, принимающих его ширину? Из всех дочерних блоков виден только один. Это нужно для того, чтобы, например, при нажатии на кнопку дочерний блок сдвигался вбок, и стал виден второй блок.

    Asked by egoregor,

    0 votes
    3 answers

  12. Див в форме трапеции

    имеем карусель, нужно сделать что бы дивы в ней были в форме трапеции, как это можно сделать? рисунок прилагаю

    Asked by j0hn,

    0 votes
    2 answers

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

    Здравствуйте. В который раз не могу выставить в нужное место блок div, блок прокрутки текста div id="target". Он должен стоять корректно под заголовком, но уходит по вертикали, вниз, вытесняя вниз код перехода страницы и нижний колонтитул рисунка. Пробовал через CSS, не получается. Как все таки вставить текст с прокруткой под заголовок? http://savepic.su/1317510.htm <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title></title> <meta name="keywords" content="" />…

    Asked by resurs,

    0 votes
    11 answers

  14. Специфичность селекторов

    Есть следующий код html <!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" xml:lang="ru"> <head> <title>Специфичность селекторов</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <link rel="stylesheet" href="style35.css" type="text/css" /> </head> <body> <div class="one"> <p title="privet">Это просто первый абзац текста</p> </div> </body> </html> и следующий код css p[title="privet"] { background: #ff0000; } .one p { background: #…

    Asked by zodcyi,

    0 votes
    3 answers

  15. Картинка - кнопка

    Уважаемые форумчане! Заранее прошу меня извинить, почему-то сама сообразить не могу. Есть две картинки к одной кнопке (синего и серого цвета). В "спокойном" не нажатом состоянии кнопки серые, как сделать так, чтобы кнопка становилась синей при нажатии на нее, т.е. когда она становится активной. Именно при нажатии, а не при наведении. Причем глубоко в душе понимаю, что здесь работает .active{} и иже ему подобное, но как реально прописать такое - увы совсем туплю. Буду благодарна за пинок в правильном направлении. P.s. Можно еще конечно (я так думаю) обратиться к onmouseover, onclick, onmouseout - но с ними я как-то общего языка пока не нахожу). Заранее спасибо.

    Asked by Avesha,

    0 votes
    6 answers

  16. Не могу понять свойство overflow

    Суть такова. Есть блок, у него внутри два блока. Один приклеен к левому краю, другой к правому. Но вот проблема, блок-родитель не хочет растягиваться на высоту бОльшего из дочерних блоков. Добавляю родительскому блоку overflow: hidden и он послушно растягивается. Только вот одно не могу понять. В описании значения hidden (на сайте htmlbook) - "Отображается только область внутри элемента, остальное будет скрыто.". Не могу понять, что в данном случае скрывается а что отображается?

    Asked by fofan,

    0 votes
    1 answer

  17. UTF-8 не отображается

    Здравствуйте! Изучаю HTML по видеоуроку, там короче такой пример: <html> <head> <meta charset="utf-8"> <title>Шаблон</title> </head> <body> </body> </html> Слово шаблон у него в заголовке отображается нормально. У меня абракадабра! Можете подсказать в чём проблема? Кстати когда charset меняю на windows-1251 всё показывает нормально.

    Asked by Gambini,

    0 votes
    3 answers

  18. Как сделать кнопку при наведении курсора картинка изменяется

    Я хочу сделать свою кнопку при наведении курсора картинка изменяется Это CSS код: .hrss { float: right; margin-top: 8px; padding-top: 32px; width: 32px; background: url("http://codmws.ucoz.ru/rsshead.png") no-repeat; } .lcol { float: left; } .rcol { float: right; } А это код могу вставить куда хочу: <a class="thide hrss" href="http://vkontakte.ru/codmws" target="_blank" title="Наша группа в контакте">Наша группа в контакте</a> Помогите дополнить кнопку при наведении курсора картинка изменяется

    Asked by GhostNiniga,

    0 votes
    6 answers

  19. Chrome, Opera отображают криво страницы

    Доброго времени суток! Товарищи, подскажите как решить проблему отображения сайта в Chrome и Opera. В мозиле и IE сайт отображается как надо, а в Chrome главная страница сползает влево, а при переходе на остальные страницы все хорошо; а в опере наоборот главная наместе, но все остальные странички съезжают вправо (при этом ссылка на главную страницу сделаная через div остается на месте, а все остальное съезжает). Буду признателен за советы!

    Asked by respirator1203,

    0 votes
    7 answers

  20. изменение ширины из-за скрола прокрутки

    Вобщем имеются вкладки реализованые с помощью яваскрипта и списка при нажатии на которые открываются div блоки. Проблема в том что div блоки разные по высоте, есть те у которых много информации и те у которых мало. При нажатии на те у которых много информации появляется полоса прокрутки в браузере и весь сайт смещается влево на ширину этого скрола. Смотрится не очень хорошо. Возможно ли сделатьтак чтобы сайт не смещался или чтобы имел смещение с самого начала с учётом этого скрола. p.s. поставить минимальную высоту для всех блоков чтобы всегда была полоса прокрутки не подходит

    Asked by JastinB,

    0 votes
    2 answers

  21. Выпадающее меню без javascript

    Мне выпадающее меню дается очень с трудом. Оно, конечно у меня выпадает, но выглядит не так как хотелось бы. http://thelast.ru/index.php?uid=599 - беру пример вот с этого, правда там вертикальное меню, а у меня горизонтальное, и это усложняет мою задачу. Помогите пожалуйста привести все это в порядок Код: <div class="menu"> <ul> <li><a href="#">Верстка</a></li> <li><a href="#">Создание сайта</a></li> <li><a href="#">Веб-дизайн</a></li> <li class="web"><a href="#">Веб-программирование</a> <ul> <li><a href="#">Java-Script</a></l…

    Asked by skygazer,

    0 votes
    4 answers

  22. Как правильно сделать фон для блоков?

    У меня такой Я хочу чтоб обе блоки соединились к нижнему части сайта (footer) Код я использую в CSS /** block **/ .block { width: 193px; margin: 0px 0; background: url("../images/block.png") repeat-y -193px 0;} .bt { font-size: 1.2em; height: 29px; background: url("../images/block.png"); overflow: hidden; } .bt span { display: block; margin: 2px 2px 0 8px; color:#fff; } .dcont { padding: 0 8px; width: 177px; } .bbut { height: 0px; background: url("../images/block.png") no-repeat 80% 80%;}

    Asked by GhostNiniga,

    0 votes
    0 answers

  23. Как правильно сделать фон для блоков?

    У меня такой Я хочу чтоб обе блоки соединились к нижнему части сайта (footer) Код я использую в CSS /** block **/ .block { width: 193px; margin: 0px 0; background: url("../images/block.png") repeat-y -193px 0;} .bt { font-size: 1.2em; height: 29px; background: url("../images/block.png"); overflow: hidden; } .bt span { display: block; margin: 2px 2px 0 8px; color:#fff; } .dcont { padding: 0 8px; width: 177px; } .bbut { height: 0px; background: url("../images/block.png") no-repeat 80% 80%;}

    Asked by GhostNiniga,

    0 votes
    0 answers

  24. Отступы между блоками

    Я не могу убирать отступы между блокам сайта http://codmws.game-pack.net Код я использую <div class="block"> <div class="bt"><span>Меню</span></div> <div class="dcont arch"> $SMENU_1$ </div> <div class="bbut"> </div> </div> <div class="block"> <div class="bt"><span>Мы в контакте</span></div> <div class="dcont arch"> <script type="text/javascript" src="http://userapi.com/js/api/openapi.js?47"></script> <!-- VK Widget --> <div id="vk_groups"> </div> <script type="text/javascript"> VK.Widgets.Group("vk_groups", {mode: 0, width:…

    Asked by GhostNiniga,

    0 votes
    2 answers

  25. не работает min-height: 100% для body (xhtml)

    Всем привет! У меня почему-то не растягивается блок на всю ширину. Прописал в ксс html {min-height: 100%} body {min-height: 100%} body не растягивается, почему-то вот полностью код. Ксс там же для удобства <?xml version="1.0" encoding="UTF-8"?> <!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" xml:lang="ru" lang="ru"> <head> <title><!-- Insert your title here --></title> <style type="text/css"> html {min-height:100%} body {min-height:100%} #container {background: red; margin:15px; height:100%} …

    Asked by MILLIONER,

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