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. Что это за кодировка?

    Подскажите, что это за кодировка? Бывает так, что в URL отдельные символы, типа "/", ":" вдруг становятся представленными тремя символами. Первый (если мне не изменяет память) - это знак процента. И где найти саму кодировку (описалово). Ну, или принцип, как русские буквы представлять в такой кодировке?

    Asked by кэп,

    0 votes
    8 answers

  2. Что это за красная линия?

    http://img.pixs.ru/storage/5/8/2/Bezimyanni_5147755_9401582.png Всем привет.. Я вот 3-4 дня начал заниматся HTML.. у меня такая проблема.. Что это за красная линия между кнопками "in" и "f"... никак не могу исправить это.. HTML <div class="Share"> <a target="_blank" href="https://www.youtube.com/user/BaxramEfendi/videos"><img class="Youtube" src="Icons/youtube-icon2.png" width="36px" height="36px" onmouseover="this.src='Icons/youtube-icon.png'" onmouseout="this.src='Icons/youtube-icon2.png'" /></a> <a target="_blank" href="https://plus.google.com/109111671453089973163/posts"><img class="Gplus" src="Icons/…

    Asked by BahramAfandiyev,

    0 votes
    7 answers

  3. Что это за фигня?

    Здравствуйте! Помогите пожалуйста в определении скриптов, которые используются: Это стоит в начале и конце <body>: <<$m->meta->render().$m->js->render().$m->css->render().$m->ajax->get_js()>> В некоторых блочных элементах следуют запросы типо этого: <<f_call('f_gbid',array('key'=>'sid','table'=>'txt','id'=>'phone','field'=>'value'))>> Что это за язык такой ?или, что это вообще такое?

    Asked by Lucifer,

    0 votes
    4 answers

  4. что это за фикс?

    очень часто встречается фикс height: 1%; что это за фикс и когда он используется?

    Asked by sc@r@bey,

    0 votes
    3 answers

  5. что это за шрифт?

    столкнулся с проблемкой - не могу шрифт опознать... кто нибудь может подсказать - что это(сам телефон)

    Asked by Николя223,

    0 votes
    3 answers

  6. Что это за элемент управления?

    Подскажите, что это за элемент управления

    Asked by mastermedia,

    0 votes
    7 answers

  7. Что это такое?

    Здравствуйте. Делаю сайт на html5, скачал шаблон, переделал его, но в шаблоне была такая штука как при наведении курсора поле в котором рсположен текст или картинка подсвечивается серым цветом. Хотелось бы это убрать, но не могу понять где лежит этот код. Подскажите пожалуйста какую часть кода необходимо удалить? Сайт: http://www.gruzoperevozki-gatchina.ru/ Спасибо.

    Asked by q3dm4pro,

    0 votes
    6 answers

  8. Что это?

    не пинайте сильно меня, может и не в ту тему пишу, может посмеетесь надо мной, но мне нужна помощь знающих людей. Сама суть проблемки: на компе при наведении мыши на картинку появляеться менюшка, и там кнопочка, по нажатию на нее, видимо отправляеться команда серверу. Суть в том что мне нужна эта команда/ссылка на мобильник для постоянного пользования, с постоянными параметрами. Но на мобильнике такая функция не поддерживаеться (менюшка не выезжает эта). Вот вроде выдрал эту команду, можно ли из нее сделать ссылку. <a href="#" onclick="buyItem(36987, $('item_amount_36987').getProperty('value'), 2, 'shop6');" class="buy"> это собственно говоря с игрушки BattleKni…

    Asked by Shevan,

    0 votes
    11 answers

  9. Что этот код описывает?

    Здравствуйте, скажите пожалуйста, какой элемент описывает данный код? И что подразумевается под #comparewindow? #comparewindow{ position:absolute; left:10px; top:0; visibility:hidden; width: 250px; height: 68px; Z-INDEX: 2; BACKGROUND: #C0D2EC; padding:10px; border: solid; border-width: 1px; border-color:#4D88C8; FILTER: revealTrans (duration=1,transition=4); } img.imgOff { border:none; } img.imgOn { border:none; } .topmenu_pad{ position: absolute; top: 400px; padding:50 0 0 30; float:bottom; Z-INDEX: 5;

    Asked by romashkaed,

    0 votes
    1 answer

  10. Что я делаю не так

    Здраствуйте, прошу помощи,уже больше часа питаюсь решить - есть код <table style="width: 100%;margin-top: 4px;" > <tr class="topic-name-full" > <th style="text-align: left;" ><img src="post.png" style="margin-right: 10px;" alt=""/><h2>Добро пожаловать1111111111111111111111111111111111111111111111111111</h2></th> <th style="background: #eaeeef url('../images/button-bg.gif') right top repeat-y;" > <div class="button" style="float: right;" ><a href="#" ><span><img src="images/button-ico/post.png" alt="" />Ответить</span></a></div> </th> </tr> </table> и ксс .topic-…

    Asked by Mr.Black,

    0 votes
    6 answers

  11. Что я делаю не так, помогите найти ошибку

    У меня есть 3 изображения, вместе они создают шапку, Вот код <html> <head> <title>test</title> </head> <body> <table width="100%" border="0"> <tr> <td><img src="1.jpg" width="21%"></td> <td><img src="2.jpg" width="38%"></td> <td><img src="3.jpg" width="28%"></td> </tr> </table> </body> </html> У меня не получается шапка, картинки не сливаются и даже разного размера получаются. слитое Изображение это простая большая по высоте синея полоса(я для примера взял ее) с разной шириной но одинаковой высотой

    Asked by light3jibqp@yandex.ru,

    0 votes
    5 answers

  12. Что я не так делаю?

    начал немного изучать вёрстку, и хотел бы спросить один важный для меня вопрос.. правильно ли я всё делаю? вот ссылка: http://jsfiddle.net/7uHS9/ посмотрите если не сложно, и скажите что не так пожалуйста, и как нужно правильно делать... делал по этому скриншоту: http://www.prostoj-sajt.ru/wp-content/uploads/2012/10/Shablon-s-reklamnym-blokom.png (в интернете нашёл скриншот простого шаблона для того чтобы учиться) знаю что сделано ужасно, но я только учусь верстать...

    Asked by napstyle,

    0 votes
    4 answers

  13. Что-то не то =(

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml:lang="en" dir="ltr" lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Типо сайт=)</title> <link rel="stylesheet" type="text/css" href="#" /> <style type="text/css"> html, body {height: 100%; width: 100%; margin: 0; padding: 0} html {font-size:62.5%} body {font: normal 1.6em Arial, Verdana, Helvetica, Calibri, Tahoma, sans_serif; line-height: 100%; color: #333; background: #fafafa} tabl…

    Asked by Yahoo!,

    0 votes
    1 answer

  14. Что-то непонятное с line-height

    Имеется такой пример: <!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>Пример</title> <style> DIV { width:100px; height:300px; background-color:#CCC; line-height:12px; } SPAN { color:#F00; background-color:#CC0; font:12px/12px "Lucida Console"; margin:0px; } </style> </head> <body> <div> <span>слова слова слова слова слова слова слова слова слова</span> </div> </body> </html> В мозиле, опере и хроме непонятные промежутки в …

    Asked by Колос,

    0 votes
    8 answers

  15. что-то с текстом

    Привет всем!) Вот я тут верстанул немного и столкнулся с проблемой с текстом Текст(под заголовком Aliquam Etiam Tempus во втором столбце) отображается немного не так (криво как-то, и он длиннее) по сравнению с оригиналом. Я пробовал разные свойства, такие как letter-spacing, word-spacing, чтобы исправить эту кривоту, но не вышло.. Из-за этого не получается кроссбраузерно вставить этот второй синий разделитель.(можно, конечно, установить height для блока, содержащего этот текст, но я читал в книге, что этого лучше не делать) Хотя в ie6, ie7 текст отображается точно как на макете) подскажите, можно ли что-нибудь сделать, чтобы они стали идентичными? сайт, картинка макета, с…

    Asked by Bava,

    0 votes
    6 answers

  16. Что-то с шириной и margin: 0 auto

    Здравствуйте. Я что-то потерялась. Давно фиксированный сайт не верстала) http://kates.cc.ua/ Посмотрите, пожалуйста, на мониторах больше 1280 пкс или в девтулс. Не по центру у нас.

    Asked by kattiperk,

    0 votes
    5 answers

  17. Что-то тормозит на главной странице

    Добрый вечер, друзья! Спец наверное сразу может сказать, что тут притормаживает загрузку главной страницы, не календарик ли случайно??? сайт: http://xn—-7sbabhcq1a2caxdko8d0h.in.ua/index.html Спасибо заранее!!!

    Asked by Vic-Tor,

    0 votes
    8 answers

  18. что-то я затупил %)

    господа такой вопрос нежданно возник.. имеем трехколоночную верстку (иллюстративно): <div style="width: 300px; float: left;"> /* тут какой-то контент, пусть пикселей 300 в высоту */ </div> <div style="margin-left: 300px;"> <div style="float: right; width: 300px;"> /* тут еще какой-то контент, пусть 400 пикселей в высоту */ </div> <div style="margin-right: 300px;" /* центральная колонка и о ней собссна и речь */ <img style="float: left;" src="xxx.gif" /> <p>blah blah blah blah blah blah blah blah blah blah .... blah</p> <div> <a href="#">…

    Asked by mav,

    0 votes
    10 answers

  19. чтоб картинка помещённая на сайт как бэкграунд не размножалось

    Подскажите пожалуйста как сделать чтоб картинка помещённая на сайт как бэкграунд не размножалось? Какие теги на запрет размножения?

    Asked by exploer,

    0 votes
    3 answers

  20. Чтоб один див перекрывал другой

    Здравствуйте. Я тут с хедером мучаюсь. http://jsbin.com/osiqimI/1/edit?html,css,output В верхней части див с фоном. Его частично перекрывает див из нижней части(в желтой рамке), в котором содержится лого и текст. Лого и текст получаются на фоне. В нижнем диве есть еще один(красная рамка), он непрозрачный и немного тоже перекрывает фон. На примере все расположено правильно, но мне нужно убрать: .header_content{position: absolute;}Как сделать так, чтоб все было так же само расположено, но без абсолютного позиционирования, ато при увеличении страницы начинает происходить жесть.

    Asked by Floater,

    0 votes
    3 answers

  21. Чтобы div с динамической шириной выравнивался по центру и оставался по центру если он шире окна браузера.

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

    Asked by Squidward,

    0 votes
    12 answers

  22. Чтобы input переключался

    Нужно, чтобы инпуты переключались Сейчас, когда нажимаешь на каждый, это выглядить так (т.е. подсвечиваются все): Как это исправить? http://codepen.io/anon/pen/avXRQx

    Asked by yaparoff,

    0 votes
    1 answer

  23. Чтобы в двухсловных пунктах меню второе слово переносилось на вторую строку

    Задача: в двухсловных пунктах меню второе слово должно переноситься на вторую строку (см. рисунок ниже). По ширине ограничений для li или a не ставится (на основе этого реализовать перенос не получится, см. опять же рисунок). Тегов <br /> и прочих вручную между слов не вставить, это CMS. Как можно сделать? Причем нужно, чтобы выравнивались слова по низу (см. опять же рисунок).

    Asked by Squidward,

    0 votes
    6 answers

  24. Чтобы все картинки сайта встали по центру

    Здравствуйте! Поменяла шаблон на вордпресс-сайте. Область контента теперь шире чем нужно, картинки лепятся к левому краю. Я их не загружаю в текст, а прописывают отдельно через <img border="0" src="" alt=""> Что прописать в стилях, чтобы все картинки на сайте показывались по центру? По идее можно к каждому изображению добавить <DIV ALIGN="CENTER"> Но это долго и нудно - страниц очень много. Что прописать в стилях для видео, чтобы оно тоже отображалось по центру?

    Asked by StOK,

    0 votes
    4 answers

  25. Чтобы два блока растягивались одновременно

    Здравствуйте! В общем проблема такая. Есть два параллельных блока. Если один из них уходит вниз, то второй не изменяется, а надо, чтобы действия были параллельны. Фиксировать высоту не вариант. Пробовал заключить оба в один блок, но безуспешно. Колонки различаются цветами, поэтому и создается сложность для меня.

    Asked by 2Ville,

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