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: <div id="men"> <div id="menu"> <div id="buttons"><div id="about"><a class="link-about" href="about.html"></a></div><div id="contacts"><a class="link-contacts" href="contacts.html"></a></div> <div id="inf"><a class="link-inf" href="inf.html"></a></div><div id="vacansy"><a class="link-vacansy" href="vacansy.html"></a></div> <div id="gallery"><a class="link-gallery" hre…

    Asked by Rootical,

    0 votes
    5 answers

  2. Проблема с всплывающим меню. Координаты.

    Код: <html> <head> <style> .submenu{ visibility: hidden} </style> <script> function showmenu(elmnt) {document.getElementById(elmnt).style.visibility="visible"} function hidemenu(elmnt) {document.getElementById(elmnt).style.visibility="hidden"} </script> </head> <body> <div class=menupos> <a href="" onMouseOver="showmenu('sm1')" onMouseOut="hidemenu('sm1')">Меню0_1</a> <a href="" onMouseOver="showmenu('sm2')" onMouseOut="hidemenu('sm2')">Меню0_2</a> </div> <div id=sm1 class=submenu style="left:5"> <a href="">Бла1</a><br> <a href="">Бла1</a>&lt…

    Asked by GromLine,

    0 votes
    1 answer

  3. какой локальный сервер можно использовать с флэш-накопителя

    Какой локальный сервер можно использовать на отдельном накопителе? Заранее спасибо!

    Asked by JENYTAVR,

    0 votes
    1 answer

  4. ссылка на почту

    Всем привет. Мне нужна помощь.. может кто знает. создаю ссылку на почту a href="mailto:info@(адресс)?subject=Заказать рекламную продукцию">Сделать заказ</a проблема в том, что когда нажимаешь на эту самую ссылку открывается почтовый клиент, а там тема краказябрами написана.. в шапке сайта вставлен мета тег meta http-equiv="Content-Type" content="text/html; charset=windows-1251" не могу понять в чем проблема

    Asked by fiksius,

    0 votes
    5 answers

  5. Параметр overflow не работает

    Всем привет. Имеется страница, след. структуры ... <table> <tr> <td> .... </td> <td> <div class="content"> <div class="code"> .... </div> </div> </td> </tr> </table> ... Часть CSS кода: ... div.code { background-color: #F2F1ED; border: 1px dashed #000000; font-family: Courier; margin: 10px; overflow: scroll; padding: 5px; } ... Как видите, у div'а с классом "code" параметр overflow установлен в scroll. Но, не работает. При вводе нескольких десятков символов (не пробельных), этот div уезжает за экран монитора, при этом scrollbar остается заблокированным... В чем может быть пр…

    Asked by Vialls,

    0 votes
    2 answers

  6. Вопрос по тегу <SELECT>

    Здравствуйте. Совсем недавно занялся постижением html и php, и уже возникли различные сложности. В частности не могу решить оперативную задачу с выскакивающим списком. Вот часть кода, но с радиокнопками. Пытаюсь их заменить списком. <br><b><?php echo "$questions[2]" ?></b> <br> <input type="hidden" name="answers[0]" value="0"><input type="radio" name="answers[0]" value="1"><?php echo "$v_answers[0]" ?> <br> <input type="radio" name="answers[0]" value="2"><?php echo "$v_answers[1]" ?> <br> <input type="radio" name="answers[0]" value="3"><?php echo "$v_answers[2]" ?> <br&g…

    Asked by Satou,

    0 votes
    5 answers

  7. Центровка маркера

    Помогите выровнить маркер в одну строку с сылкой. Выставляю следущее: ul {list-style-image: url(/images/my_images.gif'); } но маркер отображется на пару пикселей выше ссылки в списке

    Asked by maximo,

    0 votes
    19 answers

  8. список. как сделать?

    ————————————————————————————————————————————————-- в странице: <ul class="menu"> <li id="limargin"><a href="" class="limenu">пункт 1</a></li> <li id="limargin"><a href="" class="limenu">пункт 2</a></li> <li id="limargin"><a href="" class="limenu">пункт 3</a></li> </ul> в стилях к этому коду (выше который): ul.menu {width: 190px; list_style: none; margin: 0px; padding: 0px; font-size: 12pt; font-weight: bold; text-align: center;} #limargin {margin: 0px; margin-top: 2px…

    Asked by PEOP,

    0 votes
    7 answers

  9. непонятки с vertical-align

    Код ЦСС #portfolio_left{ height:460px; width:396px; background: url("../images/bg_portfol_left.jpg") repeat-y; text-align:center; } #portfolio_left img{ vertical-align: middle; } Код ШТМЛ <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> ... <div id="portfolio_left"> <img src="images/large_image.gif" alt=""> </div> ... По задумке картинка должна выравнивать по вертикали по центру, однако она висит в самом верху блока. Нигде vertical-align больше не задан, картинка по высоте меньше блока. Подскажите как быть

    Asked by sajkun,

    0 votes
    5 answers

  10. SSI

    Заранее прошу прощения, если влепил тему не в тот раздел, но ничего более подходящего не увидел. Есть такая структура сайта: docs - тут все страницы сайта ssi - тут часть кода, который размещается через директиву на все страницы index.shtml Вот такая директива прописана в коде всех страниц на сайте, включая главную <!--#include virtual="/ssi/links.html"--> В html-файле, который вставляется через директиву, есть ссылка такого типа <a href='stranica.shtml'>Ссылка</a> После того, как все это отработало получаем все страницы с размещенной ссылкой <a href='/docs/stranica.shtml'>Ссылка</a>, а главную страницу с неработающей ссылкой <a href='stra…

    Asked by Den,

    0 votes
    1 answer

  11. OpenID

    Кто-нибудь использует? Вообще для OpenID используется сколько баз для идентификации или есть одна единая? Как бы я не совсем в теме Или лучше не реализовывать такую возможность?

    Asked by Slyfox,

    0 votes
    3 answers

  12. Помошите плиз!

    Может это будет ворос для 5 класника но всё же! Мне надо допустим чтобы текст смотрелся так Ляляляляляля(а тут растояние в несколько пикселей)ляляляляляля А он у меня получается такЛяляляляляляляляляляляляляляялял Как можно этого сделать? ФОТО ЗДЕСЬ

    Asked by grandic,

    0 votes
    6 answers

  13. как сделать ссылку на середину документа

    Здравствуйте ребята, подскажите пожалуйста, как сделать ссылку на середину документа допустим у меня есть текст и мне нужно при нажатии ссылки попасть на середину документа. Вот как это сделать я что то ни как не пойму(((

    Asked by joomler,

    0 votes
    1 answer

  14. Заголовок раздела

    Здравствуйте уважаемые знатоки. У меня проблема. Я сделал свой сайт в программе фронтпейдж. Разметка табличная. Ячейка верхнего колонтитула заполнена фоновым рисунком и сверху написано отдельно текстом название раздела. Размер таблицы в % При изменении размера окна браузера текст, как и положено, сдвигается влево, но потом, поскольку названия состоят из двух слов, они становятся в столбик. Можете посмотреть www.po-miry.ru Только сама индексовская страничка нормальная. Как сделать, чтобы названия разделов, например "Спорт. Туризм" при уменьшении размеров окна оставались одной строчкой. Конечно я мог бы сделать надпись картинкой, но хотелось бы, чтобы фон проглядывал. жд…

    Asked by beze,

    0 votes
    9 answers

  15. Первые секунды загрузки сайта

    Делаю не первый сайт, и который раз возникает следующий вопрос: Первые секунды загрузки сайта контент отображается "как есть" пока подгружается файл стилей. Потом резко все становится на место. Как решается данный вопрос? Только на своих сайтах вижу) Проблема в доктайпе? Спасибо!

    Asked by Rootical,

    0 votes
    8 answers

  16. Ссылки с текстового поля

    Здравствуйте я новичок в html. Помогите пожалуйста. Сайт создан на ucoz хотелось бы осуществить следующее. Есть переменная $BRIEF$ (краткое описание материала) В которую пользователь вводит текст ссылки в рядок. Нужно сделать так чтоб каждый рядок представлялся как отдельная ссылка. и при в вставке $BRIEF$ в код страницы отображалось нечто подобноее. Мой познания в html не велики. Но я предполагаю что это можно сделать как нибудь так 1. Написать скрипт которий будет разделять каждый редок и представлять его как ссылку(если это возможно). 2. Написать скрипт который занесет информацию из $BRIEF$ в некий файл на сервере, и уже потом в файле разделять и выводить рядки. Н…

    Asked by ДрайВ,

    0 votes
    6 answers

  17. Резиновая таблица в IE 7 - как?

    То ли я поиском пользоваться не умею, то ли решение этой проблемы затерялось в дебрях прошлого. но все же. Нужно сделать таблицу (именно table а не div) из двух колонок, одна фиксированной высоты, вторая - на всю оставшуюся часть высоту экрана. Сделал - в опере и ФФ работает, в IE 7 появляется вертикальный сролл. У самого 6 эксплоера нет, но вроде бы там тоже все ок. В чем проблема? <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>{title} -</title> <meta http-equiv=Content-Type content="text/html; charset=windows-1251"> <style type="text/css"> <!-- html…

    Asked by pimandr,

    0 votes
    7 answers

  18. как расстянуть несколько вложенных div-вов по высоте

    Сайт со сложной версткой бэкграундов. Нужно расстянуть несколько вложенных div-вов по высоте (.wp1, .wp2, .wp3), чтобы футер при этом был прижат к низу. Расстягивается только wrapper, а .wp1, .wp2, .wp3 - НЕТ!!! Буду очень благодарен за совет. Вот код: <html> <title>Макет</title> <style type="text/css"> * {margin: 0; padding: 0;} html, body {height:100%;} body {min-height:100%;} .wrapper, .wp1, .wp2, .wp3 { position:relative;min-height:100%; height:100%; width:1000px;} * html .wrapper,* html .wp1, * html .wp2, * html .wp3 {height:100%;} /* хак для ie6 */ .header {background: blue;} .sidebar {float:left; width:200px; background: red;} .content {flo…

    Asked by sarlv,

    0 votes
    2 answers

  19. Ссылка

    http://www.cosmocard.ru/ Как можно сделать такие ссылки без попиксельного подбирания? Допустим карта космополитан или журнал, т.е. ссылка идёт по краю картинки, а картинка наклонена.

    Asked by sm0k,

    0 votes
    5 answers

  20. таблица, фиксированная ширина колонки

    Товарищи.. просьба не пинать сильно, но реально решения пока не нашёл, хотя поиск и различные манулы перелистал... в кратце ситуация... есть таблица. в ней две строчки... вторая строчка слипляется в одну колонку (<td colspan = "2">) в первую колонку (первой строки) попадет информация, которая является длинной и не разделимой. как сделать так, чтобы появился скрол горизонатльный и тем самым колонка эта была фиксированной "толщины"... подобный эффект полается с обычным текстом если поставить свойство запрета переноса текста. (с высотой всё нормально... а вот с шириной не получается..) вот кусок кода: <table width = "100%" height = "100%"> <tr> <td wid…

    Asked by Legi,

    0 votes
    20 answers

  21. Как избежать наложения текста(выпадающий список)?

    <script language="javascript"> var what_design_visible=false; why_design_visible=false function show_what_design(){ if (what_design_visible==false){ document.getElementById('what_design').style.display='block'; what_design_visible=true; } else {document.getElementById('what_design').style.display='none'; what_design_visible=false;} } function show_why_design(){ if (why_design_visible==false){ document.getElementById('why_design').style.display='block'; why_design_visible=true; } else {document.getElementById('why_design').style.display='none'; why_design_visible=false;} } </script> <a href="#"><H2 class="style1" style="position:absolute; top:…

    Asked by AlexMak,

    0 votes
    3 answers

  22. [help] Проблемы с позиционированием.

    Здравствуйте уважаемые. Возникла проблема с позиционированием футера на сайте. Футер в виде темной полоски с горизонтальной менюшкой. Необходимо чтобы он был вплотную прилеплен к нижнему краю экрана. Было сначала: Если много контента на страничке (больше чем на высоту экрана) - то футер нормально позиционируется и прижимается к нижнему краю. Если же контента мало (меньше чем на страничку) - то он поднимается на середину экрана. Тогда я применил абсолютное позиционирование: style="position: absolute; bottom: 0px; width: 100%" Теперь возникла другая проблема. Если контента мало - все нормально - футер как прилепленный к нижнему краю. НО если количество контента больше чем…

    Asked by rijy,

    0 votes
    4 answers

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

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

    Asked by arlek1n,

    0 votes
    26 answers

  24. Сделать элемент недоступным

    Имеется довольно сложное меню: <div id="menu"> ...... (внутри много чего) ...... </div> Необходимо сделать это меню недоступным. То есть, чтобы онКлики не срабатывали, по ссылкам пройти нельзя было. Может кому-нибудь приходилось такое делать. Как лучше такое сделать?

    Asked by Колос,

    0 votes
    2 answers

  25. пару вопросов

    1. как нибудь можно вывести на страницу содержимое, например файла exel? 2. как сделать, чтобы можно было загружать и сохранять файлы с сайта? текст, музыка, фото и прочее 3. как можно добавить небольшое видео на сайт? например, в шапку сайта какой-нибудь ролик секунд на 5-10? 4. как вынести в css в style рамку, цвет, толщину рамки и др свойства для таблицы?

    Asked by Ramazzzik,

    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