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. вставить видео в 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

  2. открытие результата обработчика формы в iframe

    Добрый день. Я новичок в веб разработке и пытаюсь разобраться в следующем: как мне открыть результат обработчика формы в моем iframe - вроде бы все логично но не получается. Вот мой код, так же пробовал с перемещением iframe внутрь формы. Подскажите, что я упускаю? HTML изучаю самостоятельно. <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>поиск google</title> </head> <body> <iframe name="o" width="100%" height="90%"></iframe> <form id="s" action="http://www.google.ru/search"> <textarea name="q" cols="150" rows="1"></textarea> <input form="s" type="s…

    Asked by displayser,

    0 votes
    3 answers

  3. Как сделать валидную кнопку-ссылку

    Добрый день, вот код: <div style="width: 100px; height: 100px; background-color: blue;"> <p style="border: 1px solid; height: 100px;"> <a href="#" style="display: block;">Кнопка</a> </p> </div> Хочу сделать кнопку,чтобы при наведении на любую ее часть она определялась как ссылка, пока получается, что ссылка только текст. Что не так? И как вообще лучше сделать посоветуйте.

    Asked by KoDA86,

    0 votes
    11 answers

  4. Проблемы с версткой, нид хелп

    У меня почти готова страничка, но не настолько, чтобы выкладывать ее в раздел обсуждения работ. Есть некоторые проблемы, а именно: В хроме страница отображается некорректно, не до самого низа окна браузера. Верхний рекламный блок не видно. То есть когда я смотрю сайт с локального компьютера он есть, а когда с залитой в интернет странички - нету. Ну и плюс эта страница тянется по вертикали, делаю я это впервые. Посмотрите что не так с масштабированием, покрутите сайт туда-сюда. Буду благодарен за советы, какой блок тянуть, какой делать фикс, если у меня в макете что-то не так. Да, и я только сейчас подумал, что наверное стоило тянуть по ширине. Ширину-то я фикс сделал. upd…

    Asked by skygazer,

    0 votes
    14 answers

  5. Помогите исправить форум сайта

    Вот ссылка на форум сайта http://codmws.game-pack.net/forumъ Код <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>$MODULE_NAME$</title> <link rel="icon" href="http://codmws.ucoz.ru/icon.ico" type="image/x-icon" /> <link type="text/css" rel="StyleSheet" href="http://codmws.game-pack.net/Mycss/Forum2da.css"/> <link media="screen" href="http://codmws.game-pack.net/Mycss/forum.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="/js/libs.js"></script> </head> <body> <div class="wrapper"> <div class="lineinfo"> <div id="klik"> <div class="heder"> $G…

    Asked by GhostNiniga,

    0 votes
    1 answer

  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. Можно ли затемнить, или высветлить один край бэкграунда в диве.

    Я создал див для шапки сайта и сделал темный фон для нее, можно ли нижний кран высветлить или сделать прозрачным с помощью каскадных таблиц стилей, или только с помощью редактирования фонового изображения в фотошопе. Заранее спасибо.

    Asked by Archer_x,

    0 votes
    3 answers

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

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

    Asked by Neptun,

    0 votes
    1 answer

  9. кнопка 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

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

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

    Asked by artemtereshkov,

    0 votes
    7 answers

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

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

    Asked by Odrin,

    0 votes
    1 answer

  12. Как разместить элементы?

    Никак не получается красиво расположить соц кнопки Яндекса и форму подписки по Емаил. Сейчас это так: Код вот такой <div class="share"> <tabla> <tr> <td> <script type="text/javascript" src="//yandex.st/share/share.js" charset="utf-8"></script> <div class="yashare-auto-init" data-yashareL10n="ru" data-yashareType="button" data-yashareQuickServices="yaru,vkontakte,facebook,twitter,odnoklassniki,moimir,lj"></div> <noindex> </br> Если вам понравилась эта статья или весь наш сайт, то Вы можете рассказать об этом друзьям через социальные сети, нажав на кнопки выше. …

    Asked by fowl,

    0 votes
    3 answers

  13. 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

  14. аудио на 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

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

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

    Asked by j0hn,

    0 votes
    2 answers

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

    Есть следующий код 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

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

    Здравствуйте. В который раз не могу выставить в нужное место блок 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

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

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

    Asked by bob_24,

    0 votes
    50 answers

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

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

    Asked by Avesha,

    0 votes
    6 answers

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

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

    Asked by fofan,

    0 votes
    1 answer

  21. Фон для бюлока

    Хочу добавить серый фон побокам сайта (см. рисунок). Но не пойму как это сделать Код такой для блока wrapper (я так понимаю его нужно редактировать??) #wrapper { background: url("images/bg.PNG") repeat-y scroll 0 0 #fff; } Картинка "images/bg.PNG" вот http://hotbanya.ru/wp-content/themes/statua_v1.0.5/images/bg.PNG но ничего не выходит. Что не так? Или это вообще не так делается?

    Asked by fowl,

    0 votes
    7 answers

  22. 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

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

    Я хочу сделать свою кнопку при наведении курсора картинка изменяется Это 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

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

    У меня такой Я хочу чтоб обе блоки соединились к нижнему части сайта (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

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

    У меня такой Я хочу чтоб обе блоки соединились к нижнему части сайта (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

  • Обсуждения

    • 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