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. Фон

    У меня на сайте в CSS в теги body прописано background-image: url(images/bg.gif); но мне бы хотелось, чтобы там где контент остался белый фон, как это можно сделать ?

    Asked by liza T,

    0 votes
    4 answers

  2. неопознанная ошибка в IE

    В осле 6 и 7 заметил ошибку " Не удалось открыть узел . Неопознанная ошибка " Сайт http://rubasket.com Помогите ,кто может ,найти ,где прячется error !

    Asked by FASTDEATH,

    0 votes
    3 answers

  3. Размеры изображений в html или css?

    Подскажите, как правильно указывать размеры изображений, в коде html странички или создавать стиль на каждое изображение . Вобщем, как правильно со стороны валидности кода, понимаю что мой код сейчас не будет валидным, но есть стремление , где возможно стремится к валидности, тем самым сразу прививая правильные навыки.

    Asked by ut2010,

    0 votes
    20 answers

  4. <form> сделать в центре страницы

    как сделать форму в центре страницы. щас она выровнена слева от края. попытался положить её внутрь - <p align="center"> </p>. но не помогло....

    Asked by pribl,

    0 votes
    3 answers

  5. Ссылки разбегаются

    Ссылки в диве разбегаются когда задаю им правое всплывание, что делать? #mdiv li a { color: #717171 ; padding: 10px ; display: block ; float: right ; }

    Asked by sv12,

    0 votes
    8 answers

  6. Пробелы между таблицами... как устранить?

    Добрый день, я новичек в этом деле, но вот решил заверстать , и при верстке, между таблицами в шапке сайта есть небольшие пробелы по 5 пикс, помогите их устранить. вот код страницы: <!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=windows-1251"> <title>Стили</title> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div id='wrapper'> <div id='header'> <table cellpadding="0" cellspacing="0" border="0" width="780px" > <tr> <td ><a href="">&…

    Asked by Avalon.,

    0 votes
    3 answers

  7. Реализация фиксированного меню (нужна помощь)

    Здравствуйте! Есть пример работы сайта. Навигация по сайту горизонтальная. Справа есть меню, которое постоянно находится в одном месте (фиксировано), но как составляющее этого меню там есть четыре ссылки на разделы и иконки им соответствующие. При горизонтальной прокрутке — всё работает нормально, но как только мы прокручиваем сайт вертикально, меню и иконки естественно прокручиваются вместе со всем содержимым, что не должно быть по задумке. Вопрос: можно ли как-то реализовать для меню и четырех иконок состояние Fixed по-вертикале, и в тоже время состояние Absolute по-горизонтале. Или возможно этот можно реализовать как-то по другому? А то уже голову сломал над воп…

    Asked by aqlp,

    0 votes
    4 answers

  8. Не получается разместить 4 картинки, так чтоб они размещались по всей ширине каждой ячейки таблицы.

    Не получается разместить 4 картинки, так чтоб они размещались по всей ширине каждой ячейки таблицы. Вот что я пишу: Этот код чисто для таблицы, а не весь файл. <center>Калорийность продуктов. Яйцо и яйцепродукты</center> <table align="center" border=5 bordercolor=breen > <CAPTION align=bottom > Таблица калорийности яйца</CAPTION> <tr bordercolor="#99FF66"> <td width="130px" height="130px" > <img src="kalorii1.jpg" alt="Фото калории" height="130px" width="100%" ></td></a> <td width="130px" height="130px" > <img src="kalorii2.jpg" alt="Фото калории" height="130px" width="100%" ></td>…

    Asked by people2010,

    0 votes
    2 answers

  9. Проблема с Flash кнопкой

    Ипортирую в HTML Flash кнопку, хочу сделать ее ссылкой. Но почему-то она не срабвтывает как ссылка. Что я делаю не так? Работаю с помощью Namo WebEditor6

    Asked by _slayer_,

    0 votes
    0 answers

  10. Обтекание изображения.

    Привет всем! Как сделать без тега <br> так чтобы часть текста обтекала изображение, а другая была под самим изображением... Сами понимаете, если изображение большое, сидеть строчить 2 десятка <br> это не дело.. Я где-то читал, токо вот забыл...

    Asked by mrBulka,

    0 votes
    5 answers

  11. Слайд шоу

    Народ, помогите! Нужно такое слайдшоу на сайте. Нигде не могу найти пример чтобы были и стрелочки, и цифры, и слайды автоматически менялись. В javascript не сильна. Может кто-то делал подобное, скиньте, пожалуйста ссылочку. Буду премного благодарна! )))

    Asked by Беленькая,

    0 votes
    14 answers

  12. Перекрывание дивом навигационных кнопок в IE

    Здравствуйте! Суть проблемы: Конттент рассположен в диве по центру окна. Кнопки меню по бокам от него и сверху (радугой). В ИЕ (в Опере и Мозиле глюка нет) кнопки по бокам не работают как ссылки. Вот листинг: <div align=center style="margin-top: 20px;"> <div class="menu"> <a href="index.php" onmousemove="big('glavnaya')" onmouseout="small('glavnaya')"> <img src="images/glavnaya.gif" id="glavnaya"/> </a> </div> <div class="menu" style="width: 800px;"> <a href="dostatky.php" onmousemove="big('dostatky')" onmouseout="small('dostatky')"><img align=left src="images/dostatky.gif" id="dostatky" /></a> &l…

    Asked by Lex4e,

    0 votes
    4 answers

  13. Отмена наследования CSS для кнопок

    Собственно говоря отменить наследование, я думаю не получится. Есть кусок html кода, который выводиться на страницу с помощью внешнего javascript . В нём есть кнопки <input type="submit />. Никаких стилей к этим кнопкам изначально не планировалось, т.е. они отображались со значениями по умолчанию (выглядели так же как все системные кнопки в ОС). Проблема появилась после того как на странице поменялась тема оформления. Добавились дополнительные стили для элементов управления: background, border-width, border-style. Отключить эти стили нет возможности. Из-за них все стало «прыгать» и отображаться не так как надо. Подскажите, пожалуйста какие значения нужно указать эти…

    Asked by chi,

    0 votes
    9 answers

  14. Высота div при float у внутреннего элемента

    Здравствуйте! Люди, помогите кто сталкивался с проблемой. Есть див а внутри него картинка определенной высоты с параметром float: left; Так вот, div не хочет принимать высоту этой картинки в FireFox. В IE все нормально. То есть, если задать div-у border - то он не будет соответствовать. Заранее спасибо. .find { border: 1px solid #cecece; } .find img { float: left; }

    Asked by Torkvemada,

    0 votes
    4 answers

  15. Проблема с FireFox

    Опять прошу помощи В общем появляется горизонтальный скролл при сужении в фф... нужно чтоб желтые блоки заходили за границы браузера или быть резиновыми и сужаться... на их место в оригинале идут картинки которые появляются только при растягивании окна... при сужении они должны заходить за границы. тупо отслеживать скриптом фф и отключать ему горизонтальный скролл как то не вариант совсем =)))) <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> <STYLE type="…

    Asked by «««one»»»,

    0 votes
    21 answers

  16. Перенос строк таблицы при печати

    Здравствуйте. На aspx странице с помощью xml/xsl преобразования формируется документ, в котором есть таблицы с объединенными ячейками (вот фрагмент таблицы). <tr > <td rowspan="3">ИТОГО 1</td> <td>Text 1</td> <td>Text 2</td> </tr> <tr> <td>Text 3</td> <td>Text 4</td> </tr> <tr> <td>Text 5</td> <td>Text 6</td> </tr> (я извиняюсь, но вставить в пост таблицу не удалось) Проблема в следующем. При печати, если лист заканчивается поле второй строки tr (где в ячейках Text 3 / Text 4), то на следующей странице печатается следующая строка tr (где в ячейках Text …

    Asked by posdnyaa,

    0 votes
    1 answer

  17. FORM

    Нужно проверить введен ли в адрес строки число?(!) По-моему нужно использовать isNan, хотя может parseFloat... не знаю, помогите <html> <title>Формы</title> <form name="formname"> <input type="text" name="text1"> <input type="button" name="buttonName" onClick="test()" value="OK"> </form> <script> function test() { isNaN(text1) if (formname.text1.value.isNan) // вот в этом месте что-то нужно сделать... { ok1=false alert("Введите число!") } else ok1=true if (ok1) alert ("Форма заполнена") } </script> </html>

    Asked by Alena,

    0 votes
    6 answers

  18. Тэг <input>

    Суть вопроса: к примеру: echo "<input type=\"text\" name=\"name\" value=\"Иванов Иван\">" -- получим в поле для ввода текста "Иванов Иван" если же задаём значение через переменную - в поле отображается только до пробела: $n = "Иванов Иван"; echo "<input type=\"text\" name=\"name\" value=$n>"; -- получим в поле для ввода текста "Иванов" Как обойти? Тэг <textarea> применять не хочу.

    Asked by shaka,

    0 votes
    3 answers

  19. Сайт не индексируется поисковиками (+)

    Никоим образом не рекламирую, но прошу помощи Свежий сайт (примерно 3 месяца) http://gruppa-trek.ru/ - в поисковиках никак не отсвечивает. По контенту и тематике - есть и еще больше будет эксклюзивной инфы. В чем трабл? Наехать на хостинг? Посмотрел через http://webmaster.yandex.ru/addurl.xml - Сервер возвращает код статуса http 404 (ожидался код 200) - вроде проблема хостера получается. Но не совсем понимаю как так может быть - сайт работает... Спасибо всем откликнувшимся.

    Asked by map,

    0 votes
    5 answers

  20. Позиционирование

    Вот спозиционировал кратинку на экране, в стилях прописал. .foto{position:absolute; border:8px; border-color:red; border-style:dotted; top:2.1cm; left:18cm; width:2cm; height:2cm; background-image:url(mini.jpg); background-repeat:no-repeat; } Когда во весь єкран, всё отлично. Когда окно браузера начать сворачивать начинается съезжать вправо. Что можно сделать?

    Asked by people2010,

    0 votes
    4 answers

  21. несколько вопроов

    Для наглядности привожу пример и код: html, css Итак, наверно уже пора задавать вопросы=) 1) Подскажите пожалуйста на сколько по фен шую центровать блоки с помощью div.centered и нет ли более минималистичного способа? 2) Почему бэкграунд от div#main_bg не применяется к вложенному div#content? я так понимаю это как-то связано с свойством float у div#content? 3) Почему бэкграунд заданный для div#header_bg применяется ко всей странице, игнорируя бэкграунд у body? Вопросы возникли в связи с тем, что до этого момента версткой как таковой не занимался, а когда верстать все таки приходилось спасали таблицы=)

    Asked by RomanShmatov,

    0 votes
    6 answers

  22. добавление видео на сайт

    как сделать сайт типа youtube ,так что бы пользователи могли размещать свои ролики на нем,дайте кто может свои ссылки на то, что почитать по теме.спасибо.

    Asked by maxim,

    0 votes
    5 answers

  23. Рамка на странице

    Здравствуйте все те, кто борется с браузерами ради корректной разметки. Есть задача сделать в браузере рамку на весь тег <body>. Эта рамка со всех четырёх сторон должна примыкать к окну документа и при изменении размеров окна должна оставаться примыкать. Т.е. желательно, чтобы полос прокрутки не возникало и практически при любом размере окна мы видили рамку. Сделал такую разметку. body имеет цвет lime, чтобы его проще можно было различить на странице. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <title>Test</title> <style typ…

    Asked by clavin,

    0 votes
    5 answers

  24. музыка на сайте

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

    Asked by sc@r@bey,

    0 votes
    4 answers

  25. аттрибуты тега DIV, class и id

    Интересует такой вопрос. Везде учат как используются эти аттрибуты тега DIV одним способом, а в реале встречаешь вообще совсем другое. Т.е. вот есть код, там идут теги DIV с аттрибутами, но нигде потом нету информации, что эти аттрибуты из себя представляют. Т.е. они описываются где-то не в файле страницы, а могут храниться где-то еще отдельно? А как к ним тогда ссылаться? Вот короткий пример: <div id="layout"> <div id="mainwrapper"> <div id="regbox" class=""> <div id="regselector" class="corner greybord"> <div class="content"> Вот все эти слова в кавычках, это же названия аттрибутов, за ними скрываются какие-то опредения экрана, цветов, слое…

    Asked by htmluse,

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