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. Помогите разобраться с "clear"...

    Верстаю шаблон для Joomla и столкнулся с такой проблемой: все материалы в начале содержат картинку с float: left и высота этой картинки больше высоты блока с текстом. Изза этого картинку обтекает не только текст, а еще и весь блок следующей новости: http://yadi.sk/d/NfElKboeHjA6k Если же разделителям которые идут после каждой новости я прописываю clear: both, то казалось бы все работает, но первый же разделитель опускается до той линии где кончается левый сайдбар (красная линия на рисунке), оставляя много пустого места: http://yadi.sk/d/qgE-7ATtHjAWv Подскажите как сделать так чтобы новости выводились нормально, не обтекая картинку из предыдущей новости и не оставляя …

    Asked by XAHTEP26,

    0 votes
    5 answers

  2. Переход по ссылке из MS Office

    Столкнулся с проблемой, если люди переходят по ссылке из MS Office на сайт, то даже в нормальной версии браузера вылетает сообщение чтобы обновили версию браузера что сайт не поддерживает его if(preg_match('/(?i)msie [2-8]/',$_SERVER['HTTP_USER_AGENT'])){ header('HTTP/1.1 301 Moved Permanently'); header("Location: /ie.html"); exit;}Как вылечить?

    Asked by okunev2,

    0 votes
    5 answers

  3. Размещение заголовка новости и даты создания новости на одной строке

    Как сделать размещение заголовка новости и даты создания новости на одной строке, при условии что дата должна всегда быть привязана к правой границе контейнера. Вот какая стилизация: http://jsfiddle.net/kipes/8cJE4/1/ А вот картинка, что на деле: а на деле получается, когда заголовок длинный (как в последнем заголовке на картинке), то дата вырывнивается по левому краю, а надо по правому, во всех остальных случаях тоже. Как быть, сам не разобрался

    Asked by Delat,

    0 votes
    5 answers

  4. Как вывести на страницу не сам символ, а его код?

    Собственно вопрос в сабже. тег <code> не помогает, а <xmp> считается устаревшим нужно вывести код в символьном и десятичном формате

    Asked by massef,

    0 votes
    5 answers

  5. практика вёрстки

    Ребята, подкиньте пожалуйста мне какой интересный и в тоже время не самый трудный шаблон для тренировки. хочу попробовать свои силы)) заранее спасибо)) ах да и ребята, прошу вас подскажите такую деталь, вот ты видишь картинку сайта, что нужно сделать прежде начать верстать?? то есть на что нужно обратить внимание в первую очередь. прошу вас в виде: 1) ... 2) ... 3) ... спасибо)

    Asked by egrom92,

    0 votes
    5 answers

  6. Вопрос визуализации

    Прошу направить на путь "где об этом узнать" по такому вопросу: как сделать, чтобы при наведении курсора мыши на главный контейнер (ГК) он становился активным (менялась прозрачность), а при выхода курсора мыши из его области - неактивным. (но при первоначальном открытии страницы ГК активен, а второстепенный контейнер (ВК), как и любые другие объекты - неактивны). При этом, при наведении курсора мыши на ВК - он активен, а ГК и все остальное неактивны?

    Asked by Nagoran,

    0 votes
    5 answers

  7. Нужна помощь по ТАБЛИЦЕ

    Хотел узнать, можно ли таблице с помощи CSS задать размер колонки так, что бы они всегда оставались равны? Например: 2 колонки, и каждая колонка занимала бы 50% 3 колонки, 33,(3)% 4 колонки, 25% 5 колонок, 20% Притом, чтобы каждый раз при добавление колонки, не пришлось лезть в CSS.

    Asked by myRoot,

    0 votes
    5 answers

  8. Форма контактов на Twitter Bootstrap

    Нашел интересную форму контактов сделанную на Twitter Bootstrap, стараю повторить тоже самое на своем сайте, но не получается. Ссылка на урок: http://bootstrap-ninja.ru/snippets/snippet-details/snippet-contacts-form.html Должно получиться так: А у меня получается так: Вот мой исходный код, согласно инструкции я все верно сделал: <!DOCTYPE html><html lang="ru"><head> <meta charset="utf-8"> <title>nartan.ru</title> <!-- Bootstrap --> <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.css"></head> <body><div class="container"> <br /> <br /> <a href="../" cla…

    Asked by nartan,

    0 votes
    5 answers

  9. Куда двигаться дальше?

    Здравствуйте. Даже не знаю как правильно сформулировать вопрос. В данный момент у меня свёрстана первая страничка моего сайта. Нужно двигаться дальше. На сайте планируется довольно много ссылок на другие части сайта (штук 15 примерно). Есть ли какие-нибудь способы сгенерировать эти 15 страниц? Или нужно всё делать ручками? (Создавать 15 html страниц, копировать html код из 1 страницы и прикреплять CSS к каждой странице). Другой вопрос: Какой язык стоит изучать дальше? Насколько важен JavaScript для проекта? (Планируется создание строительной организации). На сайте возможно будут нужны такие вещи как: регистрация пользователя, окно поиска, добавление новостей/статей н…

    Asked by bgdn,

    0 votes
    5 answers

  10. Выравнивание элемента под изображением

    Есть двухколоночный макет, есть DLE, есть статья с изображением и категория к которой она принадлежит. Не могу разобраться как категорию прижать к концу статьи (место обозначил зелёным). <span class=catclear><small class=categoryfullstory>Категория:</small> {link-category}</span>span.catclear { clear:both; font-family:Courier New; } И почему, когда у категории вместо <span class=catclear> стоит <div class=catclear>, то категория сползает вниз.

    Asked by Delat,

    0 votes
    5 answers

  11. Как сделать, чтобы при нажатии на ссылку появлялся сбоку блок(div)?

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

    Asked by alex1998,

    0 votes
    5 answers

  12. использование тега noscript

    На днях скачал шаблончик по этому адресу: http://html5up.net/ Название: Striped открыл его через кодовый редактор и в теге head заметил что css файлы подключённые через тег link для различных типов устройств обёрнуты в тег noscript. Вот я немного не понимаю зачем их помещать в теге noscript. Пример кода: <noscript> <link rel="stylesheet" href="css/skel-noscript.css"> <link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style-desktop.css"> <link rel="stylesheet" href="css/style-wide.css"></noscript>И если можно подсказать для чего на данный момент может ещё использоваться тег noscript.

    Asked by nfsworld,

    0 votes
    5 answers

  13. Пропадающий фон

    Ребят помогите, сам не справился... При разрешении экрана меньше минимального (либо просто при масштабировании страницы) - фон участка, вышедшего за пределы экрана, исчезает. Подскажите как бороться с этой проблемой? Ставил для блока с фоном min-width: 100%; не помогает. Как быть, подскажите? Гугл не забанил, но и ответа он не дал, нашёл только какой-то бред про то что-бы поставить inline-block для блока с фоном, не помогло. Фон обычный background-color, никаких картинок.. http://i019.radikal.ru/1402/fa/595daa41b2e6.jpg Заранее спасибо.

    Asked by EaGames,

    0 votes
    5 answers

  14. многоугольные изображения

    Добрый день, форумчане! У меня к вам есть вопрос/просьба. Нужен ваш совет. Каким образом можно обрезать изображение так, чтобы они могли быть редактируемы. Т.е. сейчас это 1 картинка. Хотелось бы иметь возможность заливать 2 картинки так, чтобы браузер их сам обрезал. В каком направлении нужно работать ? Существует ли jQuery плагин? Или можно это как-то реализовать на html 5 canvas ?

    Asked by Nugzar Gagulia,

    0 votes
    5 answers

  15. Подскажите программу, приводящую в порядок вид css стилей

    Зачем? Иногда в сайтах встречается css код в одну строку, где трудно что-то разобрать.

    Asked by kobzar,

    0 votes
    5 answers

  16. Таблицы.

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

    Asked by _dns,

    0 votes
    5 answers

  17. Замена ссылок на выпадающий список

    Здравствуйте! Подскажите, пожалуйста, как заменить ссылки: <p class="amount">Показать по: <a href="{$path}?on_page=20">20</a><xsl:text> </xsl:text> <a href="{$path}?on_page=50">50</a><xsl:text> </xsl:text> <a href="{$path}?on_page=100">100</a></p>на выпадающий список с сохранением функционала: <label>Показать на странице</label><select onchange="setLocation(this.value)"> <option value="#" selected="selected"> 20 </option> <option value="#"> 50 </option> <option value="#"> 100 </option></selec…

    Asked by volshebnyi,

    0 votes
    5 answers

  18. Как грамотно расположить объекты напротив друг друга

    Здравствуйте. Я хочу в шапку сайта расположить объекты таким образом: (левый край экрана)Текст-ссылка1 и логотип1 пустота логотип2 текст-ссылка2 (правый край экрана) Подскажите пожалуйста оптимальный метод, как это можно было бы сделать, используя css и html. Спасибо.

    Asked by 2red,

    0 votes
    5 answers

  19. Текст по центру изображения адаптивно - как реализовать?

    Добрый день, уважаемые форумчане! Есть блоки с изображениями http://yarfrezer.ru/shop/, нужно вертикально центрировать текст относительно картинки. Пробовал варианты с table-cell; и position'ами, но так и не получилось, совсем запутался. Можете подсказать, какие стили добавить или хотя бы куда копать, чтобы при ресайзе окна текст оставался вертикально центрированным?

    Asked by web-monster,

    0 votes
    5 answers

  20. Проблема с отображением сайта на ipad (контент в таблице)

    Всем привет. Имелась задача - сделать лого посередине. Сначала я вдоль намучился с кучей способов с дивами, разобрался, все работало, но на ipad слой был к низу прижат. Сделал таблицей - та же фигня. Что делать? Как справиться? На компе все нормально. Ссылка http://maximzaytsev.com

    Asked by weart,

    0 votes
    5 answers

  21. Долго грузится сайт

    Установила цмс и переношу на нее сайт. Использую ее давно никогда проблем не было. Сейчас столкнулась, с тем что сайт просто умирает при обновление. Малейшее изменений в стилях, контенте и сайт умирает. Помогите разобраться что к чему? Сайт: http://фасадымосквы.рф/index.php?page=test

    Asked by Anna Zharova,

    0 votes
    5 answers

  22. как сделать блок для новостей ...

    как сделать такой новостной блок.... с верху было стрелка и снизу...

    Asked by Sekaiichi,

    0 votes
    5 answers

  23. Проблема с адаптивностью

    Когда открываю эту страницу http://danxil.pp.ua/layout/index.html в обычном браузере и изменяю ширину окна - все ок, блоки спускаются на нижнюю строку как идолжно быть, но когда открываю эту страницу в мобильном браузере, у нее просто меняется масштаб, а блоку остаются на месте. Как сделать так что бы на мобильных браузерах именно сжималась ширина блока ?

    Asked by Danxil,

    0 votes
    5 answers

  24. масштаб сайта на мультитаче

    Столкнулся с пролемой. Есть верстанный DIVами сайт (http://primehotel.ru) с фиксированной шириной. Нормально отображается на всех устройствах, кроме мультитачевских ноутов. Там из за мультитача, сайт грузится примерно в 130% размере. Не влезает в ширину экрана, что создает реальные неудобства. Можно как то заставить сайт показыватсья по дефолту в 100% ? Такая же проблема имеется если просматривать его Firefox'ом. Сайт немного увеличивается, но не выходит за пределы экрана. На любом устройстве. Не подскажете, как можно это поправить?

    Asked by amv,

    0 votes
    5 answers

  25. Интересная рамка для изображения(блока).

    Всем привет. Подскажите, как реализовать рамку вокруг картинки в стиле плёнки, картинки верха, низа, и т.д. есть. Как разместить их вокруг элемента7

    Asked by xTODx,

    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