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. Нужно создать условия для всплывающего списка

    Добрый день, помогите добиться следующего: Есть часть из кода: <tr> <td style="font-weight: bold; font-family: Arial; background-color: rgb(182, 225, 252); width: 30%;" class="calcul_num"> <select id="Sborka" name="sborka" onchange="getCost(this.form)"> <option value="1">Нет</option> <option value="2">Да</option> </select> </td> </tr> <tr> <td style="font-weight: bold; font-family: Arial; background-color: rgb(182, 225, 252); width: 30%;" class="calcul_num"> <select id="Fundament" name="fundament" onchange="getCost(this.form)"> <option value=…

    Asked by temnoo,

    0 votes
    1 answer

  2. Помогите с правильной HTML-структурой

    Ребята, можете помочь со структурой html кода. А то напутал наверное. Кому не трудно - проверьте быстренько Буду благодарен http://codepen.io/anon/pen/grXpmP

    Asked by JumpSnoopy,

    0 votes
    1 answer

  3. При создании textarea для написания кода, нужна табуляция строк, а не переход по индексу

    Добрый день, столкнулся с проблемой в textarea, так как это поле для написания кода в нем должна быть табуляция строк, а не переход по индексу. Подскажите пожалуйста можно ли как то отключить tabindex именно на этом поле?

    Asked by Konstantin99,

    0 votes
    1 answer

  4. Почему не плывет влево и оставляется пробел?

    Под большим фото есть миниатюры. У них есть свойство флоат:лефт. поидее должны по левому краю быть, но нет. видно, что 4я миниатюра, помещена почему-то в центре второго ряда картинок. вот страница с примером Было там как-то больше фоток, так там и вовсе дырка оказалось в одном из рядов. От чего такое происходит?

    Asked by nikki4,

    0 votes
    1 answer

  5. inherit не работает для IE8

    Всем привет. У меня в IE8 не работает inherit для любых CSS стилей. Например: HTML —> <!DOCTYPE html> <html> <head> <link rel="stylesheet" href="./css/test.css" type="text/css" media="all" /> </head> <body> <div class="main"> <div class="test1"></div> <div> </body> </html> CSS —> .main { width: 400px; height: 400px; border: 1px solid black; } .test1 { width: 100px; height: 100px; background: pink; border: inherit; } В примере не наследуется border. Если бы был IE7, вопросов бы не было. Но, у меня IE 8.0/7601.17514, W…

    Asked by sator,

    0 votes
    1 answer

  6. Проблемы во всех версиях Safari

    Доброй ночи. Сайт http://l79377d7.bget.ru/ отображается в google/opera/fox/ie - нормально А вот safari (любая версия все беда) 1 - под номером телефона есть поиск в котором не отображает лупу. Вот сиss .search-wrapper { display: inline-block; background: -moz-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3); background: -ms-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3); background: -o-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3); background: -webkit-linear-gradient(#f3f3f3, #f3f3f3 50%, #f3f3f3 50%, #f3f3f3); border-radius: 1px; padding: 1px; } .search input { width: 10px; …

    Asked by Tarasenko,

    0 votes
    1 answer

  7. При наведении на картинку отобразить список

    Однажды на кулинарных сайтах видел, что при наведении на фотку - справа вылезает табличка с ингредиентами. Вот вопрос как это делается? вот в частности такая структура сейчас на сайте: <p><a class="thumbnail" href="/"> <img class="thumb" src="/.jpg"> </a> </p> <p>Игредиенты</p> <ul>....</ul> <p>Время приготовления:</p> <p>Выход:</p> Как понимаю надо сделать див от ингредиентов до выхода, присвоить ему класс. и дисплей: ноун сделать. Но как быть, чтобы это всплывалось при наведении на картинку выше? Да и еще где-то сбоку?

    Asked by nikki4,

    0 votes
    1 answer

  8. Проблема с counter(list,decimal)

    У меня есть нумерованный список. После того как счетчик доходит до 9, обнуляется. .WYSIWYG ol.searchres li:before{ conent:counter(list, decimal)"." }

    Asked by hoid,

    0 votes
    1 answer

  9. атрибут alt тега img

    В хроме не отображается текст тега alt при выключенных картинках браузера.В IE отображается.тег title работает нормально.в чем проблема?

    Asked by kupidon,

    0 votes
    1 answer

  10. Как сделать такую сетку flexbox'om?

    Asked by Ghost86421,

    0 votes
    1 answer

  11. Верстка меню ломается в Firefox (wordpress)

    Ломается верстка меню в FireFox (40-ая версия и ранее) Меню отскакивает вправо: Сайт на worspress

    Asked by yaparoff,

    0 votes
    1 answer

  12. Проблема с z-index

    Подскажите пожалуйста, я поместил на сайт слайдер, но он получается при пролистывании страницы выше чем меню. Если в классе slider написать z-index: -1, то тогда все становится как надо, но только пункты для пролистывания в слайдере перестают работать. Можно ли как то исправить по другому? http://sms.velvetby.com/

    Asked by oleg126,

    0 votes
    1 answer

  13. Подскажите как сделать появление блока при наведении на другой блок.

    Подскажите пожалуйста, как сделать дочерний выпадающий блок при наведении на родительский блок. <div class="HTML_menu_title"> <div class="content"> <span class="HTML_a">HTML5</span> <img src="images/html5.png" alt="html_logo"> <span class="HTML_b">HyperText Markup Language</span> </div> <div class="HTML_hidden_block" id="HTML_hd"> <div class="left_block"> <span>Тест 1. Структура HTML документа</span> <span>Тест 2. Структура HTML документа</span> …

    Asked by Konstantin99,

    0 votes
    1 answer

  14. завернул img в div, но div имеет большую высоту чем img

    пример не пойму откуда берется лишняя высота у div... Help

    Asked by Daniil Khanin,

    0 votes
    1 answer

  15. Как сделать подкатегории?

    Есть главные категории, а есть внутренние. Мне нужно, что бы при нажатии на основную категорию открывался список внутренних категорий, ссылающийся на главную категорию. К примеру это главная категория: <li><a href="/kartinki/"><span>КАРТИНКИ</a></li> А это кодкатегории: <div class="sc_header b_header"><span>Картинки</span></div> <div class="sc_content"> <ul> <li><a href="#">Звери 1</a></li> <li><a href="#">Димотиваторы 2</a></li> <li><a href="#">Природа 3</a></li> Помогите, прописать правильно. Если движо…

    Asked by @priest,

    0 votes
    1 answer

  16. Текст в блоке вертикально по центру

    Как сделать без использование таблицы вертикальное центрирование текста в блоке? То есть внутри <span>текст</span> с displan:inline-block; и заданной фиксированной высотой нужно, чтобы текст был отцентирован по вертикали. Если бы текст был в одну строку, то я бы просто задал line-height. Но текст может состоять и из нескольких строк.

    Asked by PavelTkachev,

    0 votes
    1 answer

  17. Подскажите начинающему

    Всем здрасте. Не могу вникнуть, как к картинке в портфолио на сайт подвязать ещё и текст описания рядышком, как на фото. <div class="col-md-4 col-ms-6"> <div class="g-item"> <img src="images/gallery/g2.jpg" alt=""> <a data-rel="lightbox" class="overlay" href="images/gallery/g2.png"> <span>+</span> </a> К этому что-то добавить, а вот что ума не приложу. На фото как хотелось бы, а по факту у меня просто картинка без описания. За…

    Asked by radamant01,

    0 votes
    1 answer

  18. Как сделать чтобы блок масштабировался как картинка

    Здравствуйте. Как сделать чтобы блок масштабировался ,как картинка? (т.е. при изменении размера экрана менялась ширина блока и высота менялась пропорционально. и пропорционально менялся размер шрифта ) Верстаю html письмо, поэтому стили внутри тегов. https://jsfiddle.net/r73kpcjq/

    Asked by ishurgaya,

    0 votes
    1 answer

  19. Контент выходит за рамки монитора

    Народ, всем привет. Есть сайт: http://www.admirals.top/ Появляется горизонтальный скролл. Нужно его как то убрать. Не просто прописать overflow:hidden, а именно чтоб размер блоков умещался под разрешение монитора. Я уже все стили просмотрел веб-инспектором, так и не нашёл, какой блок вылазиет. Помогите пожалуйста.

    Asked by fenix_63,

    0 votes
    1 answer

  20. Затык с Flex

    Коллеги, помогите, пожалуйста. Задача: чтобы 4 и 5 вставали под 1 и 2, а 6 всегда бы оставался под 3 Спасибо.

    Asked by Artlive,

    0 votes
    1 answer

  21. Многоязычный сайт

    Как реализовать многоязычный сайт (например, русский, английский)? Выбирать язык по юзерагенту браузера или предоставить возможность выбора читателю? Какие есть подводные камни, тонкости? Заранее спасибо. Олег.

    Asked by oleg3280,

    0 votes
    1 answer

  22. растягивание цвета фона на всю ширину экрана

    Доброго времени суток! Извините за беспокойство! У меня такой вопрос http://legenda-dom.ru/ вот в таком сайте, как сделать так, чтобы цвет фона самой верхней полоски (голубой) был растянут на всю ширину экрана, независимо от его размеров, при центрировании остального контента посередине? Заранее благодарю!

    Asked by КрисИрис,

    0 votes
    1 answer

  23. Качественная печать страницы.

    Доброй ночи. Народ. Кто нибудь в курсе - что прописывать необходимо в стилях(или может еще где(например в теге HEAD)) , что бы можно было пользователю потом распечатать страницу в нормальном(не искаженном качестве)? (это реально вообще?) + проверить можно как то это дело(достоверно) не имея принтера в наличии? P.S. Буду благодарен за любые конструктивные советы..

    Asked by Yamaradg,

    0 votes
    1 answer

  24. Ошибка при создании сесcии

    Создал самую простую сессию вот файл ссесии: session_start(); $_SESSION['name']="Grisha"; а вот файл на который она отправляет:<?php session_start(); echo"Привет"; ?> вот такую ошибку мне выдает. Warning: session_start() [function.session-start]: Cannot send session cache limiter - headers already sent (output started at C:\OpenServer\domains\china-products.com\index.php:14) in C:\OpenServer\domains\china-products.com\admin.php on line 1

    Asked by DronBoy,

    0 votes
    1 answer

  25. Копирайт залазит за div-секцию на смартфонах (в портретном режиме)

    Вот сайт, скриншот внизу. Надо сделать так, чтобы надпись "Комплекс серверов..." оставалась на том же месте, что и на компьютере

    Asked by iBars,

    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