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. Таблица на всю страницу!

    Добрый день! Подскажите пожалуйста как сделать так, чтобы таблица была растянута по всей высоте страницы? <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> <tr style="line-height:400px"> <td> </td> </tr> <tr> <td> </td> </tr> </table> Средняя часть таблицы - жестко фиксированная! Растягивать можно только первую и последнюю строки! За ранее благодарен всем ответившим!

    Asked by Prokopov Nikolai,

    0 votes
    3 answers

  2. табличка в html

    Всем привет. В общем нужна на большая консультация в создании таблицы. вот сам код того, что у меня получилось <html> <head> <title>Создание таблицы</title> </head> <body> <table border = "1" bordercolor = "black" > <tr align = "center"> <th colspan = "3" >——--</th> </tr> <tbody> <tr> <td>Группа</td> <td width = 20%> </td> <td >Новости</td> </tr> <tr> <td>Информация для родителей</td> <td> </td> <td>Программы</td> </tr> <tr> <td>Итоговые оценки</td> <td> </td> <…

    Asked by ImmM,

    0 votes
    2 answers

  3. Расстояние между дивами в IE7

    По какой причине дивы отъезжают друг от друга при увеличении масштаба (Ctrl+Scroll)? При уменьшении они наезжают друг на друга. Если же убрать свойство width, то отображается нормально. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head><meta content="text/html; charset=Windows-1251" http-equiv="content-type"><title>цвц</title><style type="text/css"> #Probe { border-style: double; position: relative; margin-top: 1px; margin-bottom: 1px; padding-top: 1px; padding-bottom: 1px; font-family: Times New Roman; font-size: 14pt; text-decoration: none; width: 600px; }…

    Asked by Mammoth,

    0 votes
    7 answers

  4. Что делать, чтобы после клика на элемент меню сайт не "ездил"?

    На сайте в разных местах несколько разных меню. НО: когда кликаешь на пункт того меню которое в справа, сайт показывает браузеру свой левый верхний угол. И вообще куда ни кликай, все равно сайт после клика показывает левый верхний угол. Как это из бежать? Как сделать чтобы пользователь кликнул на меню и курсор мышки в блоке того же меню и оставался. Слышал что это можно решить средствами CSS, но не понимаю какое свойство CSS за это отвечает.

    Asked by VasyOK{!},

    0 votes
    10 answers

  5. Отступ после DIVa в ie 6 и 7

    Всем привет! Прочитал на Хабре как сделать блок со скругленными краями с помощью буллитов, попытался реализовать и вот что вышло: Пример. Проблема в том что в 6 и 7 эксплорере между блоками corners и contacts-form появляется отступ в размер оставшейся части буллита, причем проблема исчезает если из кода убрать доктайп или если внутри contacts-form размещен просто текст не огороженный тегами. Подскажите пожалуйста корректное решение этой проблемы. HTML: <!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-T…

    Asked by optimismous,

    0 votes
    3 answers

  6. Как упорядочить DIV?

    Здравствуйте. У меня скрипт формирует блоки с данными, я их помещаю при формировании страницы в ДИВы. Блоков может быть разное количество, и букв в них тоже. Если див в стиле: .col1 { background-color: #C0C0C0; padding: 5px; margin: 1px; float: left; width: 150px; } то картинка будет такая: а как сделать чтобы было так: ?

    Asked by ARCH,

    0 votes
    5 answers

  7. Передать ссылку из одного окна в другое

    Вот такая ситуация - есть сайт, и-магазин. Нажимаю на "добавить в корзину", и открывается новое маленькое окошко, в котором происходит процесс установки куки. Дальше пользователю в этом маленьком окошке предлагаю: 1) Закрыть это окно и перейти в корзину (т.е. это окно закрывается и в главном происходит переход на другую страничку) 2) Закрыть это окно (это просто, делаю через JS: <a href="java script:window.close()">) вопрос как реализуется первый пункт?

    Asked by Alexey Menshikov,

    0 votes
    2 answers

  8. Вставка Flash-меню

    Уважаемые мастера WEB-дизайна и просто посетители форума! Столкнулся с такой проблемой: создал флеш меню, но никак не могу понять как его вставить в определенное поле на сайте (DLE). Прежде вставлял обычные swf через код в файле main.tpl (указал ниже). Все прекрасно работало, но в этом случае структура меню содержит не только файл swf, но и отдельно его содержимое (струтура флеш меню описана ниже). Зашел в тупик... Пожалуйста помогите если это возможно. Обычное флеш меню одним файлом (работало): <!-- logo --> <tr> <td colspan="2" align="center"><a href="/"> <embed src="/templates/Prototype/images/logotip.swf" quality="high" width="970" height="…

    Asked by LANDER.KTV,

    0 votes
    5 answers

  9. Убрать бэкграунд, убрать скрол внизу

    Здравствуйте. Все перепробовал, приходится обращаться к Гуру. Есть сайт, который статичен и отображается при 1024px без скрола и бэкграунда. Проблема в том что появляется справа сайта бэекграунд и скрол внизу. Догадываюсь что проблема в: body { width: 100%; height: 100%; font-family: Tahoma, Verdana, sans-serif; line-height: 1.3em; font-size: 12px; background: #666666; text-align: center; }

    Asked by kirhost.com,

    0 votes
    5 answers

  10. Действия при наведении курсора на ссылку

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

    Asked by ivpoed,

    0 votes
    3 answers

  11. Обтекание fixed-блока

    Здравствуйте! Подскажите, пожалуйста, можно ли сделать обтекание fixed-блока ( {position: fixed} ), чтобы под него не подлазил текст? И если да, то как?

    Asked by Hedron,

    0 votes
    15 answers

  12. DOCTYPE

    Доброе время суток!!! Помогите решить проблему! Есть html файл <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title></title> <style type="text/css"> html, body { margin:0px; padding:0px; } table.main { width: 100%; height: 100%; border-collapse: collapse; } td.news { width: 30%; background-color: blue; } td.text { width: 70%; height: 100%; } </style> </head> <body> <table class="main" border="1"> <tr> <td class="news">news</td> <td class="text">text</td> </tr> </table> </body> &l…

    Asked by tabikA,

    0 votes
    4 answers

  13. Не работает выпадающее меню

    У меня не получается сделать выпадающее меню. Оно почему то упорно не хочет выпадать. Вот код: ul#menu { background: transparent url('images/menu.png') repeat-x 0 0; width: 90%; overflow: hidden; z-index: 100; list-style: none; } ul#menu li { position: relative; float: left; } ul#menu li a { background: transparent url('images/separator.gif') no-repeat 100% 1px; float: left; font-size: 15px; color: #fff; height: 65px; padding: 10px 17px 0 15px; } ul#menu li a:hover, ul#menu li.current-cat a { background:transparent url('images/menu-hover.png') repeat-x 100% 1px; text-decoration: none; } /* sub-menu */ ul#menu li ul { display: none; …

    Asked by Serge,

    0 votes
    4 answers

  14. как сделать так чтобы браузер не запоминал значение поля формы

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

    Asked by vvsh,

    0 votes
    7 answers

  15. HTML-редакторы, не требующие инсталляции

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

    Asked by solenie,

    0 votes
    24 answers

  16. Ааа... Warning! Margin в ie6!

    Хелп, подскажите как лечить ие6? Конструкция такая: <!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"> <style type="text/css"> body { margin: 20; padding: 20; } .local-max { width: 300px; background: red; border: 1px solid black; overflow: hidden; zoom: 1; } .local-min { float: left; margin-left: 8px; width: 30px; color: white; background: green; } </style> </head> <body> <div class="local-max"> <div class="local-min">1</div> <div class="l…

    Asked by Semreg,

    0 votes
    12 answers

  17. Помогите с отступами

    помогите, кто может. не могу увеличить отступ от текста до формы. если же отступ увеличивается, то возникает проблема: текст и форма находятся на разном уровне (как бы на разных строках). как этого избежать? спасибо. <!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> New project </title> <style type="text/css"> .layer1 { padding-left: 80px; /* Отступ слева */ background-image:url(topfon.jpg); color: lightblue; /* Цвет шрифта */ } .ots { margin-left: 80px; /* Отступ слева */ pa…

    Asked by mydba,

    0 votes
    7 answers

  18. Проблема отображения содержимого слоя в IE7 и ниже

    Всем пирвет. Нужна помощь. Вот htm: <div id="top_position"> <div id="top">Первый слой</div> <div id="search">Второй слой</div> </div> Вот css: div#top_position { overflow:hidden; width:990px; height:70px; text-align:left; } div#top { float:left; width:700px; margin-top:15px; padding-left:15px; } div#search { width:290px; margin-left:700px; margin-top:25px; padding-left:75px; }

    Asked by spatlet,

    0 votes
    8 answers

  19. Теги html

    Решил делать себе 'reset.css' - заинтересовался таким вопросом: где можно посмотреть список всех тегов, которые сейчас актуальны, были запрещены, устаревшие, которые не рекоммендуют использовать и т.д. Буду рад за любую информацию и линки. P.S. Был здесь - http://www.htmlbook.ru/html/ и здесь - http://www.w3.org/TR/html4/index/elements.html Да и вообще, во всех списках все по разному... И есть ли у кого-нибудь полнейший список тегов? =)

    Asked by DjTarik,

    0 votes
    25 answers

  20. верхнее меню -список

    есть гориз меню на joomla сверстанное с косяками beta.openvpn.ru . проблема в том что пункты падают на следующую строчку при уменьшении окна браузера. возможно ли сделать так чтобы меню автоматически сжималось при сужении окна браузера, либо варант 2 возможно ли хотя бы зафиксировать его по ширине, но чтобы пункты меню списка были в одной строке и не падали вниз.. если возможно то как?.. замучался гуглить и править код.. подскажите пжлста гуру. вот обрывки хтмль и css <table class="menubg" width="100%" height="33px" align="center" border="0" cellpadding="0" cellspacing="0" background"menu_bg_.jpg"> <td> <div id="top"> <table cellpadding="0" cel…

    Asked by RobotWerder,

    0 votes
    1 answer

  21. CSS-меню со ссылками и IE 7/8

    Здравствуйте! Есть сайт, на сайте есть выпадающие меню-таблицы с ссылками (кнопочки ). В IE 7, IE 8 на ссылки нажать нельзя — при подведении мыши к ссылке табличка сразу закрывается. КАК ЭТО ИСПРАВИТЬ? Меню реализовано через CSS: a { color: #000; background: url(pic.gif) no-repeat right top; padding-right: 10 } a:active, a:hover { text-decoration: underline } a:link, a:visited, a.menu:hover { text-decoration: none } .menu a { color: #03C } .menu a { background: none; padding-right: 0 } a.menu { display: block; width: 16; height:16; background: url(dn4.gif) no-repeat right top } a.menu span { display: none } a.menu:hover { display: block; position: relative; font-size:…

    Asked by Hedron,

    0 votes
    8 answers

  22. Растянуть div

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

    Asked by zerg,

    0 votes
    2 answers

  23. Как сделать select раскрытым, и разрешить выбор только одного

    Хочу сделать select как при multiple, т.е. раскрытый, но к сожалению, multiple разрешает пользователям выбирать несколько позиций, как сделать так, чтобы список был раскрытым, но при этом пользователь мог выбирать только одну позицию? Или хотя бы как это реализовать другими способами

    Asked by kich,

    0 votes
    4 answers

  24. Как "заставить" браузер отображать код в виде текста?

    Что надо сделать чтобы браузер отображал код, написанный в абзаце, в виде текста. Например, в абзаце в одной из фраз должно быть <div></div>. Браузер отображает это место как пустоту. То есть он "думает" что это код блока.

    Asked by ruesplit,

    0 votes
    1 answer

  25. Фон

    Как сделать чтобы при увеличении окна браузера фон в блоке увеличивался только на цельную картинку а не на её часть...? Дело в том что можно было бы конечно без этого обойтись, просто картинка с который состыковывается этот фон очень большая и многоцветная.. местами с прозрачностью.... Если её делать PNG-хой то она будет весить порядка 140кБ... а в JPG-е он будет весить всего 17кб.... Как бы разница ощутимая... вот и задался таким вопросом.... может ктонибудь знает? заранее благодарен. )

    Asked by alexander.parphenuyk,

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