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. способ вёрстки - помогите понять

    здравствуйте ребята, помогите понять, вот на этом сайте: http://www.kr-molodegny.ru/1/planirovochnie_reshenija/ каким способом сделана картинка (в правом нижнем углу) с функцией перехода по этажам и показом выбранного этажа? флэш? или сss2? или css3? или ещё что-то? Как это сделано? и также вопрос по кнопкам навигации - они на чём сделаны? на css3 или на js ? спасибо

    Asked by Нusuf,

    0 votes
    4 answers

  2. выравнивание абсолютно позиционированного блока по центру

    Здравствуйте! Есть логотип, размером 300 на 100, неровной формы gif без фона, который должен размещаться по верх верстки шапки ровно по центру страницы. Я его разместил следующим образом: <div class='logo'><a href='#'><img src='/img/logo.gif'></a> div.logo {position: absolute; top: 12px; width: 100%; text-align: center;} И все бы ничего, но под 100% ширины слоем оказались ссылки, которые находятся на одной горизонтальной линии с логотипом, слева от него. В IE ссылки работают, а вот в хроме и мазиле нет, т.к. оказались под слоем. Как сделать слой шириной не 100% а 300px и разместить его по центру. В идеале параметр left: 50% - 150px Либо вообще н…

    Asked by fiver,

    0 votes
    6 answers

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

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

    Asked by zsaz,

    0 votes
    2 answers

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

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

    Asked by trofian,

    0 votes
    4 answers

  5. Не понимаю поведение элементов часть 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

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

    Сделал выравнивание слоя по центру (вертикально/горизонтально). Но появилась проблема, когда высота окна браузера становится меньше 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

  7. 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

  8. Дублирование контента в 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

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

    Не знаю в тот ли раздел пишу, не ругайте сильно. Есть сайт 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

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

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

    Asked by KirTer,

    0 votes
    0 answers

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

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

    Asked by dostel1,

    0 votes
    0 answers

  12. проблема высоты изображения 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

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

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

    Asked by Hol1killer,

    0 votes
    2 answers

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

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

    Asked by animegirl,

    0 votes
    4 answers

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

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

    Asked by Нusuf,

    0 votes
    4 answers

  16. края пагинации

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

    Asked by cyklop77,

    0 votes
    3 answers

  17. проблема с выпадающим меню pro_dropdown_2

    Добрый день. На моем сайте http://n-dl.narod.ru/ стоит горизонтальное выпадающее меню pro_dropdown_2 В IE некорректно отображается, при наведении мышкой - пропадает. Помогите разобраться, что нужно сделать? привожу код страницы <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <META NAME="description" CONTENT="Роспись храмов, Иконы, Иконопись, Мозаика, Иконостасы, Церковь, Восстановление храмов, Восстановление церквей, Фреска"> <META NAME="Keywords" CONTENT="Роспись храмов, Иконы, Иконостасы, Роспись стен, Фрески, Иконы, Мозаика, Храмы, Дизайн, Строительство, Отделка, Реставрация фресок, Реставрация икон, Роспи…

    Asked by n-dl,

    0 votes
    0 answers

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

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

    Asked by borus,

    0 votes
    5 answers

  19. wmode="opaque"

    проблема с флеш слайдером на сайте,он показивает поверх всего, в том числе вспливающих окон....нужно это исправить,нужно пременить wmode="opaque" только не знаю куда его вбивать в этот код,если нету <object>...</object> , <embed ...> вот код как тут быть?

    Asked by advocate-in,

    0 votes
    2 answers

  20. Отрицательный отступ POSITION

    Вопрос: при использовании свойства position:relative; top:-10px для блока в родительском элементе СНИЗУ образуется дополнительные +10px. Как можно от этого избавиться, если высоты родительского и дочернего элемента отличаются(высота родител. блока в %, а дочернего - в PX)? <div class="a"> <div class="a1">Первый блок</div> <div class="a2">Второй блок</div> </div> .a1,.a2{width:100px; height:100px;} .a{background:grey; width:300px;} .a1{background:red;} .a2{background:blue; z-index:2; top:-10px; left:30px;}

    Asked by Silar,

    0 votes
    1 answer

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

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

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

    0 votes
    6 answers

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

    Доброе утро всем... Утро сказывается, не могу решит простую задачу. Нужно что бы картинка отображалась справа на сайте. Если начинаю переносить марджином вправо - появляется полоса прокрутки. помогите позиционировать этот листик справа... Как на рисунке. 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

  23. Видео с YouTube на DLE

    Сори, все сделал

    Asked by Pro100User,

    0 votes
    0 answers

  24. Как войти на только что созданный сайт

    Здравствуйте, делала по инструкции мини-сайт из 2 страничек, завела домен и субдомен, на субдомен через FTP загрузила 2 htm-файла, в папку Public_htm, но, как я понимаю, надо еще что-то настроить или загрузить, т.к. со своим сайтом я не могу соединиться, возникают проблемы соединения. Что же делать? Я даже не знаю, где про это можно почитать, первый раз пробую сделать сайт...

    Asked by Марина1983,

    0 votes
    2 answers

  25. Шапки и подвал отдельным файлом в HTML

    Как подключить, например шапку и подвал сайта к уже имеющимся страничкам, чтобы не прописывать каждый раз одно и тоже на всех страницах (дабы сократить вес на пару килобайт )? Или обычный HTML такое не умеет? Только xHTML?

    Asked by B-Real,

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