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. Обтекание fixed-блока

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

    Asked by Hedron,

    0 votes
    15 answers

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

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

    Asked by kich,

    0 votes
    4 answers

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

    есть гориз меню на 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

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

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

    Asked by ruesplit,

    0 votes
    1 answer

  5. место нахождения на сайте

    существует такое меню ... <td align="center"> <a href="katalog.html" onMouseOver="ChangeImg('ImgName2','pics/katalog1.png')" onMouseOut="ChangeImg('ImgName2','pics/katalog.png')"> <img name="ImgName2" border="0" src="pics/katalog.png" alt="Каталог"></a> </td> <td align="center"> <a href="gallery1.html" onMouseOver="ChangeImg('ImgName3','pics/photogallery1.png')" onMouseOut="ChangeImg('ImgName3','pics/photogallery.png')"> <img name="ImgName3" border="0" src="pics/photogallery.png" alt="Фотогалерея"></a> </td> ... и т.д, как можно сделать что бы было видно в каком разделе ты находишся? т.е. когда ты на…

    Asked by alkatran,

    0 votes
    8 answers

  6. Плавующие блоки

    Мне надо сделать такую штуку, Три блока расположены один за другим, а есть они все, или несколько не умещаются на странице, то чтобы некоторые падали одна под другую. Вот примерчик: Посоветуйте, что-нибудь. Если можно примерчик. Спасибо.

    Asked by rar14,

    0 votes
    3 answers

  7. Расстояние между дивами в 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

  8. Ссылки

    Извините, но туплю. Не могу вспомнить, как это делается В CSS задаю стиль для ссылок (a:hover, a:visited ...........). Как задать новый стиль для некоторых ссылок?

    Asked by _elf_,

    0 votes
    2 answers

  9. Несколько классов у одного тега, и его индивидуальность.

    В шаблоне есть меню созданное на основе тегов ul li, которое растянуто горизонтально с помощью float:left. По желанию заказчика каждая кнопка должна обрамлятся скругленными углами. Соответственно в данном случае нельзя сделать "резиновость" этих кнопок, и остается только вручную каждой кнопке задать индивидуальный фон. И у меня это прекрасно получилось. Jommla по умолчанию присваивает каждому пункту меню уникальный идентификатор, этим я и воспользовался что бы создать это обрамление. Сложность состоит в том, что заказчик хочет что бы активный пункт меню выделялся другим фоном (по умолчанию кнопка черная, при активности становится оранжевой), и джумла умеет в коде отделя…

    Asked by TheKIP,

    0 votes
    9 answers

  10. КомбоБоксы

    Ребята помогите сделать менюшку с помощью комбобоксов! Хочу сделать так: есть несколько комбобоксов,в первом "Тип автомобиля" во втором "Год автомобиля" в третьем "Марка авто" и т.д.(это я сделал). Всё то что там выберут должно отправлятся на несколько адресов мыла.Вопрос: как отослать это на мыло? и можно ли всё это реализовать на HTML, или JavaScript понадобится? И ещё-как сделать по красивее комбоБоксы? Заранее БОЛЬШОЕ СПС всем кто откликнется!!!

    Asked by stardel,

    0 votes
    2 answers

  11. Перенос слов в таблице в разных браузерах

    Поскажите как можно решить: Необходимо в ячейке определенной ширины перечислить номера телефонов через запятую. Вот код <table width="404" border="1" cellpadding="0" cellspacing="0" bordercolor="#000000"> <tr> <td width="400">(495) 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-33, 111-11-11, 222-22-22, 333-33-3…

    Asked by kpdozer,

    0 votes
    3 answers

  12. Несколько бэкграндов

    Добрый день! Надо сверстать такой сайт: Общий бэкграунд - картинка, которую я задаю следующим образом: body { background-image:url(../images/bg.jpg); background-position:center top; background-repeat:no-repeat; text-align: center; } Заштрихованная область - это мой основной блок, который центрируется и имеет абсолютную ширину. С ним тоже все понятно НО есть и еще один элемент в виде картинки, которая лежит как бэкграунд и расположена на n-количество пикселей левее центра(на картинке это кружок). И не могу понять как его расположить - как второй бэкграунд? создать еще один блок под основным блоком? Как указать его координаты? не center-140px жеж) помогите, пожалуйст…

    Asked by nickgu,

    0 votes
    7 answers

  13. Opera mini и css

    Разметка работает везде кроме этого браузера. В Opera mini она работает частично - цвета, бордеры... Не могу установить ширину элементов, таблица внутри DIV позиционируется по центру почему-то, и т.п Это как-нибудь лечится, какие особенности написания под этот браузер? В IE на экране PDA все как я хочу отображается

    Asked by minvareg,

    0 votes
    1 answer

  14. clear: both - применить без разрыва строки.

    есть шаблон для парсера, который применяется к выкачанным статьям. выглядит так: {Photo} <strong>Цена: {Price} </strong><br/>{Description} <strong>Фотоальбом</strong></p> <div> {OtherPhoto} </div> <!--Шаблон для верхнего фото--> [Photo] <a href="{bigPhoto}" target="_blank"> <img style="float: left; alignleft; border: 1px solid #e4e4e4; margin: 5px 20px 10px 0pt; padding: 3px; display: inline;" title="{Name}" src="{smallPhoto}" alt="{Name}" /></a> <!--Шаблон для нижних фото--> [OthetPhoto] <a href="{bigPhoto}" target="_blank"> <img style="alignleft; border: 1px…

    Asked by bakz,

    0 votes
    7 answers

  15. когда страничка загнана под расширение и когда подстраивается под расширение экрана или перимитр окна

    есть сайты которые всегда имеют четкий заданный размер, а есть те которые подстраиваются под разрешение монитора или под окно браузера. как называется второй эфект? P.S. надо переделать готовый шаблон под 2-й вариант, или найти шаблоны которые заведомо подстраиваются под браузер.

    Asked by tok24ua,

    0 votes
    2 answers

  16. Новинки кино

    Не уверен, что создал тему здесь. Я не силен в HTML и CSS, но если у кого знаний по больше, не подскажите, как мне сделать такой блок "Новинки кино" (как узнать его код?) и тоже сделать у себя на сайте... Если, кто-то встречался с этим, помогите!

    Asked by BJIADUMUP,

    0 votes
    5 answers

  17. Склеиваются и всячески безобразничают DIVы

    Идея: div сверху, div снизу, div между ними. В том, который посередине - контент. В роли контента - img и пара слов текста. Таких "блоков" - 6 колонок по 6 рядов, допустим. body по ширине 780px, каждая колонка, следовательно - 130px. Соответственно должно отобразиться: ВЕРХ БЛОКИ КОНТЕНТА (в каждом блоке - картинка и под ней пара слов текста) НИЗ Код: <body style="width:780px;"> <style> #tmbcontent { background: white; } .tmbcontainer { text-align: center; width: 130px; float: left; font-size: 14px; } .tmbimg { display: block; margin-left: auto; margin-right: auto; } </style> <div style="background:red;">Upper DIV</div> <div id="tmbcont…

    Asked by rrejmkhe,

    0 votes
    1 answer

  18. Пропадает бордер у дива при прокрутке.

    Здравствуйте. Вот страничка. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>hi</title> <style type="text/css"> .box { margin-bottom: 24px; } .box .top { position: relative; border: 0px solid; z-index: 2; } .box .top img.corner { vertical-align: -15px; } .box .top img.ico { margin-left: -55px; margin-top: 12px; } .box .top .title { margin-top: -56px; margin-left: 86px; } .box .content { …

    Asked by Flake,

    0 votes
    3 answers

  19. width 100% в Firefox

    Люди добрые, помогите советом, пожалуйста. Шапку сайта верстаю в виде таблицы width=100% дабы растягивалась под широкоформатные моники. При этом фон задаю в CSS и все вроде в порядке. НО... В Firefox шапка упорно отображается только на 1024px и не дальше. Хотя другие таблицы в тексте отображает нормально. Вопрос: что с ним делать? P.S. В IE и Опере все ОК. Пробовала задать ширину через <col>, не помогло. Естественно margin:0; padding:0.

    Asked by cat_helena,

    0 votes
    5 answers

  20. Убрать OnClick

    Здравствуйте. Подсобите, пожалуйста, в следующем: как убрать onclick $r .= '<input type="button" class="enhanced_search_options_advanced_button" value="Search" onclick="esf_div=document.getElementById(\'' . $dom_id . '\');if(esf_div.style.display==\'none\') esf_div.style.display=\'block\';else esf_div.style.display=\'none\';document.getElementById(\'' . $dom_id . '_cat\').disabled=!document.getElementById(\'' . $dom_id . '_cat\').disabled;document.getElementById(\'' . $dom_id . '_m\').disabled=!document.getElementById(\'' . $dom_id . '_m\').disabled;esf_tag=document.getElementById(\'' . $dom_id . '_tag\');if(esf_tag) esf_tag.disabled=!esf_tag.disabled;return false;" …

    Asked by Simon_S.,

    0 votes
    7 answers

  21. Фон

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

    Asked by alexander.parphenuyk,

    0 votes
    16 answers

  22. Ввод текста

    Здравствуйте, уважаемые знатоки. Я начинающий сайтостроитель (совсем слабый) Я начала писать кодинг в редакторе WeBulder2008. Проблема моя в следующем: На сайте у меня должно быть 3 текста: английск. русский арабский С англ. и русским нет проблем. Проблемы с вводом арабского текста. Арабский текст (в отличие от русс. и англ.) пишется справа налево. И когда я в WeBulder2008 начинаю вводить араб. текст , то он вводится как русский, т.е . слева направо. И получается ерунда. Прошу вас, подскажите, что мне сделать, чтобы каждый текст вводился в том направлении, которого требует язык. Кстати , в Блокноте с этим нет никаких проблем. Но в нём очень неудобно работать. А ещё говори…

    Asked by Нusuf,

    0 votes
    12 answers

  23. Помогите с рассылкой

    Ребята,помогите наладить рассылку с сайта который на Джумле.Есть у меня код рассылки(он рабочий),но не могу понять как что работает.В частности откуда берётся сам текст рассылки,и где складываются адреса подписчиков? Заранее большое СПС всем кто откликнется и ессно всем в репу плюсы! Вот код: <div align="center"> <form name="SR_form" method="post" target="_blank" action="http://smartresponder.ru/subscribe.html"> <input type=hidden name=version value="1"> <input type=hidden name=tid value="35620"> <input type=hidden name=uid value="31033"> <input type=hidden name=charset value="windows-1251"> <input type=hidden name=lang value="1"&gt…

    Asked by stardel,

    0 votes
    9 answers

  24. Отступ у списка

    Добрый день. Столкнулся с трудностью при вёрстке и не могу сообразить, как разрешить ситуацию. Выкладываю кусочек текста, надеюсь, описал пробему понятно. <div style="overflow: hidden; margin-bottom: 40px;"> <img style="float: left; margin: 0 20px 20px 0;" src="/img/27c2de2.jpg" alt="style='float:left; margin-right:20px;'" width="300" height="485" /> <p>Комплекс априорной бисексуальности имеет элитарный цвет, однако само по себе состояние игры всегда амбивалентно. Подобный исследовательский подход к проблемам художественной типологии можно обнаружить у К.Фосслера - ролевое поведение, на первый взгляд, выстраивает символический метафоризм, таким образо…

    Asked by iddqd,

    0 votes
    3 answers

  25. Проблема с таблицей и css

    Имеется таблица из 3 столбцов и 3 строк! Строки в первом столбце объединены(там находится картинка)! А строки в следующих двух столбцах имеют разную высоту(первые две строки одинакового размера, а последняя изменяет свою высоту в зависимости от размера рисунка в первом столбце). Вопросик: как в css прописать чтобы все строки имели одинаковую высоту - но не фиксированную, а зависящую от высоты рисунка в первом столбце!

    Asked by sorochini,

    0 votes
    1 answer

  • Обсуждения

    • 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