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. Помогите сделать ссылку в виде "стрелочки"

    Нужно сделать как на картинке: Делаю так: <a href="#" class="item">Пункт 1</a> .item{ display: block; position: relative; height:30px; width:130px; line-height:30px; text-align:center; text-transform:uppercase; color:#fff; background-color: #f00; } .item:before{ content:''; position: absolute; left:0; top:0; border-left:15px solid #fff; border-top:15px solid transparent; border-bottom:15px solid transparent; } .item:after{ content:''; position: absolute; left:100%; top:0; border-left:15px solid #f00; border-top:15px solid transparent; border-bottom:15px solid transparent; } .item:hover{ background-color: orang…

    Asked by bob_24,

    0 votes
    10 answers

  2. как показать html файл перед формой ?

    вот у допустим у меня есть форма: <style type="text/css"> H1 { font-size: 100%; color: blue; } </style> <form action="http://malish.vizie.ru/message/vopros.php" method="post"> <p> <h1> Введите Ваше имя</h1></p> <p><input type="text" placeholder="Вася" required name="nik"></p> <textarea name="vopros" class="brd" placeholder="Пример" required rows="10" cols="32"></textarea> <p><input type="submit" value="Отправить"></p> </form> Потом php файл записывает данные в html файл, дак вот как мне потом это html файл показать перед формой ? пожалуйста помог…

    Asked by malish,

    0 votes
    10 answers

  3. Фон элемента

    Здравствуйте. Я пытаюсь реализовать модальное окно у себя на сайте. Скажите, пожалуйста, как можно сделать так, чтобы левый, правый, нижний и верхний края имели каждый своё изображение? Пытаюсь сделать что-то типо этого:Может у кого-то есть другие варианты???

    Asked by antonhristovsky,

    0 votes
    10 answers

  4. Проблемы в использовании атрибута Checked

    Здравствуйте. Проблема у меня такова - не могу сообразить сценарий работы Checked'a, мне необходимо, чтобы при снятии галочки возле Пользовательского соглашения кнопка "Оплатить" у интернет-магазина блокировалась. Скриншот прилагается ниже.

    Asked by DoZa,

    0 votes
    10 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. С чего начать самостоятельное изучение HTML5?

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

    Asked by q3dm4pro,

    0 votes
    10 answers

  7. Flash, xml и кириллица.

    Кодировка в шапке xml UTF-8, кириллица отображается кракозябрами, подскажите что делать?

    Asked by mafusail,

    0 votes
    10 answers

  8. Форма обратной связи

    Здравствуйте. Что нужно дописать, написать, чтобы при нажатии на кнопку "ОТПРАВИТЬ" улетало письмо на заданный e-mail? Форма задана как есть сейчас на сайте. Это основной вопрос. <h2 class="pad_bot1">Оставьте заявку на обслуживание</h2> <form id="ContactForm"> <div> <div class="wrapper"><div class="bg"><input class="input" type="text" value="Имя:" onblur="if(this.value=='') this.value='Имя:'" onfocus="if(this.value =='Имя:' ) this.value=''" ></div></div> <div class="wrapper"><div class="bg"><input class="input" type="text" value="E-mail:" onblur="if(this.value=='…

    Asked by antonios,

    0 votes
    10 answers

  9. Отключение скроллбара

    Доброе время суток! У меня появилась такая проблема - есть HTML-страница, внутри неё находится swf-приложение. Его добавление выглядит вот так: <DIV id=swf> <script id=ourSWF src="http://***.swf;" type="text/javascript"></script> </DIV> Мне нужно сделать, чтобы при работе с флеш-файлом при нажатии на кнопки "вверх" и "вниз" не скроллилась страница. <body onkeydown="return(false)"> Вот это сделал, теперь если тыкнуть не на сам флеш-объект, стрелки не вызывают скроллинг. А вот если тыкнуть внутрь объекта и потом жать "вверх" и "вниз", страница по прежнему скроллится. Что делать? =)

    Asked by GeneralHaos,

    0 votes
    10 answers

  10. Что нужно дописать в коде?

    Смотрите, на картинке есть обведенный в красный кружок треугольник. При наводе мышкой на пункт меню он отображается, и , как правило он должен оставаться на около страницы пункта меню, которая открыта. например, если я нажму "О нас" то с "Главная" этот треугольник перейдет на "о нас". Но он не переходит, а остается на "главной", когда открыты другие страницы. Что нужно дописать в коде чтобы на странице "О нас" треугольник не был на "Главной", а был на "О нас" чтобы было понятно на какой странице посетитель сайта находится, и чтобы Пункт меню был таким же белым цветом, как "Главная"? А то не понятно перешел ты на страницу "О нас" или нет. Вот этот код:

    Asked by GeorgGood,

    0 votes
    10 answers

  11. Почему height: 0 ?

    есть div с элементами, но почему-то его высота равна 0, хотя я прописал height: auto , все элементы внутри div'a видны уже не первый раз стыкаюсь с этим, как это исправить? вот http://jsfiddle.net/gqxwY/ JS не выложил поэтому такой кривой

    Asked by T@NKIST,

    0 votes
    10 answers

  12. НЕстили

    Применить стили для всех кроме ...(класс, тег, идентификатор). Нельзя так, да?

    Asked by alexandr_v-vich,

    0 votes
    10 answers

  13. html5 doctype и ie6 quirks

    Может кто знает, как с html5 доктайпом заставить IE6 в quirks работать?

    Asked by MiksIr,

    0 votes
    10 answers

  14. Помогите разобраться!

    Не могу ни как понять! Моя ссылка HTML,Body 100% все хорошо; Только в CSS заношу #conteiner внизу появляется отступ и прокрутка! HTML <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Block</title> <link href="css/style.css" rel="stylesheet" type="text/css"> <script type="text/javascript" src="js/jquery-1.7.1.min.js"></script> <script type="text/javascript"> function fontSize() { var width = 1500; // ширина, от которой идет отсчет var fontSize = 16; // минимальный размер шрифт…

    Asked by hrupin,

    0 votes
    10 answers

  15. Картинки в Div-е

    Имеется Div фиксированного размера. Нужно равномерно по ширине расположить в нём несколько картинок. Мой вариант: <div width="800px" style="padding: 0; text-align: justify;"> <img width="100px" height="50px"></img> <img width="100px" height="50px"></img> ... <img width="100px" height="50px"></img> </div> К сожалению не работает. Как правильно это сделать?

    Asked by Тёмик,

    0 votes
    10 answers

  16. растягиваем background-image

    на сайте в css написано body { background-attachment:fixed; background-color: #9bc52b; background-image: url(images/background.jpg); font-size: 80%; } как сделать чтобы картинка background.jpg сама растягивалась под любое окно браузера? а то на одном разрешении она нормально, на другом разрешении начинает моститься, а при уменьшении окна браузера она вообще не взалает...

    Asked by Хелкар,

    0 votes
    10 answers

  17. Градиент css3 и body

    Мне нужно сделать градиент у body. Я хотел сделать его с помощью css 3, он проблема в том что body(да и тег html) у меня занимает высоту окна браузера(это не мешало пока не стал задавать градиент), а не всю высоту сайта из-за возникает картинка ниже, после пракрутки(красный цвет использован для наглядности), как растянуть body в данном случае? не хотелось бы использовать картинки css код для градиента body{ background-repeat: repeat-x;background: -moz-linear-gradient(top, red 0, #ffffff 400px, #ffffff 100%); background: -webkit-linear-gradient(top, red 0, #ffffff 400px, #ffffff 100%); background: -o-linear-gradient(top, red 0, #ffffff 400px, #ffffff 100%); …

    Asked by chiffenok,

    0 votes
    10 answers

  18. Подскажите где ошибки

    Здравствуйте.Сайт lidisha.ru .Не могу понять как выровнить таблицы.И почему именно в Firefox сайт отображается не правильно,а во всех остальных браузерах-нормально.Заранее благодарю за советы и ответы

    Asked by Stan-86,

    0 votes
    10 answers

  19. Тень у блока с трех сторон, как?

    Как сделать тень у дива только с трех сторон? Только ухищряться? Два дива идут один под другим без отступа, образуя одно целое. Это все должно быть с тенью. Присваивая тень обоим блокам, получаю тень посередине, а это лишнее. Думаю сделать див обертку под эти два, и присвоить тень обертке, а у этих убрать. А более простого нет решения, нету такой опции присваивать тень отдельно сторонам?

    Asked by Galyanoff,

    0 votes
    10 answers

  20. Проблемы анимации при использовании 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

  21. Как изменить длину кнопок меню?

    Как сделать, что бы кнопки были разной длины? Если сделать маркированный список и прописать display:block (для возможности положить фон), то кнопки становятся одинакового размера

    Asked by MacPherson,

    0 votes
    10 answers

  22. скрипт

    Есть ли подобный скрипт,чтобы добавлял музыку,описание и тд.?

    Asked by Romeo62,

    0 votes
    10 answers

  23. поставили скрипт на сайт а пользоваться не научили

    Ищу помощи у знающих. Мне на сайт поставили модальное всплывающее окно, которое появляется при попытке выйти из него. Работает исправно, но есть 2 вопроса: -скрипт настроен на срабатывание 1 раз в сутки, в каком месте можно поменять эту настройку, например поставить через 1 час, или на постоянное? -если потребуется что-бы окно некоторое время вообще не всплывало, как его временно отключить, не удаляя скрипт полностью. Буду благодарен мудрому совету.

    Asked by Гука,

    0 votes
    10 answers

  24. Какого разрешения должна быть фоновая картинка у сайта

    Добрый день! Подскажите, пожалуйста, какого разрешения должна быть фоновая картинка у сайта? При учете, что сейчас максимальное разрешение экрана 2600*1440. Заранее благодарен.

    Asked by rulikch,

    0 votes
    10 answers

  25. Выравнивание флешки по центру в ячейке

    Не получается выровнять .swf файл по центру в ячейке, помогите пожалуйста разобраться. Код: <table border="0" width="749" align="center"> <tr> <td> <object width="450" height="302"> <param name="movie" value="ventiljator.swf"> <embed src="ventiljator.swf" width="450" height="302"> </embed> </object> </td> </tr> </table> Заключение блока <object> в тэги <div align="center"></div> не помогло. Заключение блока <object> в тэги <center></center> не помогло(как советуют на многих форумах).

    Asked by IndigoHollow,

    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