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. z-index javascript и выпадающее меню

    Не знаю, что делать. У меня на сайте выпадающее меню, а ниже меню javascript карусель картинок-ссылок (там еще картинка меняется при наведении мышью). Проблема такая: Меню выпадает под карусель, а когда блоку, содержащему карусель присваиваю z-index, то с меню все ок, но зато карусель становится неактивна. Помогите, пожалуйста.

    Asked by Беленькая,

    0 votes
    22 answers

  2. Отступы в списке

    Здравствуйте! Страница следующая: http://balahna.com/ Прошу помощи в следующих вопросах: 1. Откуда берутся отступы между элементами списка в ИЕ (в ФФ и Опере их нет) и как их убрать? 2. Валидатор выдаёт следующее: Line 48, Column 12: element "NOBR" undefined. Did you mean "noframes" or "form"? <h2><nobr>ОБЩЕСТВО С ОГРАНИЧЕННОЙ ОТВЕТСТВЕННОСТЬЮ</nobr></h2> - что ему не нравится ? Всем спасибо за внимание!

    Asked by trenny,

    0 votes
    27 answers

  3. Крастная строка

    Подскажите пожалуйста, как сделать так, чтобы тег <p> делал отступ слева, как красная строка.

    Asked by faatt,

    0 votes
    7 answers

  4. Выделение ссылки при наведении (Как на примере)

    Как сделать, что бы при наведении курсора на ссылку - фон сзади ссылки выделялся полу-прозрачным белым изображением. (Нужно ихменить в html шаблоне) Сделать примерно как на phpbb.com (Под логотипом ссылки "About - Donwloads - Commynity") Или как у вас на форуме (Помощь Поиск Пользователи Календарь). Спасибо заранее

    Asked by Flashz,

    0 votes
    2 answers

  5. Изменить размер шапки

    Здравствуйте, помогите пожалуйста.Сейчас как на рис.1, нужно сделать как на рис.2. Т.е. убрать белые полосы по бокам, чтобы картинка была на всю длину. Извините, если не правильно оформила сообщение) Рисунок 1 Рисунок 2 Файл index.php: <?php defined( "_VALID_MOS" ) or die( "Direct Access to this location is not allowed." );$iso = split( '=', _ISO );echo '<?xml version="1.0" encoding="'. $iso[1] .'"?' .'>';?> <!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"> <!-- author: raduga copyright: GNU/GPL --> <head> <?php mos…

    Asked by Olabola,

    0 votes
    34 answers

  6. Интересует софт для IE 6 toolbar

    Интересует софт наподобии pixelperfect только для ie 6. Раньше накладывал обычной картинкой через просмотрщик сейчас захотелось узнать есть ли такой софт.

    Asked by Dessss,

    0 votes
    0 answers

  7. CSS в маркированном списке (li)

    Приветствую. Прописал в свойствах маркированного списка (li) следующее: .li_gr { width: 190px; display: block; border-color: #cccccc; border-style: solid; background-color: #f0f0f0; border-collapse: collapse; list-style: none; } Получается следующее - Однако , при использовании таблицы (а не списка) получалось так - (на белый фон не обращать внимание). Вопрос - как сделать, чтобы границы у списков (следующих друг за другом) имели тонкую границу и как сделать отступы для текста (пробовал margin и padding, не помогло)? В идеале надо сделать так, как на втором изображении.

    Asked by Romanice,

    0 votes
    9 answers

  8. введите свой e-mail

    Здравствуйте Всем! Такой вопрос, как сделать, чтобы пользователь мог вписать и-маил и подписаться на расылку? и второй вопрос: во всем сайте один див в мазилле, опере нормально, а в ие буквально на 5 пикселей растягивается вниз, что можно сделать? Заранее благодарен!

    Asked by Artie,

    0 votes
    8 answers

  9. Скрипт Выпадающих Меню нужен, киньте - у кого есть простенький

    САБЖ. Чтобы под осла и лису работал. Попробовал сам сделать - непонравилось. Киньте, если у кого есть готовые решения: jon@ya.ru

    Asked by антигерой,

    0 votes
    7 answers

  10. Выравнивание изображения

    подскажите мастера, как можно выровнять изображение по центру в топике форума, вставленного по ссылке с помощью bbкода img ? как вот это

    Asked by dimdimin,

    0 votes
    2 answers

  11. блок

    Люди, у меня такая проблема, вот делаю блок на сайте из трёх картинок(верх, подстилка и середина) и выходит в результате чтоб под верхом и низом видно ту подстилку(картины с прозрачность) Выходит это можно сделать только в несколких таблицах\дивах? Или как эт сделать в одной?

    Asked by -O-J-A-,

    0 votes
    4 answers

  12. Стыки на границе фона

    Скажите пожалуйста, я выбрал фон для середины боди, пустил по Y на повтор, но при повторе на стыках видны границы, это происходит из-за того что картинка не монотонна, а где-то темнее, где-то светлее. Как с этим можно бороться? Спасибо!

    Asked by romashkaed,

    0 votes
    1 answer

  13. Сглаживание границ

    Со всем что было разобрался) Теперь новая проблема) Скажите пожалуйста, я выбрал фон для бэкграунда, и пустил по всему экрану на повтор, но при повторе на стыках видны границы, это происходит из-за того что картинка не монотонна, а где-то темнее, где-то светлее. Как с этим можно бороться? Спасибо!

    Asked by romashkaed,

    0 votes
    2 answers

  14. Подскажите по list-style-image ?

    Добрый день. Подскажите плиз - сделал в качестве маркера списка картинку 32х32. Стиль: list-style-image (...url к файлу); list-style-position:outside; display:list-item; Собственно вопрос в том, как можно этот маркер выровнять по центру относительно текста ( типа align="middle" ), а то текст начинается по базовой линии.

    Asked by quake3,

    0 votes
    20 answers

  15. Как сделать бордер по краю окна?

    Есть сайт http://sommaire.qphost.net/total-art/ Нужно для него сделать бордер в50px по краю окна браузера, чтобы бордер все время был 50 пикселей и контент не заезжал на эту рамку. Я сделал там позиционирование по средине вертикальное, теперь вот сложнова-то с рамкой. Мож кто что подскажет? или может предложите решение + другой способ вертикального выравнивания по центру, относительно окна браузера.

    Asked by Vitrilo,

    0 votes
    20 answers

  16. Добавление разметки для оформления посредством js

    Здравствуйте! Недавно пришлось верстать макет, где блоки были обернуты в специфическую рамку, которую пришлось порезать на картинки с уголками и четырмя сторонами. В итоге получился примерно такой код: <div id="wrapper"> <div class="left-top-corner"></div> <div class="left-vertical"></div> <div class="right-vertical"></div> <div class="right-top-corner"></div> <div class="right-bottom-corner"></div> <div class="left-bottom-corner"></div> <div id="content"> <div class="top-gorisontal"></div> <div class="right-top-corner"></div> <div class="right-ve…

    Asked by _axl,

    0 votes
    8 answers

  17. превью фоток с другой страницы

    Ещё раз всем привет, ...И ещё вопрос (неверное, это даже не хтмл, но тогда подскажите, на каких форумах узнавать?) Допустим у меня есть страница , куда я загружаю фотографии произвольного размера И я хочу сделать на стартовой странице сайта некий раздел превью этих фотографий, допустим 3х случайных, и размер строго 300*100, то есть высвечивается не фото целиком, а случайный её фрагмент.. КАк это сделать?

    Asked by cardsmoney,

    0 votes
    3 answers

  18. помогите выровнить банер

    Подскажите решение , я уже замучился <table class="tablebg" cellspacing="1" width="100%"> <tr> <td class="cat" colspan="5" align="{S_CONTENT_FLOW_END}"><!-- IF not S_IS_BOT and U_MARK_FORUMS --><a class="nav" href="{U_MARK_FORUMS}">{L_MARK_FORUMS_READ}</a><!-- ENDIF --> </td> </tr> <!-- BEGIN forumrow --> <!-- IF forumrow.S_IS_CAT --> </table> <br clear="all" /> <table class="tablebg" cellspacing="1" width="100%" > <tr> <div align="center"><!-- IF ADS_10 --> {ADS_10} <!-- ENDIF --></div> <th colspan="2"> {L_FORUM} </th> <th width="50"…

    Asked by dimdimin,

    0 votes
    18 answers

  19. кнопка меню ( текущая страница выделяется цветом)

    Друзья! Прошу помоч сделать красивое меню (см картинку) т.е. на текущей странице подсвечивается та кнопка меню, которая ей соответствует как это сделать?? вот код который сейчас <div id="menu"> <!--k1 . k2 и k3 это кнопки меню--> <div id="k1"> <p><a href="#">главная</a></p> </div> <div id="k2"> <p><a href="#">фото</a></p> </div> <div id="k3"> <…

    Asked by cardsmoney,

    0 votes
    8 answers

  20. Проблема с CSS

    Я хочу создать сайт и применить ко всем его страницам CSS-дизайн. Когда я указываю в CSS параметр: body { font-family: Arial, Helvetica, sans-serif; font-size: 13px; } , то текст в HTML, заключённый в теги <P> и </P> имеет размер 13 пт, НО если я ещё указываю в CSS, что в теге P тоже Arial 13pt., то шрифт становится крупнее, чем 13! Помогите исправить! P.S. XHTML 1.0 Transitional

    Asked by Izyum97,

    0 votes
    2 answers

  21. Едет или нет?

    Делаю сайтик, и возникла надобность сделать так чтобы ссылки не прыгали туда-сюда на 1024 и на 1280.Вроде всё сделал,у меня нормально всё выглядит,но есть подозрения что что то не так...гляньте плизз: http://batikgallery.ru/ Задумка чтобы ссылки были между первыми двумя картинами и чуть ниже. <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Батик|Главная</title> <style type="text/css"><!-- body{ margin:0; …

    Asked by stardel,

    0 votes
    18 answers

  22. Проблема с меню

    Имеется вот такое вот меню. По сути своей оно 2х уровневое, при наведении на "Меню" выпадает вся остальная часть. Средствами CSS за 2е суток создать такое меню так и не получилось, может быть кто нибудь подскажет как решить данную проблему(я понимаю что с помощью JS, очень хочется научится создавать такие меню самому, но перерывания справочников и книг результатов не даёт ). Контекст 3о уровня меню не меняется в зависимости от выбранного пункта 2о уровня!

    Asked by Apostolati,

    0 votes
    2 answers

  23. Проблема с отступами внутри блока

    Добрый день! С прошедшими праздниками всех! Помогите пожалуйста решить проблему следующего характера: я делаю сайт на Joomla, от html и CSS еще очень далек, хотя и пытаюсь понемногу осваивать и их (иначе о создании собственных сайтов можно забыть - как я понял на собственном опыте ). Итак о проблеме: на сайте который я делаю модули по умолчанию выглядят так не очень красиво не правда ли? Но в настройках можно задать суффикс класса модуля, тогда выглядит симпатичнее, но появляется проблема В файле general.css нашел параметры модуля /* Columns Modules Suffix = style2 */ #columns-container .col-module-style2 { position:relative; overflow:hidden; margin:0 -11px;…

    Asked by Freeman Liberty,

    0 votes
    24 answers

  24. Полоса прокрутки

    Не подскажите почему на страницах моего сайта где нету полосы прокрутки изображение выравнивается по центру без проблем с помощь align="center", а на с страницах с полосой вертикальной прокрутки это же изображение, с этим же align="center" смещаться от центра примерно на 10 px, в чем дело?

    Asked by Willi,

    0 votes
    11 answers

  25. Выравнять содержимое div-a

    Добрый день, есть следующая задача: в div динамически добавляется n картинок. Кроме картинок слева и справа от ряда картинок могут добавиться стрелочки влево и вправо. Получается стандартная листалка превьюшек. Проблема заключается в следующем: Высота картинки - 100 пикселей. Стрелочки надо по высоте равнять по середине картинки, т.е. отступить на 50 пикселей от верхней границы div'a контейнера. Пробую так: div id="imgList" style="vertical-align: middle;"> <div id="goLeftArrow" style="margin-left: -3em; margin-right: 2em; display: inline;" onclick="goLeft()"> <a style="text-decoration: none;" href="#">←</a> </div> <img style="padding-right: …

    Asked by ХОЛОДный,

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