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. Как растянуть контент до подвала

    Здравствуйте! Не получается растянуть .content до #footer при отсутствии содержимого или когда мало текста. Подскажите что не так. http://sl100s.narod.ru 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" xml:lang="en" lang="en"> <head> <link rel="stylesheet" href="style.css" type="text/css" media="all"> </head> <body> <div id="page"> <div id="sheet"> <div id="header"></div> <div class="content"><div class="vmenu"></div><div class="pagecontent"></div></div> &l…

    Asked by s100,

    0 votes
    8 answers

  2. width таблицы

    подскажите пожалуйста почему здесь .right<30px , .left<30px, .date<150px

    Asked by cyklop77,

    0 votes
    3 answers

  3. Проблема с выводом статей на сайте при добавлении с помощью панели администрирования

    Не знаю в тот ли раздел пишу, не ругайте сильно. Есть сайт http://srub-profi.ru/index.php?param=article&title=%D0%A1%D1%82%D0%B0%D1%82%D1%8C%D0%B8 на нем статьи. Добавить статьи можно с помощью небольшой администраторской части, где указывается название статьи в input, картинка, и текст статьи в textarea. Данные попадают базу и оттуда подгружаются на сайт. Как видно, если провалиться в "читать далее" в статью, то текст выровнен не по всей ширине и более того большой отступ справа, а там где картинка еще и какие-то непонятные переносы строк. Вопрос: Как исправить ситуацию, чтобы текст при добавлении из администраторской части при выводе на сайт корректно вел себя?

    Asked by KoDA86,

    0 votes
    6 answers

  4. простое кроссбраузеное меню на <ul>

    день добрый. есть nav, в нём меню на ul - одно оно отображается на разной высоте в разных браузерах, хотя используются em единицы измерения. в чём может быть проблема? html <!DOCTYPE HTML> <html> <head> <meta charset="utf-8"> <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <title></title> <link rel="stylesheet" href="s.css"> <body> <header role="banner"> <div class="content"> <nav><b>+0 (123) 456-78-90</b><br> <sub>blah blah blah</sub> <ul> <li><a href="1.htm" title="">link 1</a>…

    Asked by lyapiss,

    0 votes
    11 answers

  5. Как сверстать такое?

    Как сверстать такое при наведении на фото?

    Asked by zsaz,

    0 votes
    2 answers

  6. включить gzip-сжатие

    включаю gzip-сжатие на сервере посредством добавления в конец .htaccess кода <IfModule mod_deflate.c> AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4.0[678] no-gzip BrowserMatch bMSIE !no-gzip !gzip-only-text/html <ifmodule mod_gzip.c> mod_gzip_on Yes mod_gzip_item_include file \.js$ mod_gzip_item_include file \.css$ </ifmodule> </IfModule> в результате сайт падает и в браузере получаю ошибку подскажите пожалуйста что я делаю неправильно. или другой способ включить gzip-сжатие пе…

    Asked by cyklop77,

    0 votes
    9 answers

  7. как решить проблему с ссылками...

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

    Asked by Анатолий23,

    0 votes
    6 answers

  8. header в середине блока

    скажите пожалуйста не будет ли ошибкой размещение <header> в блоке-родителе после части контента? например так <article class="article_2"> <img class="img" src="images/aside_left/img2.jpg" alt="img" width="63" height="63" /> <header> <h1>Donec lobortis purus vel</h1> <strong>Donec lobortis purus vel urna.</strong> </header> <p class="text">Nunc laoreet lacinia nunc. In volutpat lorem ipsum</p> </article>

    Asked by cyklop77,

    0 votes
    6 answers

  9. Скошенные края

    Добрый день, можно каким-то образом с помощю css сделать такие же скошенные края как на изображении?

    Asked by trofian,

    0 votes
    4 answers

  10. Не понимаю поведение элементов часть 2

    Добрый день, Написал очень простенький код, с которым не должно было возникнуть вопросов, но... в браузере IE верхняя строка таблицы не равна заданным 30px. Высота этих двух строк делит пополам эту таблицу. <!DOCTYPE html> <html> <head> <style type="text/css"> html, body { width: 100%; height: 100%; } table { width: 100%; height: 100%; border: 1px green solid; } #wrap { width: 100%; height: 100%; border: 1px red solid; } #firstRow { height: 30px; border: 1px blue solid; } </style> </head> <body> <div id="wrap"> <table> <tr> <td id="firstRow">top</td> </tr>…

    Asked by shtuceron,

    0 votes
    3 answers

  11. выравнивание слоя по вертикали

    Сделал выравнивание слоя по центру (вертикально/горизонтально). Но появилась проблема, когда высота окна браузера становится меньше 700px, слой начинает "сьедатся" браузером сверху и снизу. Как это можно устранить? Буду благодарен за совет. сайт в архиве html{ height: 100%; margin: 0; padding: 0; } body{ font-family:"Trebuchet MS",Verdana,Tahoma,sans-serif; margin: 0; padding: 0; background-color:#fff; height: 100%; min-width: 1000px; min-height: 700px; } #content_wrap{ height: 700px; width: 1000px; margin: auto; position: relative; left: 50%; top: 50%; margin-left: -500px; margin-top: -350px; …

    Asked by Kos87,

    0 votes
    1 answer

  12. Резиновый блок с текстом. Как сделать?

    Сверстал полностью резиновый шаблон по высоте и ширине для разрешения экрана от 1000 пикселей. Но вот незадача: главную задумку - сделать резиновым блок с текстом (с автоматической полосой прокрутки) никак не получается. Вот как должен выглядеть блок под разрешением 1280*1024: Выкладываю пример с версткой и с фиксированой шириной текстового блока: http://ooopri.pavelzheglov.ru/

    Asked by Jackky,

    0 votes
    17 answers

  13. Личный сайт-портфолио

    Я фрилансер-верстальщик. Появилась идея сделать своя сайт портфолио. Скажите, а есть ли смысл? Поможет ли этот как то в поиске работы, или же достаточно аккаунта с портфолио на фрилансе?

    Asked by DartBein,

    0 votes
    9 answers

  14. как прилинковать файл js ?

    здравствуйте. подскажите, пожалуйста, как правильно прилинковать файл js (если он будет находиться с отдельной папке) к файлу html ? вот так линкую css : <link rel="stylesheet" href="css/1_text.css" type="text/css"> а для файлов js эта строчка как должна быть написана? спасибо.

    Asked by Нusuf,

    0 votes
    4 answers

  15. Дублирование контента в iframe в IE6

    Добрый день. Итак - суть вопроса: у меня на странице есть два айфрейма, сгенеренные в xslt-шаблоне. В ситуации, когда на странице два айфрейма, получаем одинаковое потоковое видео для обоих, в ие7+ и остальных браузерах все нормально. Здесь в сорце - страница с видеоплеером для видеокамеры, работающей в реальном времени. Любые ваши комментарии будут полезны. Заранее спасибо. Кусок xslt <xsl:element name="iframe"> <xsl:attribute name="class">videoIframe</xsl:attribute> <xsl:attribute name="name"><xsl:value-of select="CAMSID"/></xsl:attribute> <xsl:attribute name="frameborder"&g…

    Asked by nuxf10ir,

    0 votes
    0 answers

  16. Как сделать один файл контента на 2 версии сайта?

    Добрый день. Помогите, пжлста, найти способ и реализацию довольно простой задача: Есть две версии сайта — дескопная (HTML, CSS, JQ) и мобильная (HTML, CSS). Никаких наворотов. Все просто. В каждной версии сайта есть страницы с дублирующей друг друга информацией, например, "Регламент игры". Периодически "Регламент игры" обновляется — текст, картинки, ссылки пр. Задача: Как можно реализовать использование единого файла контента, но для 2-х версий сайта? Сразу оговрюсь, я не владею JS и JQ в полной мере — могу сделать copy/past и подправить параметры. Как вариант, думал сделать через <include>, но в декстопной версии верстка табличная, а в мобильной на div'ах. Да и чув…

    Asked by KirTer,

    0 votes
    0 answers

  17. Выранивание картинки справа

    Доброе утро всем... Утро сказывается, не могу решит простую задачу. Нужно что бы картинка отображалась справа на сайте. Если начинаю переносить марджином вправо - появляется полоса прокрутки. помогите позиционировать этот листик справа... Как на рисунке. http://ifolder.ru/30588322 - на всякий случай архив с CSS HTML и картинками. <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" /> <title>Страница с листиком</title> <link rel="stylesheet" type="text/css" href="style.css" /> <script type="text/javascript">/*<![CDATA[*/with({e:'',p:'addEventListener',d:document})d[p]||d[e…

    Asked by Sheremet,

    0 votes
    2 answers

  18. Проблема с шрифтами

    Помогите, пожалуйста, понять, в чем дело. В фотошопе пишу текст "тест", шрифт Tahoma, размер - 14px Измеряю, высота буквы "т" - 7px, ширина всего слова - 25px; Далее уже в html пишу этот текст в span со стилями font-size: 14px, font-family: Tahoma; Измеряю линейкой: высота буквы - 8px, ширина всего слова - 27 px Почему так происходит?

    Asked by dencat,

    0 votes
    2 answers

  19. Обводка текста и тень к нему

    Здравствуйте. Появились ли в CSS средства для обводки контуров текста отдельным цветом и придания тени по форме букв?(см.рис.)

    Asked by borus,

    0 votes
    5 answers

  20. безопасность использования Unicode символов

    безопасность использования Unicode символов для рисования фигурок http://copypastecharacter.com/graphic-shapes Какие могут быть проблемы в браузерах(кроме ие6)?Оправдано ли их использование для рисования фигурок?

    Asked by dostel1,

    0 votes
    0 answers

  21. проблема высоты изображения IE7

    div{width:80%;height:100px; border:1px solid red; background:red;} img { min-width: 100%; height:60px; } </style> </head> <body> <div id="boo"> <img src="1.gif" /> </div> В ие7 высота изображения больше чем height:60px;.Как решить проблему?OVerflow:hidden для родителя не предлагать.

    Asked by dostel1,

    0 votes
    0 answers

  22. Не понимаю поведение эдементов

    Добрый день, я сейчас перемалываю стили стандартной темы wordpress (работаю с меню) и никак не могу понять почему образуется зазор. Код меню представлен ниже: <!DOCTYPE html> <html> <head> <style> /* Navigation Menu */ #access { display: block; width: 100%; text-align: center; margin: 0px 0px; padding: 0px 0px; border: 1px green solid; } #access .menu-menu-container { display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1; margin: 0px 0px; padding: 0px 0px; border: 1px purple solid; } #access ul { display: block; width: 100%; margin: 0px 0px; padding: 0px 0p…

    Asked by shtuceron,

    0 votes
    1 answer

  23. Несколько div в ряд

    Как сделать несколько div'ов, в ряд, так, чтобы А и B были размером под текст внутри них, а С занимал всю оставшуюся область? Вот мой вариант, но он глючит (С заезжает на B ): HTML: <div class="main"> <div class="a">div class=a</div> <div class="b">div class=b</div> <div class="c">div class=c</div> </div> CSS: .main{ padding: 1em; overflow: hidden; border: 1px solid black; } .a{ padding: 1em; border: 1px solid black; float: left; } .b{ padding: 1em; border: 1px solid black; float: left; } .c{ padding: 1em; border: 1px solid black; }

    Asked by Kenshi24,

    0 votes
    1 answer

  24. Достучатся до дочернего элемента неизвестной глубины (CSS)

    Есть форма, она охватывает пол страницы, на странице много элементов для заполнения, разложенных в различных положениях, так, что не возможно прописать к каждому из них путь. Стало интересно, есть возможность прописать их всех от формы, не проставляя каждому отдельно класс? Что-то вроде #forma * input { width:200px; } Есть какой-нибудь сценарий такой реализации?

    Asked by animegirl,

    0 votes
    4 answers

  25. Совет по верстке

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

    Asked by Hol1killer,

    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