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: 10px), то это не работает. Работает только если задаю для каждой ячейки отдельно. Вопрос - это так и должно быть, или это только у меня такая фигня?

    Asked by olgastaf,

    0 votes
    5 answers

  2. отступы от элементов сайта.. центрирование

    Здравствуйте! У меня собсно, такая проблема: верстаю сайт(так, для отработки навыков) и не получается убрать отступы (выделено красным на картинке) и еще вопрос? как сделать так, чтобы сайт отцентрировался в опере, осле и мозиле? сколько делал.. что-то в голову не прихолит решения... Помогите пожалуйста... По возможности объясните технологию..))) КОД: html </p><p><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <title>Test page</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <link href="styles.css" type="text/css"…

    Asked by Diego,

    0 votes
    8 answers

  3. Отступы перед псевдоэлементом

    Приветствую! Проблема: добавил блоку псевдоэлемент (треугольный ). Абсолютно спозиционировал и отодвинул вправо на величину, равную ширине этого псевдоэлемента. Во всех браузерах работает нормально, но в некоторых мобильных Chrome добавляется отступ примерно в 1px между элементом и псевдоэлементом. От куда он? Как убрать? //Блок .news-img_tag-category { color: #fff; font-size: 0.75em; width: 71px; height: 20px; text-align: center; } //Псевдоэлемент .news-img_tag-category::after{ content:""; border-left:10px solid #812780; border-right:10px solid transparent; border-top:10px solid transparent; border-bottom:10p…

    Asked by mn8156,

    0 votes
    0 answers

  4. Отступы при стопроцентной ширине/высоте

    Есть див высотой 50% от окна. Внутри него есть еще один див, который должен быть высотой 100% от родительского дива минус 30 пикселей сверху и снизу. Если я добавляю padding к родительскому диву, то его высота получается больше 50%. Возможно ли сделать нужные отступы, не увеличивая высоту родительского дива, не используя JavaScript? Сделать высоту родительского дива меньше 50% нельзя, т.к. иначе размер будет немного разный по высоте при различных разрешениях, что недопустимо.

    Asked by Great Rash,

    0 votes
    7 answers

  5. Отступы сверху везде кроме IE

    Привет всем, ребята помогите разобраться не могу найти где ошибка вот сайт http://www.mebelin.ucoz.ru/ , сверху есть отступ везде кроме IE, помогите его снять

    Asked by karel,

    0 votes
    19 answers

  6. Отступы снизу от картинки

    Здравствуйте участники форума, помогите с такой проблемой после вставки изображения снизу от него появляется отступ в чем проблема понять не могу, раньше с таким не сталкивался далее прилагаю код. <!doctype html><html> <head> <meta charset = "utf-8" /> <link rel = "stylesheet" type = "text/css" href = "style.css" /> <title> BUKET SECOND </title> </head> <body> <div class = "header"> <img src = "img/portfolio-img1.jpg" alt = "" /> </div> </body></html>*{margin: 0 ;padding: 0 ;}.header{background: #00ff00 ;}

    Asked by pavlovda,

    0 votes
    3 answers

  7. Отступы текста

    Здравствуйте! У меня пока что кроме текста нету ничего! Я хотел спросить! Можно ли сделать отступ текста от верха(тоесть чтобы текст был по середине) прямо в коде HTML? Или только через css можно?!

    Asked by illusia,

    0 votes
    2 answers

  8. Отступы у кнопки в IE 8

    Проблема появилась в IE 8 с отступами у кнопок при верстке html. В IE 7 все в порядке. Вот код кнопки: <a href='http://www.site.ru'><img src='001.jpg' width='200' height='30' border='0' alt='Кнопка' /></a> Какой фокус появился в ИЕ? СКРИН:

    Asked by Lsoep,

    0 votes
    1 answer

  9. Отступы у списка

    Делаю вот такой список: Немного не получается с отступами: http://codepen.io/anon/pen/pvaMYp Что не так? Вид radio button изменять пока не обязательно

    Asked by yaparoff,

    0 votes
    2 answers

  10. Отступы у текста

    Подскажите, а почему у текста отступы? http://jsfiddle.net/oleg126/4b6Up/ http://savepic.net/5800248.htm

    Asked by oleg126,

    0 votes
    4 answers

  11. Отступы у текста

    У текста есть внутренние отступы, например h1 размером 68px имеет высоту 93px. Как с этим бороться кроме как подбором отступа если хочешь сделать пиксель в пиксель?

    Asked by RaGe2244,

    0 votes
    4 answers

  12. Отступы элементов формы в ИЕ

    Доброго времени суток! Помогите пожалуйста бьюсь уже долгое время с отступами у чекбоксов в ИЕ. Вот код: <table width="85%" cellspacing="0" cellpadding="0" > <form style="margin: 0px; padding: 0px;"> <tr> <td width="50%" align="left" >Цветность</td> <td width="50%" align="right"> <input name="" type="checkbox"> </td> </tr> …

    Asked by kulibinnxx,

    0 votes
    10 answers

  13. Отступы, таблицы, кроссбраузерность

    Линк _http://www.energee.com.ua/boards/ 1) В браузерах (кроме Оперы) таблица со списком вылазит за границы прописанной ей области. Подскажите, пожалуйста, как сделать такое же отображение, как в Опере - чтобы секция вписывалась в отведенный ей блок? 2) Если нажать внизу страницы "Все" (для отображения всего списка, то становится еще хуже: _http://www.energee.com.ua/boards/?SHOWALL_1=1 Во всех браузерах таблица съезжает вниз, а в Опере и в ИЕ вообще уходит за пределы видимости. Как вернуть нормальное отображение?

    Asked by photograf,

    0 votes
    10 answers

  14. отступы...

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

    Asked by Tmin10,

    0 votes
    6 answers

  15. Отстык=пы в меню

    Здравствуйте! Помогите, пожалуйста, разобраться с отступами в меню. При задании для текста меню padding-top:10px; надпись меню опускается вниз, но появлеятся расстояние между картинками модулей. И еще не могу понять, откуда появислся отступ в хроме и эксплорере сверху шапки сайта. Высота блока меню и хедера задана такаяже, как изображения. На всякий случай код: index.php <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="<?php echo $this->language; ?>" lang="<?php echo $this->language; ?>" dir="<?php echo $this->direction; ?>"> <head> <jdoc:include type="head" /> <meta http-equiv="Content-Type" content="text/html; char…

    Asked by Zeeeya,

    0 votes
    5 answers

  16. отсупы и маркеры

    День добрый, не судите строго, в CSS пишу 5 дней всего, но очень надо. Суть проблемы. Есть модуль меню типа аккордион, (название модуля mod_jv_accordion_menu). Сам модуль отличный но естетсвенно для дизайна сайта CSS немнного изменить пришлось. На данный момент по непонятной мне причине маркер (стандартный из шаблона дизайна, вид картинка) не хочет делать отступ от края блока (сори за мой французский,не знаю всех названий в css). Сейчай у него 10px, а необходимо 0px. В отличии от маркера с текстом такой странности не наблюдается. www.kubess.ru СМ. Блока 1С:Предприятие 8. Прикладываю код: .jv_aclickmenu_wrap ul.jv_maccordion ul{ margin: 0; padding: 0 0 0 5px; } .jv_aclickm…

    Asked by konda,

    0 votes
    0 answers

  17. отсутпы - padding margin

    Столкнулся при верстке с такой проблемой: я использую в css глобальный сброс: * {padding:0;margin:0} для того, чтобы быть уверенным в отображении всех элементов. Однако, для того, чтобы при помощи визуалного редактора можно было беспрепятственно пользоваться редактированием контента, мне необходимо отказаться от данного исключения для тега table. Может кто-нибудь знает, как этого можно добиться?

    Asked by XXXVII,

    0 votes
    13 answers

  18. Отсутпы блочных элементов

    Трабл следующий При верстке в html все блочные элементы, как и положенно отображаются один под другим. После разбиения страницы на php шаблоны, которые вывожу через <? php include 'имя файла.php'; ?> первый блочный! элемент в шаблоне типа <div> или<table> выводится с отступом на 1 строчку. При этом, если в шаблоне сперва написать текст или <span>, он появится там, где ему положенно. Лечу через position:relative; top:-20px; но, это дурдом... Хотелось бы вылечить в корне. Еще один вопрос: в файле шаблона, который буде выведен через include обязательно писать echo или эта команда не нужна? Все выводится и так и так...

    Asked by otell,

    0 votes
    13 answers

  19. Отсутпы в меню

    В браузере имено ИЕ6 и ИЕ7 в меню произошёл, зазор от таблицы, как исправить скажите,условными коментариями может, не получаеться подогнать, убрать отступ, он показан на фото. Вот фото проблемы и архив новый вылаживаю, уже с меню. http://ipicture.ru/uploads/100903/R5oUaRLLw5.jpg http://www.sharemania.ru/0158454

    Asked by people2010,

    0 votes
    6 answers

  20. Отсутствие DOCTYPE

    Много написано про важность доктайпа но вот столкнулся с заказом где по тз он должен отсутсвовать и сразу, всеми любимый, IE первым среагировал не сработал margin: 0 auto; может кто наталкивался в инете на инфу про то как реагируют элементы и стили без указания доктайпа

    Asked by WalkMan,

    0 votes
    6 answers

  21. Отсутствие скроллбара в ИЕ8

    В процессе натолкнулся на такую штуку в ИЕ8 (не в режиме совместимости, а именно в режиме "стандартный ИЕ8"): <!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> <title>IE8 scroller test</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <style type="text/css"> <!-- html, body { margin: 0; padding: 0; } .scroller { overflow: auto; width:19px; height: 200px; position: absolute; } .scroll_helper { height:500px; } --> </style> </head> <body> <div class…

    Asked by e1f,

    0 votes
    0 answers

  22. Отсутствует скролл на сайте в IE8

    В IE8 отсутствует скролл на стринице, хотя при уменьшении масштаба видно оставшуюся часть страницы. В средствах разработчика показывается, что код загружен полностью. http://savepic.su/2857811.htm http://savepic.su/2849619.htm В IE7 и IE9 скролл присутствует, но страница не подгружается полностью. http://savepic.su/2841427.htm сайт www.vodoley.pro

    Asked by nikitaneo,

    0 votes
    4 answers

  23. Отсутствует фоновый рисунок при открытие сайта в Интернете

    Переделывал шапку сайта. Сделал небольшой рисунок, который уместился в шапке 8 раз. Отправил по ФТП. открываю сайт в Инете - нет фонового рисунка. А ведь при создании в Фронтпейдже был. И при просмотре во встроенном в него обозревателе был. Так куда же он делся? Можете посмотреть по ссылке на эту беду и код там же увидеть http://www.po-miry.ru/POHOD/SPORT_TURIZM.htm Заранее благодарен за ваши полезные советы

    Asked by beze,

    0 votes
    4 answers

  24. Отсутствует часть изображения

    Здравствуйте! Подскажите пожалуйста. Проблема следующая, при наведении курсора на ссылку появляется изображние, но не полностью, часть изображения почему-то обрезана. Ссылки созданы на траектории окружности при помощью SVG. При наведении на ссылку pushkin должен появлятся круг, но появляется только 1/4 его часть. http://hkar.ru/FXMi При наведении курсора на две другие ссылки должна появлятся оружность, но она тоже появляется не целиком. http://hkar.ru/FXMj Все файлы разместил здесь: https://yadi.sk/d/NMvbqOdcmjz5F

    Asked by Иван98,

    0 votes
    2 answers

  25. Отсчет дней, часов, минут, секунд.

    Какм можно сделать отсчет дней, часов, минут, секунд.?

    Asked by vvsh,

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