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. <ul> внутри <div>

    Имеет ли смысл вкладывать списки ul,ol,menu внутрь diva? Если да, то в каких случаях это нужно делать, а в каких - нет?

    Asked by Feel,

    0 votes
    11 answers

  2. Прижать текст к правому краю и выровнять по левому

    День добрый, подскажите, как можно в блоке прижать текст к правой границе и выровнять левую границу текста по самой длиной строке. К сожалению, через поиск так и не смог найти решение. Вот пример страницы, блок обвел красной границей пример. Пробывал использовать разные float и text-align для родительского и дочернего div, не получилось. Пока сделал выравнивание по правому краю. На всякий случай, прикрепляю текущие стили. .main { width: 100%; padding: 0; margin: 0; position: relative; z-index: 1; } .main #links { position: absolute; color: white; font-family: Arial; font-weight: bold; font-size: 13pt; z-index: 2; top:30%; …

    Asked by rulevoi,

    0 votes
    2 answers

  3. Не работает 3D тур на Сафари (мобильной версии)

    По какой-то причине флеш-3Д тур не грузится на Сафари 5 версии (мобильная версия) на IPhone. Причем на Сафари 5 для ПК все работает. Никак не могу найти причину. Ошибок не выдает, просто грузится страница без ролика (3Д тура). Не могу также найти эмуляторов, чтобы проверять заработает или нет... Может кто-то может подсказать причину и сталкивались с подобным? hxxp://салон-успех.рф/interier.html

    Asked by dess81,

    0 votes
    1 answer

  4. Что лучше: проценты или em?

    Друзья, подскажите! Что лучше (рациональней) использовать: проценты или em в указании размеров, чтобы блоки, элементы, текст при увеличении или уменьшении масштаба отображались на странице пропорционально, занимая всю видимую область?

    Asked by kiska,

    0 votes
    15 answers

  5. Метод Лэнгбриджа-Лихи для неоднородного фона

    Прочитал про Метод Лэнгбриджа-Лихи. Однако как быть, если фон неоднородный? Нужно вывести рисунок с текстом так, чтобы область вокруг букв была прозрачной.

    Asked by Feel,

    0 votes
    10 answers

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

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

    Asked by mitiya,

    0 votes
    3 answers

  7. вопрос на 2 секунды

    http://dop.16mb.com/ сайт делаю по макету. ссылка на то что я сделал. помогите разобраться, как получается что горизонтальные кнопки навигация, а именно белые рамки слева и справа(от все продукты, алкоголь и тд), не касаются верхней грани синей полосы. я много раз перелопатил и не нашел причины. если нужно приложить код - говорите, не вопрос приложу

    Asked by kenscl12,

    0 votes
    6 answers

  8. Всплывающее меню без использования 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

  9. Как сделать image на все окно браузера?

    Вставил картинку через "<img></img>" на страницу, но она не захотела располагаться от левого верхнего пиксела страницы. Получился зазор. Скрин ниже: Подскажите, как можно это исправить? Дополнительный вопрос: Существует много сайтов, где нет необходимости скроллить - все умещается в рамки одного экрана, причем не видно чтобы фоновый рисунок, который является цельным, а не размноженной текстурой и.т.п., увеличивался при просмотре на большом мониторе. Например: http://www.thewildernessdowntown.com/ Подскажите, каким образом этого можно добиться?

    Asked by Feel,

    0 votes
    12 answers

  10. Одинаковые имена классов.

    Всем привет. Есть такая штука, как jqueryUI. Требовалось изменить внешность некоторых плагинов под существующий дизайн. Т.к. кое-где нужно было сделать 2-4 варианта одного и того же плагина (причем они должны будут присутствовать на одной странице и стили для них должны лежать в одном файле), то для каждого из них сделал оболочку <div class='myClass'>... plugin ...</div>, соответственно в стилях оно стало выглядеть .myClass .ul-tab { ... }, .myClass1 .ul-tab { ... } и т.д. Заказчика этот вариант не устраивает по непонятным мне причинам, просит эту оболочку убрать. Как быть тогда, если везде названия классов одинаковые, а свойства у них разные ? Или туплю и их …

    Asked by lolka84,

    0 votes
    6 answers

  11. Центрирование 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

  12. Прижать футер к низу экрана

    Перечитал пол интернета. Но под свой случай так и не нашел. Наверно если бы верстал сам, то сделал бы без проблем. Но так как здесь шаблон, ничего не получается. Собственно сабж. Как прижать футер к низу экрана? _http://evilhandz.com

    Asked by Hostgame,

    0 votes
    12 answers

  13. {html 5} menu или nav

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

    Asked by Demoni,

    0 votes
    13 answers

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

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

    Asked by veromi,

    0 votes
    4 answers

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

    Здравствуйте! Проблема: размещаю слой внутри слоя. Ожидаю, что родительский слой будет их держать внутри. Но вместо этого два дочерних слоя выходят за его границы. Располагаются-то как надо, но нужно, чтобы они были внутри основного. Я пробовал изменять 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

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

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

    Asked by cartrege,

    0 votes
    4 answers

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

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

    Asked by xSPiRiTx,

    0 votes
    0 answers

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

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

    Asked by Gambini,

    0 votes
    0 answers

  19. Проблемма с выпадающим меню 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

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

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

    Если можете, подмогните как прописать 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

  22. Плагины

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

    Asked by seemax,

    0 votes
    0 answers

  23. Определения слов

    Здравствуйте уважаемые пользователи форума! Я вот только начал изучать html, css, точнее осваивать, но вот столкнулся с проблемой: Не знаю таких понятий как: Вёрстка(что это вообще такое?) Макет(зачем он? и можно л ибез него если с 0 сайт хочешь делать) Шаблон(что это и зачем?) Прошу объяснить подробно и понятным языком для чайника!

    Asked by Kolle4ko,

    0 votes
    3 answers

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

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

    Asked by smirn0ff,

    0 votes
    3 answers

  25. Проблема в отображении 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

  • Обсуждения

    • 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