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. padding сдвигает фоновую картинку? или дело в чем другом?

    Подскажите пожалуйста, в чем ошибка. Я установил фоновую картинку родительскому блоку и вся конструкция из вложенных блоков уехала на величину padding'а Но я чую, что дело не совсем в padding'е. Где и что я умудрился напортачить? Вот код страницы: <!doctype html> <html> <head> <meta charset="utf-8"> <title>уровень 3</title> <link rel="stylesheet" href="styles/main.css"> </head> <body> <header> <div class="menu"> <a href="#">home</a> <a href="#">portfolio</a> <a href="#">webhosting</a> <a href="#">about</a> </div&…

    Asked by Afinagen,

    0 votes
    1 answer

  2. Позиционирование блоков

    все понял тему можно удалять

    Asked by Romeo62,

    0 votes
    1 answer

  3. меняется пр инаведении

    как сделать чтобы картинка при наведении менялась плавно с черно-белой на цветную?

    Asked by olechic,

    0 votes
    1 answer

  4. Растягивание блока по высоте

    Имеется блок со вложенными двумя блоками. Один из вложенных блоков - имеет фиксированную высоту, равную высоте главного блока. Дрйгоу вложенный блок - имеет высоту, равную высоте контента. Подскажите, пожалуйста, как сделать второму блоку, с динамической высотой, высоту, равную высоте основного блока?

    Asked by TorchTT,

    0 votes
    1 answer

  5. Выбор картинки кликом

    Привет, ребят вот конструкция: радиобатон а рядом картинка. Картина выбирается этим радиобутоном, подскажите плз как сделать так чтоб картинка выбиралась кликом и на нее и она бы подсвечивалась при наведении на нее?? спасибо! <div class="blockbegun"> <input type="radio" name="begun" value="1"> <img src="/srv/images/b11.gif" border="0" align="absmiddle"> </div>

    Asked by djforce,

    0 votes
    1 answer

  6. как все таки подсветить div при наведении мыши?

    ребят, подскажите как все таки подсветить элемент div а? ни где не могу найти этого, гугл исползал... форум смотрел но ни чего толком не нашел, есть вообще какойнить распространенный способ кросс браузерный?

    Asked by djforce,

    0 votes
    1 answer

  7. как это сверстать?

    вообще запутался как это делается? http://pixs.ru/showi...932_4514410.png

    Asked by olechic,

    0 votes
    1 answer

  8. Вписывание блока по размеру свободной области родителя.

    Пишу <html style="border: red dotted 50px; width: 100%; height: 50%; /*padding: 50px;*/"> <body style="border: blue solid 10px; margin: 0; width: 100%; height: 100%; padding: 100px;"> bla-bla-blah </body> </html>получаю бред. 1) Естественное желание - иметь некоторые фиксированные размеры родителя, возможно с padding-ом, а дочерний блок вписать в то свободное место родителя, которое должно остаться после padding. 2) ИЧСХ - по высоте оно всё растягивается, а по ширине - выходит за границу. Решил начать разбираться с корневых элементов, но div-ами, тоже не могу решить этот вопрос <div style="border: red dotted 50px; width:…

    Asked by skvor,

    0 votes
    1 answer

  9. Не пойму как сварстать такое меню

    Здравствуйте! не пойму как быть с бекграундом каждого пункта меню при наведении курсора, тк каждый пункт под углом, не пойму как лучще сверстать эту задачку... А что думают профи?

    Asked by koshsh,

    0 votes
    1 answer

  10. Изменение стиля select без использования JS

    Здравствуйте! В процессе разработки сайта возникла необходимость изменить стиль select'а не превращая его в набор div'ов. Воспользовался простым способом, описанным здесь: изменение селекта css Всё было бы хорошо, но если строка текста в options слишком длинная то текст накладывается на стрелочку select'а. Оно и понятно, ведь это всего-навсего фоновое изображение. Как бы это исправить? Кто знает, помогите пожалуйста. Может есть какой-то способ "обрезать" текст внутри Селекта... Спасибо Виталий Вот для наглядности скриншот того что у меня получилось:

    Asked by photos-masters,

    0 votes
    1 answer

  11. dreamweaver_cs5

    привет всем) не судите строго за вопрос может для кого-то он покажется тупым но я только изучаю и прошу помощи разобраться в программе dreamweaver_cs5 потом мне не понять как залить свой сайт в нет,где найти нормальный домен с хостингом(бесплатный) что-бы работал с dreamweaver_cs5 если кто сможет обьяснить буду очень благодарный!!!

    Asked by kachka,

    0 votes
    1 answer

  12. Возможно ли реализовать сайт-расписание на бесплатной CMS?

    Всем привет, есть задумка сделать сайт-каталог с кинотеатрами и расписанием их сеансов. Вопрос следующий, как реализовать автоматическое обновление расписаний кинотеатров? Можно ли получать данные по RSS с расписаниями и что бы они автоматически обновлялить на сайте? Как вообще лучше реализовать эту задачу использую бесплатные CMS, какая CMS для этого подойдет лучше? Какие плагины для этого понадобятся, так сказать в какую сторону хотя бы рыть?) или такую задумку вообще не реально сделать с бесплатными CMS и нужно писать что то с нуля?

    Asked by Marazmator,

    0 votes
    1 answer

  13. Как прикрепить футер к низу страницы?

    Здравствуйте. Искал по форуму, но не нашёл ответа на этот распространнённый вопрос. Вот страница ссылка, на которой траву надо при большом разрешении экрана прибивать к нижней границе браузера, если же разрешение маленькое, то просто пускать после текста. Как это сделать? Благодарю

    Asked by borus,

    0 votes
    1 answer

  14. Не выравниванивается в строку

    На сайте vdele.com.ua, в сайдбаре справа, в блоке «тор пользователей» не выравнивается рейтинг (розовые прямоугольники). Подозреваю, что проблема с «float: right;». Если его отключить, то все размещается как надо – на одной строке, только нет выравнивания вправо. А с флоатом – есть выравнивание вправо, но блок «падает» вниз. Кто знает – подскажите, как исправить. Спасибо.

    Asked by Advisory,

    0 votes
    1 answer

  15. отображение содержимого div'a

    всем привет нид хэлп задача: есть див он фиксированной ширины в нем текст нужно что бы выводилось первые две строки, что не влезает - обрубалось и стояло троеточие вконце у меня получилось сделать только что бы выводилась только первая строка, и вконце троеточие делал на цсс можешь подсказать как сделать на цсс и реально ли? или стоит делать на яве? код html: <div class="event_place"> <?php print $node->field_place[0]['view'];?> </div> код css: .event_body{ display:block; text-align:justify; white-space: normal; overflow: hidden; text-overflow: ellipsis; height:2em; }

    Asked by hellem,

    0 votes
    1 answer

  16. Отступ текста

    Здравствуйте.Извините за такой простой вопрос. Вот создал я класс. Вывожу картинку. В етом же самом диве пишу текст. Как текст поднять выше? ) #corner_right{ position:relative; float: right; /* Выравнивание по правому краю */ margin: -15px -8px 5px 5px; /* Отступы вокруг фотографии перша цифра відступ з верху,друга з права*/ text-align: right; }

    Asked by oggy3010,

    0 votes
    1 answer

  17. <table> в XHTML 1.1

    Доброго времени суток, уважаемые. Открыв для себя строгий язык верстки XHTML 1.1 увлёкся им и валидатором. Но, тут же столкнулся с проблемами невосприимчивости браузеров, а именно: Абсолютным не проглатыванием команд height: и vertical-align: (Первое для установления процентного значения величины высоты таблицы, второе для вертикального выравнивания) Посоветуйте, чем заменить.

    Asked by Inkognitoo,

    0 votes
    1 answer

  18. Макет должен тянуться

    "Макет должен тянуться,причем по сетке.Минимальная ширина 800 px,максимальная-1400 px."Как это сделать?

    Asked by guzel8,

    0 votes
    1 answer

  19. 2 ссылки на одну картинку

    Здравствуйте! А можно ли не разрезая картинку сделать из нее две ссылки? Если можно, то каким способом?

    Asked by Imperil,

    0 votes
    1 answer

  20. Помогите с "подвалом" на сайте.

    Намучился уже... ничего не выходит, перепробывал все варианты из ТОП 10 Гугла Надо просто поместить подвал внизу страницы. Помогите! Могу отблагодарить за рабочий вариант <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Ведение бухгалтерского и налогового учета белорусских и российских предприятий</title> <link href="http://tutbuch.by/style.css" rel="stylesheet" type="text/css" /> </head> <body> <div id="site"&…

    Asked by LBM,

    0 votes
    1 answer

  21. Наследование от родителя <li>

    День добрый! Есть сайт: http://zvezdnij.ru/test/personspb/index.php Если взгляните на шапку, то там есть меню - при наведении на Чемпионат СПб появляется 2 доп кнопки Как Вы видите они также выделяются и делают отступы, как и все остальные Хотелось бы убрать этот недостаток Заранее спасибо!

    Asked by Select,

    0 votes
    1 answer

  22. Как добавить всем ссылкам внутри блока атрибут nofollow ?

    У меня на сайте есть плагин, который выводит превью роликов в ютуба, ссылки выводятся без nofollow. Плагин я изменить понятно не могу, можно как-то сделать, чтобы всем ссылками в определенном блоке добавлялся атрибут nofollow ?

    Asked by kpripper,

    0 votes
    1 answer

  23. где ошибка?

    помогите начинающему разобраться, где ошибка. По замыслу при наведении на li добавляется класс dob и в результате меняется ссылка. но ничего не работает! $(window).ready(function(){ $('li').hover(function(){ $('a').addclass('dob'); }); });

    Asked by olechic,

    0 votes
    1 answer

  24. Ответ конкретному клиенту

    Здравствуйте, почитал немного про ajax, и немного есть опыт работы с javascript, поэтому вопрос мой новичковый. В javascript есть способы идентификации клиента, ajax позволяет без перезагрузки страниц общаться клиенту с сервером. Так вот, есть ли способ отправить ответ конкретному пользователю, то есть например есть сайт с одной страницей, на которой расположена одна кнопка, . Клиент его загрузил тыкнул по кнопке, и ему отправилось сообщение привет, и сколько бы он ни тыкал одно и то же - привет, другой клиент загрузил сайт, тыкнул, и ему выдалось вдорово. Если клиенты закрыли браузер, то запоминать их не нужно, то есть нужно запомнить их только на время одного соединения…

    Asked by fredwriter,

    0 votes
    1 answer

  25. Закрепление шапки сайта

    Добрый день. На сайте необходимо закрепить шапку. Сайт управляется CMS Joomla. Использован шаблон созданный в программе Artisteer 3.0 и немного доработан. Выяснил что это можно сделать с помощью тега position: fixed; Как применить этот тег? В каком листе писать index.php или нет?

    Asked by EvgenKrd,

    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