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. Отступ сверху

    Я начинающий верстальщик. Верстав макет я столкнулся с следующей проблемой : сверху появляется отступ. Вот HTML : <!Doctype HTML> <html> <head> <title>Какой-то сайт</title> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="CSS\first.css"> </head> <body> <div class="header"> <div class="head1"> <h1 class="FirstLogo">The first page</H1> </div> <div class="meny"> <ul> <li><a href=''>Главная</a></li> <li><a href='Page/About.html'&…

    Asked by DarkKezar,

    0 votes
    2 answers

  2. отступ сверху при ссылки на код

    Решил сделать меню. написал меню вверху сайта, вставил его в отдельный php файл, а в index прописал <?php include("header.php");?> в итоге у меня появился отступ сверху(над меню, хотя в css стоит margin: 0;)...почему? и как его убрать?

    Asked by MefistofeleS,

    0 votes
    3 answers

  3. Отступ сверху таблицы.

    Создал таблицу. Даже на пустой странице её отступ от верхнего края составляет целиком высоту экрана. И в Опере и в IE, и в лисичке. В чём может быть проблема? <table border="5" bgcolor="#FFA000" align="center"> <tr> <th></th> <th>A</th> <th>B</th> <th>C</th> <th>D</th> <th>E</th> </tr> <tr> <th>1</th> <td><img src="?"></a></td> <td><img src="?"></a></td> <td><img src="?"></a></td> <td><img src="?"></a></td> <td><img src="?"></a></…

    Asked by Kadett,

    0 votes
    7 answers

  4. Отступ снизу в IE 6.0

    У меня вначале CSS-файла вставлен код для обнуления отступов: * { margin: 0; padding: 0; } Далее идет основной слой, который используется в самом начале страницы: #wrapper { width: 80%; margin: 1% 10% 1% 10%; } Третий параметр, который задает отступ снизу не работает в IE 6.0, т.е. нижняя часть страницы плотно прилегает в нижнему краю браузера. Ставил этот отступ в секцию body - работает, но мне надо сделать это в слое.

    Asked by HatoL,

    0 votes
    7 answers

  5. Отступ снизу у inline-block элемента

    Добрый день, столкнулся с вот такой штукой, вот допустим меню <section class="menu"> <ul> <li><a href="#">item1</a></li> <li><a href="#">item2</a></li> <li><a href="#">item3</a></li> <li><a href="#">item4</a></li> </ul> </section> .menu{ text-align: center; overflow: hidden; } .menu ul{ display: inline-block; } .menu li{ float: left; } .menu li a{ display: block;…

    Asked by inex,

    0 votes
    2 answers

  6. отступ снизу у изображения

    #warp { float: left; margin-right: 10px } <img src="image.jpg" width="519" height="405" id="warp">текст .. текст .. текст отступ снизу от изображения до текста создается по самому высокому текстовому элементу?

    Asked by boyarsky,

    0 votes
    1 answer

  7. Отступ списка от картинки слева..

    Здравствуйте! Есть такая проблема: Обычно у меня идет картинка, справа от которой заголовок и параграф текста, а тут в параграфе еще и список, маркеры которого налазят на картинку.. попробовал уже margin-left, padding-left.. а ему все равно, как стоял так и стоит.. прошу помощи.

    Asked by gard,

    0 votes
    10 answers

  8. Отступ текста

    Здравствуйте.Извините за такой простой вопрос. Вот создал я класс. Вывожу картинку. В етом же самом диве пишу текст. Как текст поднять выше? ) #corner_right{ position:relative; float: right; /* Выравнивание по правому краю */ margin: -15px -8px 5px 5px; /* Отступы вокруг фотографии перша цифра відступ з верху,друга з права*/ text-align: right; }

    Asked by oggy3010,

    0 votes
    1 answer

  9. Отступ текста от формы комментария

    Привет всем! Подскажите пожалуйста, как передвинуть этот текст от полей? Вот ссылка на проблему - линк

    Asked by Andrew_las,

    0 votes
    10 answers

  10. Отступ текста снизу - 3px

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

    Asked by coldrain,

    0 votes
    1 answer

  11. Отступ у float-блока в IE

    Есть блок content, растянутый на весь экран с ограничением минимального разрешения: div#measurer { position: absolute; width: 100%; top: 0; height: 1px; line-height: 1px; } #content { position: relative; overflow: auto; margin: 0; padding: 0; min-height: 100%; min-width: 925px; max-width: 1400px; } * html #content { height: 100%; overflow: visible; width: expression( ( document.getElementById('measurer') && document.getElementById('measurer').clientWidth < 925 ) ? '925px' : ( document.getElementById('measurer') && document.getElementById('measurer').clientWidth < 1400 ) ? '100%' : '1400px' ); } Когда внутри этого блока раз…

    Asked by alexlut,

    0 votes
    7 answers

  12. Отступ у дива в таблице

    Что-то я туплю на ночь глядя. Детская ситуация, но я скоро начну входить в транс Есть таблица, в ней есть див, в диве простейшее горизонтальное меню. Появился отступ слева, меню съезжает на следующую строчку, не могу избавиться. <table cellspacing="2" cellpadding="2" class="menu" > <tr> <td width="307"> <div class="top_head"> <ul class="top_head_menu"> <li><a href>Каталог</a></li> <li><a href>Оплата</a></li> <li><a href>Доставка</a></li> <li><a href>Контакты</a></li> <li><a href>Прайс</a></li> …

    Asked by buddah,

    0 votes
    2 answers

  13. Отступ у списка

    Добрый день. Столкнулся с трудностью при вёрстке и не могу сообразить, как разрешить ситуацию. Выкладываю кусочек текста, надеюсь, описал пробему понятно. <div style="overflow: hidden; margin-bottom: 40px;"> <img style="float: left; margin: 0 20px 20px 0;" src="/img/27c2de2.jpg" alt="style='float:left; margin-right:20px;'" width="300" height="485" /> <p>Комплекс априорной бисексуальности имеет элитарный цвет, однако само по себе состояние игры всегда амбивалентно. Подобный исследовательский подход к проблемам художественной типологии можно обнаружить у К.Фосслера - ролевое поведение, на первый взгляд, выстраивает символический метафоризм, таким образо…

    Asked by iddqd,

    0 votes
    3 answers

  14. Отступ у фона

    Всем привет, такая проблема, фон по какой-то причине делает отступ. Вот тут видна проблема. http://prntscr.com/fpt222 Если же применить border к контейнеру в котором находятся логотип и меню с иконками то все встает на свои места, но как только бордер убираешь, опять беспорядок. Вот с бордером: http://prntscr.com/fpt3j0 Код: https://jsfiddle.net/s78mt3m6/

    Asked by Crushing,

    0 votes
    11 answers

  15. Отступ элементов списка (LI) при обтекании картинки (IMG)

    Список обтекает картинку. Смещаю элементы списка относительно заголовка: img { width: 150px; height: 212px; float: left; margin: 0px 20px 20px 20px; } strong { font-weight: bold; font-size: 100%; } ul { margin-top: 0px; } li { margin: 0px 0px 0px 20px; font-size: 75%; } В Firefox всё выглядит отлично: А вот в IE7 - нет: В чём проблема?

    Asked by Cervus,

    0 votes
    13 answers

  16. Отступ.

    Смотрите. У меня есть дивный блок с текстом, но текст прилипает к верхнему, нижнему и левому краю. Могу ли я сделать отступ текста от краев блока? Как это сделать?

    Asked by htmlonline,

    0 votes
    1 answer

  17. Отступ...

    Помогите пожалуйста! Вот ссылка на страницу. Там между слайд-шоу и текстом большой пробел и снизу отступ. Ничего понять не могу. Как убрать эти пробелы? Вот html: <!--Это слайдер--><!--We will make a slider with stylized thumbnails using CSS3The markup is very simple:Radio InputsLabels with thumbnails to detect click eventMain Image--><div class="slider"><input id="id1" name="slide_switch" type="radio" /> <label for="id1"> <img src="/karikaturi/images.jpg" style="position: absolute; left: 0px; top: 0px; -webkit-transition: all 0.5s; transition: all 0.5s; opacity: 0; transform: scale(1.1); line-height: 20.7999992370605px;" /><img src…

    Asked by Mestniy96,

    0 votes
    3 answers

  18. Отступы

    Всем здрасте! Вобщем возникла такая вот проблемка - надо сделать отступы например в 10px у главного блока,но когда я назначаему ему эти отступы например: <div style="width:100%;height:100%;margin: 10px;"></div> ,то появляется вертикальная полоса прокрутки. В чём проблема?И как сделать так что бы это полосы не было? Для наглядности выкладываю скрин того что должно получиться

    Asked by Cabalist,

    0 votes
    58 answers

  19. Отступы

    Помогите, пожалуйста! В мозиле отображается нормально, а в опере идет отступ сверху пикселей в 50. стили: div.header { margin:0 auto; float:left; width:33%; } body { margin: 0; padding: 0; background: #a68787 url(images/img01.gif) repeat-x left top; font-size: 13px; text-align: justify; color: #634e4e; } body, th, td, input, textarea, select, option { font-family: Arial, Times, serif; } h1, h2, h3 { font-family: Arial, Helvetica, sans-serif; font-weight: normal; color: #a68787; } h1 { font-size: 36px; } h2 { font-size: 2em; } h3 { font-size: 1em; } p, ul, ol { line-height: 200%; } blockquote { padding-left: 1em; } blockquote p, blockquote ul,…

    Asked by areare,

    0 votes
    6 answers

  20. Отступы

    Привет всем! Люди, помогите, пожалуйста, новичку! Как сделать отступ между окном и блоком рекламы (на скрине). Понимаю, что это где-то аттрибут margin надо менять, но где? Скрин развернутого сообщения блога на блогспоте. На главной странице все нормально, а если открываешь сообщение под катом, то все идет так, как здесь - вплотную.

    Asked by Niagara,

    0 votes
    12 answers

  21. Отступы

    ставлю отступ margin-left:auto;margin-right:auto; в Опере все норм,а вот в FF не понимает этот код,как исправить? извините уже разобрался

    Asked by Vladinho,

    0 votes
    1 answer

  22. отступы

    не получается подогнять отступы в верху и в низу левого сайдбара чтобы был одинаковый отступ с верху и снизу вот пример http://jsfiddle.net/Actticus/Gr5TV/ есть отступ с верху но не правильный а вот отступ с низу но тогда не могу сделать с верху http://jsfiddle.net/Actticus/Fwhwa/ нужно чтобы с верху и снизу был отступ равный 4 em помогите только начал изучать верстку и сразу в бой=)

    Asked by Actticus,

    0 votes
    0 answers

  23. Отступы

    Такая проблема. Прописываю width:100% и с верху и по бокам появляются отступы примерно по 5px, таже проблема для margin: 0 auto, с верху появляется отступ

    Asked by Vanilnaya,

    0 votes
    2 answers

  24. Отступы

    Почему кнопка вылазит за границу хедера? У хедере стоит минимальная высота 750px. Как бы я не игрался со свойствами, кнопка постоянно пересекает границу, словно имеет свойство position: absolute. Разве высота хедера не должна растягиваться пропорционально контенту?

    Asked by Okieazy,

    0 votes
    5 answers

  25. Отступы margin у <menu>

    Добрый день. Тег <menu> создает отступы у блока в котором находится. Почему это происходит и правильно ли будет убирать их так? menu{ margin:0; }

    Asked by Ubhra,

    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