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. iframe, обёрнутый в ссылку

    помогите пожалуйста решить проблему есть видео, встроенное на страничку при помощи iframe. я оборачиваю его в тэг <a href="path" style='display: block'></a>. при клике на видео оно начинает проигрываться, а хотелось бы чтобы происходил переход по моей ссылке

    Asked by cyklop77,

    0 votes
    3 answers

  2. строчные элементы разбиваются на несколько

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

    Asked by cyklop77,

    0 votes
    3 answers

  3. Как вы думаете, так не стоит делать?

    Смотрю примеры верстки на одном обучающем сайте. Автор там применяет часто следующий ход. Добавляет классы через пробел. Например, у него есть классы .left { float: left; } .overflow { overflow: hidden } И он через пробел добавляет в классы нужных тегов. Но по-моему это аналогично тому, как в самом хтмл коде написать style="float:left". Ведь если мы захотим, чтобы этот блок был справа - нам придеться лезть в хтмл, а не таблицы стилей, и править код там, что нарушает основной принцип верстки - разделения логической разметки от стилей.

    Asked by Zverushka,

    0 votes
    3 answers

  4. Фон body из множества изображений

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

    Asked by okunev2,

    0 votes
    3 answers

  5. Натянуть сайт на движок

    Здравствуйте. Не знал в какую ветку писать, так что модераторы не ругайтесь и перенесите куда следует) Как видно из названия темы решил натянуть сайт на движок. Всё таки хочется автоматизировать процесс, к тому же сейчас мало информации на сайте, что облегчит работу, да и немного в ходе работы подкорректировать дизайн. Я весьма поверхносто знаком с джумлой и wp. По сути cms для меня тёмный лес. Приходится обращаться к добрым и отзывчивым людям с вопросоми: Так какую CMS лучше мне выбрать и с чего начать? Сколько это будет стоить и куда обращаться если отдавать работу в чужие руки? Сколько стоит написать CMS? Я вкурсе всех описаний и, грубо говоря, назначений д…

    Asked by svochek,

    0 votes
    3 answers

  6. Небольшой вопрос по overflow

    Есть контейнер div, в него динамически добавляется инфа. По достижению определенной высоты добавляется полоса прокрутки, но последние добавленные строчки оказываются за пределами видимоски, поскольку полоса прокрутки не прокручивается вниз автоматически, при добавлении новых строк. Можно ли без javascript'а сделать чтоб прокручивалась?

    Asked by bioz00,

    0 votes
    3 answers

  7. Верстка вертикального меню на основе таблицы

    Помогите устранить проблему при верстке вертикального меню на основе таблицы. Не работает переход с ячейки главного пункта меню на ячейку подпункта. Проблема понятна - курсор попадает на границу таблицы. Если границу таблицы убрать с помощью ( cellspacing="0") все работает, но при этом нарушается эстетика и задумка дизайна. Подскажите возможные варианты решения с сохранением внешнего вида таблицы. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title&…

    Asked by Tord002,

    0 votes
    3 answers

  8. загрузка страницы в iframe "с конца"

    всплывающее jquery окно. содержание - iframe с полосой прокрутки. нужно чтобы html страница в iframe по умолчанию отображалась с конца (когда ползунок прокрутки находится в крайнем нижнем положении). как осуществить?

    Asked by deFISH,

    0 votes
    3 answers

  9. Добавление нового элемента (картинку в блоке) в категорию Новости.

    Добрый день всем! Вот на сайте: http://online.anidub.com/ на новостях (где картинка постер) есть ещё одна маленькая картинка зелёного цвета. Хочу сделать точно так же и у себя. Я скопировал стили и блок div. Разместил у себя на сайте: http://warcraft3cheats.ru/garena-hack/ только она появляется когда уже заходят в полную новость а мне как рас то нужно наоборот сделать. Код разместил в файле Фулстори.tpl А самое главное нужно сделать: 1. Чтоб картинка размещалась не на всех новостях а на определённых. 2. Ну и чтоб она была только в краткой новости, а в полной исчезала. Вот разметка: <div class="sitk_img"> <img src="{THEME}/images/ok.png" alt="Актуально"> </d…

    Asked by Dallas,

    0 votes
    3 answers

  10. Загрузка "резиновой" картинки

    Предположим, имеется адаптивная страница с двумя абзацами и картинка между ними: <p>Абзац 1</p> <img style="max-width: 100%; height: auto;" src="http://pic1.jpg" /> <p>Абзац 2</p> Картинке не заданы фиксированные размеры через width="" и height="", на то она и резиновая. При создании страниц с фиксированной шириной я прописывал размеры картинки в пикселях, благодаря чему страница формировалось с пропуском, в который загружалось изображение. В случае с резиновой графикой таких "пропусков" нет - сначала грузятся два абзаца, затем второй абзац "слетает" вниз, освобождая место под картинку. Меня интересует как поступить грамотно в такой ситуа…

    Asked by type,

    0 votes
    3 answers

  11. Локальное хранение данных.

    Здравствуйте. Подскажите пожалуйста как реализуется локальное хранение данных, желательно на примере, если кто-нибудь делал или где-нибудь сталкивался. В моём случае текста. Хочу чтобы пользователь хранил локально "заметки для себя" и "расписания уроков", не дергал лишний раз сервер и не раздувал базу данных(вообще не создавать бы её).

    Asked by Mirovich,

    0 votes
    3 answers

  12. Перескакивает попап в меню в ie7

    ,,,,,,,,,,,,,,,,,,,,,,,,

    Asked by John Do,

    0 votes
    3 answers

  13. Подменю в резиновой верстке

    Всем добрый день! Делал резиновый макет и при создании меню возникли проблемы. Само горизонтальное меню отлично растягивается (применял display: table-cell/table-row), но подменю ен хочет нормально выстраиваться. Получается, что ячейка растягивается на все подменю и это ломает всю навигацию. http://jsfiddle.net/KnEeD/ Если делать через float, то само горизонтальное меню сложнее растянуть на всю ширину окна. Хочется сделать также ширину подменю сделать как у родительского элемента, чтобы она изменялась при растягивании окна. Без явного задания ширины не получается. Как это можно реализовать?

    Asked by gregsv,

    0 votes
    3 answers

  14. box-shadow в CSS3

    Синтаксис свойства: box-shadow: h-тень v-тень размытие протяженность цвет inset; На своей подопытной страничке http://prodpak.ru перебрав множество примеров из интернета, изменив немного значения методом тыка, мне удалось сделать внутреннюю тень как хотел, но знаний я так и не получил. То есть нет структурного понимания поведения своей же записи на сайте box-shadow: -4px 0 10px -2px #F0F0F0 inset; Например, не пойму почему, когда я сменю -4px на 4px, то тень у блока будет слева. Как же ориентироваться? Вообще поначалу я полагал, что нужно руководствоваться top right bottom left где относительно элемента тень будет смещаться в ту или другую сторону.

    Asked by Delat,

    0 votes
    3 answers

  15. worpdress как сделать такую строку? (читать далее и т.п) фото внизу

    Asked by hatabush,

    0 votes
    3 answers

  16. Пожалуйста, помогите с меню

    Всем Доброго времени суток! У меня возникла проблемка которую надо срочно решить . Вот сверстал пример меню (чтобы вам было понятно наглядно) http://youtime.hol.es/ который будет на сайте При наведении на новости выпадает подменю. Так вот нужно чтобы при фокусе на подменю , цвет ссылки высшего уровня (новости) оставался золотым. Сам додуматься не могу(

    Asked by sashakee,

    0 votes
    3 answers

  17. IE padding в input не учитываеться

    Думаю большинству знакомый баг в IE, когда при наборе длинного текста в input горизонтальный paddng не учитываться. И если в этом padding'е расположено фоновое изображение, то текст налазит на него. Обычно это решается дополнительным враппером/контейнером. Но как же не хочется для каждого такого поля добавляться дополнительный контейнер только, что бы исправить этот баг в IE. Существует ли решение этой задачи, без использования дополнительных тегов или js?

    Asked by Viper,

    0 votes
    3 answers

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

    Помогите <div class="section"> выровнять по центру вертикали на cardterapia.ru. То есть чтобы он всегда был по центру в не зависимости от монитора.

    Asked by smirn0ff,

    0 votes
    3 answers

  19. Вытягивание div по высоте

    Здравствуйте, уважаемые форумчане! У меня возникла небольшая проблема при вёрстке сайта. У меня правый сайдбар получился в данный момент больше (по высоте) чем страница с контентом, а это не красиво. Как сделать так, чтобы фон страницы с контентом тянулся до футера? (и сайдбара в противоположном случае) Прикрепляю скриншот чтобы всё было предельно ясно и ссылку на сайт. (прячу под спойлер, т.к. скриншот большой.) Спасибо за уделённое время! P.s. я его ещё конечно не закончил и многое ещё предстоит поправить, но всё же если есть какие-то грубые ошибки - буду признателен если вы мне на них укажите. (валидатором проверял, вроде нормально: http://validator.w3....=Inline&…

    Asked by The Norb,

    0 votes
    3 answers

  20. градиентное угасание элемента

    Здравствуйте! Делаю фотогалерею. В блоке мне надо чтобы в местах a и b блок угасал градиентом. (в блоке у меня картинки) (фон блока белый)

    Asked by sitemaker999,

    0 votes
    3 answers

  21. иногда пропадает колонка

    помогите пожалуйста решить проблему любым способом или хотя бы понять её причину есть адаптивная страничка с областью контента и сайдбаром. в области контента резиновые текстовые блоки различной высоты расположены в виде двух колонок(при ширине экрана <480px - в виде одной колонки). для плотной укладки резиновых текстовых блоков использовал masonry fluid проблема в том, что при плавном изменении ширины во всех браузерах в некоторый момент вторая колонка смещается под первую и оставляет на своём месте пустое пространство. при дальнейшем изменении ширины в ту же сторону она может вернуться на место(!). хотелось бы избежать такого глюка, тем более что его не наблюдается н…

    Asked by cyklop77,

    0 votes
    3 answers

  22. :hover в блочном меню. Что не так?

    Я новичок. Пытаюсь создать сайт пока на локалке и столкнулся с такой проблемой. Не меняется фон в меню при наведении на него мышью. Путь к картинке правильный. Проверял несколько раз. Последний раз, для верности, указал путь к картинке через контекстное меню Dreamweaver, так что с этим ошибок быть не может. Вот код: <div id="menu"> <p><a href="#">Главная</a></p> <p><a href="#">Классификация</a></p> <p><a href="#">Инструменты</a></p> <p><a href="#">Установка</a></p> <p><a href="#">Полезные советы</a></p> <p><a href="#">Работы</a>…

    Asked by Утро,

    0 votes
    3 answers

  23. проблема с отправкой данных с формы на почту!

    проблема в том что вместо введеных данных в форму приходит не данные а вместо них "array" почему что не так? вот код форм <form action="formdata.php" method="post" name="form1"> <fieldset> <legend>ввод личных данных</legend> <p> <label>Ваше Имя:<input type="text" name="name" size="25" maxlength="15"> </label> </p> <p> <label>Ваш пороль:<input type="password" name="password" size="25" maxlength="20"> </label> </p> </fieldset> <fieldset> <legend>Опросы</legend> <p> любите ли вы деньги? <label> Да <input type="radio" name="many" value="yes"> </l…

    Asked by Виктор146,

    0 votes
    3 answers

  24. Меню

    Подскажите как сделать меню http://clip2net.com/s/50Q11h

    Asked by Sergey410,

    0 votes
    3 answers

  25. Проблема с размещением картинок в строку

    Здравствуйте! Не получается разместить несколько изображений в строчку. Точнее должно быть 2 строки по 3 изображения в каждой. Расстояние между изображениями - 5 px. Сейчас выглядит вот так: Прошу сильно не пинать, еще только учусь. Вот код файла index.html: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> <title>Главная страница | Мануфактура Италия</title> <meta name="keywords" content="мануфактура италия, дизайн мебель, двери, кухни, столешницы, фасады, шкафы шпон,…

    Asked by Ultran,

    0 votes
    3 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