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, css, точнее осваивать, но вот столкнулся с проблемой: Не знаю таких понятий как: Вёрстка(что это вообще такое?) Макет(зачем он? и можно л ибез него если с 0 сайт хочешь делать) Шаблон(что это и зачем?) Прошу объяснить подробно и понятным языком для чайника!

    Asked by Kolle4ko,

    0 votes
    3 answers

  2. Как поднять заголовки?

    Добрый вечер. Помогите, пожалуйста, решить проблему. Есть сайт на 1С-Битрикс. В нем создан каталог (см.скрин). И мне как-то нужно сделать, чтобы у этих Разделов название располагалось ближе к картинке. По идее надо редактировать шаблон, но вот как???

    Asked by Drakonyashka,

    0 votes
    2 answers

  3. как уместить текст в размер экрана opera mini?

    есть большой текст, берется из базы и с помощью в js с помощью sustr режется и запихивается в див. мне нужно что бы на мобильном браузере, сейчас тестирую на opera mini, не появлялось вертикальной прокрутки. Но я никак не могу рассчитать сколько именно текста поместится в див. Шрифт не моноширинный и тд. Получается только примерно определить. И мне вот интересно есть ли какой-то способ подгонять размер шрифта так чтобы текст умещался в див не растягивая его. И еще проблема, я ставлю диву height: 100%; ,но если в нем нет текста то он не растягивается по вертикали.

    Asked by mitiya,

    0 votes
    3 answers

  4. Центрирование DIV-ов

    Внешний див #wrapper {margin: 0 auto; width: 1000px;} Внутренний .design{margin: 0 auto; width: 100%; display: block;} Из-за того что внутренний блок может иметь разную ширину, и если она больше 1000 px, изображение не центрируется( если меньше 1000 px, всё нормально. Необходимо чтобы внутренний див центрировался по отношению в внешнему. К сожалению, нигде нет решения подобной реализации. Подскажите пожалуйста, если кто сталкивался.

    Asked by Shattenok,

    0 votes
    5 answers

  5. Всплывающее меню без использования js

    ??<!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="ru" lang="ru"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>test</title> <meta name="description" content="" /> <meta name="keywords" content="" /> <style type="text/css"> .tt span { display : none; padding : 2px 3px; margin-left : 8px; } .tt:hover span { background:#fafafa; border:1px solid #7d8891; color:#000; display : inline; position : absolute; padding:1px 3px 1px 3px; font-siz…

    Asked by emperio,

    0 votes
    1 answer

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

    Сверстал такую вот штуку: http://maestro-magnifico.ru/test/ Почему сверстал именно так, даже на спрашивайте... По задумке блок #middle должен будет ездить влево-вправо за границу блока #content, у которого overflow: hidden. Не суть! Во всех браузерах эта вёрстка отображается замечательно, кроме оперы, где при ресайзе окна, высота контента не меняется. Отчего так - не понятно, надеюсь на совет матёрых верстальщиков. З.Ы. Я в курсе проблемы наезжания футера на контент, и знаю как её решить, просто до этого пока ещё дело не дошло.

    Asked by Freakmeister,

    0 votes
    51 answers

  7. {html 5} menu или nav

    Задался тут вопросом, а что же семантичнее при построении главного меню сайта? Тег "menu" или тег "nav"? Полазил по w3c, толком ответа не нашел, из тех кто уже на html5 пишет, кто что юзает?

    Asked by Demoni,

    0 votes
    13 answers

  8. Проблема в отображении HTML шаблона

    Скачал я с интернета очень привлекательный на мой взгляд шаблон для панели администрирования. Проверил все его элементы отображаются корректно во всех браузерах. Но когда начал натягивать его на сайт, шаблон полностью поехал. Проверил HTML, CSS все идентично, все необходимые файлы подключаются скрипты подключаются. ... адреса в CSS указал верные. Вывод шаблона я делаю через smarty. Может быть кто-то подскажет в чем может быть причина. Вот так шаблон отображается на сайте (логин test@test.ru, пароль test): http://transportgid.upfactor.ru/ Так он выглядел изначально: http://transportgid.upfactor.ru/stest/

    Asked by j_phantom,

    0 votes
    5 answers

  9. Проблема с выпадающем меню

    Здравствуйте! Только-только вернулся из армии. Подкинули работу для разминки, и я тут же встал. Проблема такая: у меня ниспадающее меню позиционируется по absolute. Тут ясно сразу, что при изменениях размера окна его может быть и не видно, да, и вообще, оно не там где надо появляется. Скажите, пожалуйста, как мне его разместить так, чтобы оно при любом окне появлялось под родительским элементом? (Оно будет только у меню "Документы") Спасибо!

    Asked by cartrege,

    0 votes
    4 answers

  10. display block . непонятки

    есть код допустим простой <div class="menu"> <div class="up"> <div class="menunav"> <ul> <li><a href="#">Все продукты</a> </li> </ul> </div> <div class="menunav"> <ul> <li><a href="#">Алкоголь</a> </li> </ul> </div> <div class="menunav"> <ul> <li><a href="#">Автомобили</a> </li> </ul> </div> <div class="menunav"> <ul> <li><a href="#"&…

    Asked by kenscl12,

    0 votes
    2 answers

  11. Как это сделано?

    Заметил в Гугле в выдаче у некоторых сайтах боявились большие 44x44px иконки. Это не обычный favicon 16x16. Вот например Здесь Как это реализовано? Киньте пожалуйста ссылочку, где написано как это работает...

    Asked by veromi,

    0 votes
    4 answers

  12. Слой внутри слоя

    Здравствуйте! Проблема: размещаю слой внутри слоя. Ожидаю, что родительский слой будет их держать внутри. Но вместо этого два дочерних слоя выходят за его границы. Располагаются-то как надо, но нужно, чтобы они были внутри основного. Я пробовал изменять position, float, clear зачем-то трогал. Что нужно сделать, желтый и зеленый оказались внутри? Спасибо! html: <div id="main"> ...... <div id="slider"> <img id="one" src="images/1.jpg"> <img id="two" src="images/2.jpg"> <img id="three" src="images/3.jpg"> <img id="four" src="images/4.jpg"&gt…

    Asked by cartrege,

    0 votes
    3 answers

  13. Блок: занять 100% оставшегося места

    Есть блок parent шириной 600 пикселей. В нем может быть блок right и блок main А может быть только main. Ширина блока right 100 пикселей. Как сделать ширину блока main такой, чтобы она занимала все оставшееся пространство parent? Т.е. либо 500, либо 600 пикселей.

    Asked by Absinthe,

    0 votes
    4 answers

  14. Меню слоем налазит на другой

    как видите меню налазит на другой слой и не хочет ровняться по центру. вот его css: наверное z-index, с которым я не могу справиться? по центру тегами <center>, <div align="center"> тоже не ровняется.

    Asked by xSPiRiTx,

    0 votes
    0 answers

  15. Как сделать CSS файлы независимыми

    Здравствуйте! У меня главная страница (index.php) и которую при помощи include я вставляю другой файл. У обоих файлов есть файл стиле. После того как добавляю файл начинаются проблемы на странице так как в стилях есть одинаковые теги с разными значениями. Можно ли как-то сделать чтобы они не конфликтовали. Чтобы файл стилей прикрепленного файла относился только к той части в которой используется заинклюденный файл, а всё страницу не затрагивал. Знаю один только выход: прописать тегам классы или идентификаторы. Хотелось бы узнать, может есть какой-либо ещё способ? Заранее благодарен.

    Asked by Gambini,

    0 votes
    0 answers

  16. Проблемма с выпадающим меню IE

    Добрый день. Помогите пожалуйста разобраться. Проблема следующая В хроме и фоксе при переходе на выпадающие пункты меню все нормально. А в интернет эксплоере при переходе на выпадающие пункты они исчезают из под мышки. Ломаю голову не могу понять в чем дело может кто подскажет Разрабатываю локально ссылку дать не могу <div class="navbar"> <div class="navbar-inner"> <a class="brand left" href="/"><img src="images/img_css/vespa_logo.png"></a> <div class="nav-collapse left"> <ul class="nav"> <li class="first dropdown"> <span>1Каталоги</span> …

    Asked by zloymux,

    0 votes
    0 answers

  17. Вертикальное выравние в DIV

    Необходимо сделать в DIV'е вертикальное выравнивание по середине. Задаю display: table-cell; vertical-align: middle; text-align: center; в итоге текст примыкает к верхнему левому углу. В чем проблема, метод вроде нарыл на просторах инета => у кого-то он точно работает. P.S.: браузер - Google chrome

    Asked by Mosya,

    0 votes
    3 answers

  18. Подмогните со скриптом

    Если можете, подмогните как прописать CSS, (или прямо в скрипте указать). Чтобы цвет ссылок был всегда один и тот же, не зависимо на каком сайте находится скрипт. А то на разных сайтах ссылки светятся по разному. document.write("<table border='0' width='150' cellpadding='3' style='background-color:#FFE4C4'>"); document.write('<tr><td><a href="#" onclick="document.getElementById(\'banner\').style.display=\'none\'" style="text-decoration: none">закрыть</td></tr>'); document.write('<tr><td><скрипт банера или рекламы</td></tr>'); document.write('</table></div>');

    Asked by rockwell,

    0 votes
    1 answer

  19. Полный бекап сайта

    Скажите пожалуйста, как на DLE сделать полный бекап сайта?

    Asked by Webster,

    0 votes
    1 answer

  20. Форма яндекс поиска с ненужными линиями

    Установил на сайт http://http://vtrailere.ru/ форму поиска от яндекса (верхнее меню), но в этой форме есть какие-то ненужные серые линии. Как от них избавиться?

    Asked by smirn0ff,

    0 votes
    3 answers

  21. Плагины

    Есть ли наработанный подход по данному вопросу у профиков? Как правильно инсталлировать плагины, оставлять ли лист стилей обособленно или все вводить в основной лист? Нормально ли иметь несколько привязанных листов CSS? Есть ли какой алгоритм подготовки плагина под свои задачи? Как правило он имеет опции и оформление, которые нужно корректировать. Может найдется толковая статья по теме?

    Asked by seemax,

    0 votes
    0 answers

  22. Как правильно растянуть фоновую картинку?

    Есть вот такой макет - http://s003.radikal.ru/i203/1207/e8/5b53232f4837.jpg Я решил его сделать резиновым - фоновую картинку сделать резиновой, а меню и текст поцепить на нее с помощью абсолютного позиционирования. Картинку решил растянуть без помощи JS и PHP, только CSS. В сети нашел 4 способа сделать это, но они не дают нужного эффекта. Помогите разобраться. Вот пример верстки - http://divverstka.16mb.com/ Применяя background-size картинка неправильно масштабируется - пришлось отказаться. Во всех способах, которые нашел для свойства background используется position:fixed; - но тогда пропадает боковой скроллинг и картинка на экране отображается не полностью. Вместо posit…

    Asked by Scaramush,

    0 votes
    6 answers

  23. Прозрачный input

    Здравствуйте, часто замечаю что на многих сайтах input заменен на свое изображение. Уважаемые верстальщики, подтолкните пожалуйста в нужное направление. Нашел PSD исходник с Login формой. Естественно пробовал найти уже разобранную тему, не чего нормального нет. (Возможно руки не из того места растут) За ранее благодарю.

    Asked by x7g100,

    0 votes
    3 answers

  24. скрыть/показать текст при нажатии

    допустим у меня есть текст, например: "Второй том начинается с приезда Николая Ростова домой, где его радостно встречает всё семейство Ростовых. Вместе с ним приезжает и его новый военный друг Денисов. В скором времени в Англицком клубе было организовано торжество в честь героя военной кампании князя Багратиона, на котором присутствовал весь «высший свет». В течение всего вечера слышались тосты, прославлявшие Багратиона, а также императора. Про недавнее поражение никто не хотел вспоминать. На праздновании присутствует и Пьер Безухов, который сильно изменился после женитьбы. На самом деле он чувствует себя глубоко несчастным, он начал понимать настоящее лицо Элен, которая…

    Asked by tthhh,

    0 votes
    4 answers

  25. счётчик кликов

    допустим я добавил ссылку на свой сайт для рекламы, как установить для ссылки счётчик кликов по ней? ну предположим хоть www.google.ru, какой должен быть код?

    Asked by tthhh,

    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