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. цифирки

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

    Asked by voin545,

    0 votes
    3 answers

  2. Цифра вылезает перед буллетом

    Может быть, вопрос нубский, но как-то до сих пор не сталкивался. Из-за чего цифра в <LI> может самостоятельно (причем, во всех браузерах) перемещаться перед буллетом? Есть код: <li>1 пункт</li> <li>2 пункт</li> <li>Третий пункт</li> <li>И четвертый</li> А вот так он выглядит на странице:

    Asked by m0nk,

    0 votes
    2 answers

  3. ЧаВО

    Отступ у картинки Код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"> <html> <head> <title>Отступ у картинки</title> </head> <body> <div style="background: #ccc"><img src="http://forum.htmlbook.ru/style_images/elegance/logo4.gif" alt=""></div> </body> </html> Решения: 1. img { display: block } 2. img { vertical-align: bottom } 3. div { line-height: 0; } Причина: Картинка выравнивается по базовой линии текста. Это "струна", на которую одеваются буквы. Хвостик буквы "р" опущен ниже буквы "о", а картинка равняется наравне с буквами о, и, а, и т.д. Кусочек фона под картинкой - место для б…

    Asked by s0rr0w,

    0 votes
    8 answers

  4. Частичная загрузка страницы

    Для сайта (ленты новостей) хочу добавить возможность частичной загрузки страницы. Дозагрузка автоматически или после нажатия, не важно. Имеется блок, внутри которого много блоков поменьше с самими новостями. Подобно Youtube или vk

    Asked by serken,

    0 votes
    3 answers

  5. Частичная прозрачность img

    Доброго дня уважаемое сообщество. Подскажите пожалуйста, как можно сделать так, чтобы у картинки в теге img (именно в img) была боковая прозрачность с обеих сторон? (вариант с блоком поверху и его прозрачностью не подходит ибо нужно, чтобы фон просвечивался). Можно ли вообще такое сделать? Заранее спасибо за любую помощь. ссылка на изображение, размер: 466 кбайт, 1011 x 360 точек

    Asked by Velidan,

    0 votes
    7 answers

  6. Частично закрытый toggler

    Черновик: http://jsbin.com/hocapumexesi/1/ Суть задачи: В закрытом состоянии пользователь должен видеть только 1 строчку. Ширина строк измеряется в em-ах. В открытом состоянии соответственно пользователь должен увидеть все остальные строки. Сделать без анимации не проблема. Проблема как раз в том чтобы сделать это все с анимацией, когда список плавно раскрывается и плавно закрывается, оставляя видимой одну первую строку. Функция animate em-ы нормально принимает, а вот проценты как-то не хочет. Т.е. проблема в раскрытии списка, которое происходит мгновенно, а не плавно. Прошу подсказать где исправить или что нужно переписать, возможно даже это проще сделать каким-то ин…

    Asked by advokatua,

    0 votes
    2 answers

  7. Частично прозрачный фон элемента

    Доброго времени ВСЕМ!!! Не уверен что вопрос по теме, но всетаки спрошу. Делаю блок с фигурными границами. Можно ли сделать, чтобы часть фона была прозрачной. Зарание Спасибо!!!

    Asked by CoDy,

    0 votes
    5 answers

  8. Частичное примение стиля по спецификации

    Вот код: a.content_link_menu { color: #4a4a4a; font-family: verdana; font-size: 11px; text-decoration: none; border-bottom: 1px dashed #4a4a4a; } Подчеркивание ссылки пунктирной линией, работает в Опере и Мозиле, прочитал специфику, написано что Частично работает в ИЕ Как сделать чтобы хотябы сплошной линией подчеркнуть текст ссылки?

    Asked by okunev2,

    0 votes
    3 answers

  9. Частный случай вертикального выравнивания.

    Здравствуйте. Мне нужно выровнять по вертикали текст в теге <li>. Сложность в том, что текст во-первых двухстрочный. Во вторых содержится в bootstrap меню. Вот такая структура: <nav id="menu" class="navbar"> <div class="navbar-header"><span id="category" class="visible-xs">Категории</span> <button type="button" class="btn btn-navbar navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"><i class="fa fa-bars"></i></button> </div> <div class="collapse navbar-collapse navbar-ex1-collapse"> <ul class="nav navbar-nav"> <li class="dro…

    Asked by prowoke,

    0 votes
    8 answers

  10. Часто сталкиваюсь с 1 проблемой в IE

    У меня такой вопрос: Частро при верстке дизайна в IE появляется нижний скролинг. В конечном итоге избавляюсь от проблемы но хотелбы узнать логику что бы изначально не допускать этого! из за чего это может происходить? из за того что не указанна ширина у одного из блоков или чего еще? вот к примеру последний такой случай тут

    Asked by GeSTaM,

    0 votes
    3 answers

  11. часть страницы из другого файла

    Подскажите такой момент. Как в Хтмл страницах сделать, что бы часть ее загружалось из отдельного файла. Я про такое узнал, когда монтировал гостевую, но там у нее свои какие то параметры, там используется такая строка . А возможно, что бы в хтмл так же загружать? а то меню сильно большое и создает путаницу, да и утяжеляет каждую страницу, а то бы прописать ее в отдельном файле, вот хорошо бы было

    Asked by apika,

    0 votes
    3 answers

  12. Часы. Увеличение размера

    Здравствуйте, уважаемые форумчане. Кто может помочь увеличить размер цифр вот в этих часах: http://www.morohon.pusku.com/new_panel/clock/ Нужно чтобы они были во весь размер фона. Если не трудно, пожалуйста, помогите... Вот код часов: <!DOCTYPE html><html> <head> <meta charset="utf-8"/> <style type="text/css"> #clock{ width:500px; border-radius: 6px; } #clock .display{ text-align: center; padding: 50px 10px 10px; border-radius:6px; position:absolute; height: 110px; width:500px; } /*------------------------- Light color theme --------------------------*/ #clock.light{ background-color:#…

    Asked by morohon,

    0 votes
    2 answers

  13. Чат

    Кто знает как сделать этот чат? Вот ссылка:http://smartech.by/. Справа блок синий "Оставьте сообщение". Как сделать такой-же блок? Мне можно даже просто скелет, без дизайна. Буду очень, очень благодарен.

    Asked by Mestniy96,

    0 votes
    19 answers

  14. Чать русских букв выводиться нормально а другая ?

    абвгдеёжзийклмноп???????????????я - нужна помощь знатоков !!! (Используемый язык PHP,MySQL,PDO,Smarty) Пробовала все файлы php-ые кодировать в UTF-8(без BOM)... но увы не помогло !!! Так же в файле htaccess есть строка явной кодировки PHP_VALUE default_charset utf-8 В index.php присутствует строки локализации : header('Content-type:text/plain; charset=utf-8'); setlocale(LC_ALL, 'ru_RU.utf-8', 'rus_RUS.utf8', 'Russian_Russia.utf-8', 'Russian_Russia.utf8', 'Russian_Russia.65001'); ClickW,

    Asked by ClickW,

    0 votes
    5 answers

  15. чё означает слеш в конце тега...

    чё означает слеш в конце тега... не закрывающего.. вот например вот так: <td width="19" height="19"/>

    Asked by Nekromancer,

    0 votes
    14 answers

  16. Чего не хватает для работы а:hover

    Не работает в ФФ, Опера. В ИЕ 6 все окей. ul li { font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 20px; text-decoration: none; list-style-image: url(img/bullet.gif); } li a { font-family: Arial, Helvetica, sans-serif; color: #4C4D4F; text-decoration: none; } li a:hover{ list-style-image: url(img/bullet_grey.gif); } li a:visited{ color: #666666; }

    Asked by piryaz,

    0 votes
    9 answers

  17. Чего не хватает некоторым строкам?

    Здравствуйте. Если посмотреть на страницу, то видно, что для первой фотографии описание не пристраивается справа к изображению, как у остальных. Скажите, пожалуйста: 1. Чего не хватает подобным фотографиям галереи? 2. Насколько применённый CSS отвечает адаптивности под малые экраны 3. Если не отвечает, как сделать пристраивание описаний справа от изображений адаптивным, чтобы они, например, занимали оставшуюся ширину(за вычетом картинки) внутри элемента div.ngg-gallery-thumbnail?

    Asked by borus,

    0 votes
    3 answers

  18. Чекбокс и скрипт

    Помогите пожалуйста подправить код. Нужно стилизировать чекбокс, решил с помощью java скрипта и спрайтов. В html прописал так: <span class="check-box" onclick="changeCheck(this)" id="check-box1"><input type="checkbox" name="check-box"/></span> сам скрипт: <script type="text/javascript"> function changeCheck(el) /* функция смены вида и значения чекбокса el - span контейнер дял обычного чекбокса input - чекбокс */ { var el = el, input = el.getElementsByTagName("input")[0]; if(input.checked) {el.style.backgroundPosi…

    Asked by Kuzyo,

    0 votes
    1 answer

  19. чем в этом коде может устанавливаться отступ (или белый бордюр)?

    чем в этом коде может устанавливаться отступ "вниз" от картинки, которую сделали ссылкой. Размер отступа (или картинки) примерно 2-3 px я думал такие вещи устанавливаются a img{ border: none; padding:0; margin:0; } но у меня как видите все по нуля /**** author - rgb(raduga) [url="http://mambasana.ru"]http://mambasana.ru[/url] ***/ body,html { padding : 0; margin : 0; margin-bottom : 10px; font-size: 14px; font-family: "Trebuchet MS"; max-width: 974px; align : center; } table.brd { border-right: solid 1px #CCCCCC; } table.sec_bkg { background : url(../images/nasha_spec_bkg.jpg) repeat-y top left; …

    Asked by vovchikku,

    0 votes
    3 answers

  20. Чем верстать огромное количество контента?

    Здравствуйте. У меня есть большой объем текстов от Заказчика. И мне его нужно оформить в html-виде. Чтобы списки были списками, заголовки определенными заголовками, обрамить параграфами и тп. В процессе я столкнулся с тем, что Дримвивер 8 очень неполноценен. Долго и неудобно выходит. Может есть какие-то другие хорошие редакторы для оформления контента? Что-то вроде Ворда... Что посоветуете? Как вы сами стали бы решать задачу верстки большого кол-ва контента? Заранее спасибо.

    Asked by samorealization,

    0 votes
    5 answers

  21. Чем вызвано описанное поведение в FF, и как его исправить?

    Здравствуйте. В FF div.container__right приобретает ширину в 4000px, когда должен иметь ширину вложенной в него картинки. Не пойму, почему так происходит? в остальных браузерах все хорошо... <div class="container"> <div class="container__left"> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non …

    Asked by dg-here,

    0 votes
    2 answers

  22. чем выравнивать <th>

    Всем доброго времени суток! появилась задача оформить одну страничку... /* Сайт уже сделан,не мной. Мне доверили только поправить оформление. Сам в этом деле новичок, учусь только... */ Вроде привел к более приятному виду, но никак не выровнить <th>Комментарий</th> по одной линии. Пробовал править в style.css: position, float, margin, text-align(выравнивал по правому краю), но даже при тщательной подгонки чтонить да прыгало по странице...и при смене разрешения монитора все сбивалось... чем выравнять можно??? Так выглядит страница: Это выводит firebug: thead th { border-bottom:3px solid #CCCCCC; padding-right:1em; text-align:left; } Заранее благодарен за п…

    Asked by Bobby,

    0 votes
    11 answers

  23. чем его бутстраповость bootstrap-modal-carousel

    Всем привет, есть такая каруселька с картинками link сделанная как я понимаю на основе bootstrap-modal-carousel отсюда link Симпатично, но возник вопрос в чем проявляется его бутстраповость? Я вставил в этот пример несколько картинок link и для айфона более крупные картинки в моем Cromium таскаются горизонтально вместе с содержимым всей страницы а в Firefox при клике на картинке полная картинка видна в полупрозрачном состоянии как таскаемый элемент... Я попробовал смотреть через http://deviceponsive.com на смартфоне и снова непонятно в чем его бутстраповость ?

    Asked by mstdmstd,

    0 votes
    3 answers

  24. Чем закрыть класс?

    del

    Asked by PREDATORik,

    0 votes
    3 answers

  25. чем заменить <div align="center"> для strict типа документа ?

    <div align="center"> код всей стр.. </div> строгий тип документа. ему не нравится алигн центр. чем можно заменить ?

    Asked by nickflip,

    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