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. Отрисоыка документа при динамическом добавлении элементов

    Ситуация следующая: вот по этому адресу лежит страничка http://codydemosite.h18.ru/1/ написал JS скрипт для динамического добавления элементов, все работает, но в IE при добавлении новых элементов исчезает кусок бордера у родительских блоков Мона это как то исправить или забить на JS и все переделывать. Благодарю за внимание.

    Asked by CoDy,

    0 votes
    2 answers

  2. отрицательный Margin

    #contentwrapper{ float: right; width: 100%; margin-left:-430px; /*Set left margin to -(leftColumnWidth + RightColumnWidth)*/ background:red;} <div id="contentcolumn"> ukukukukukku </div> зачем margin-left:-430px; ели ширина колонки 100% так и останется и колонка не двигается.... объясните мне принцип действия отрицательных марджинов

    Asked by bot87,

    0 votes
    3 answers

  3. Отрицательный margin и ie6

    Есть три колонки. Реализация стандартная <div style="width:30%; float:left;"></div> <div style="width:30%; float:left;"></div> <div style="margin-left:60%"></div> Внутри есть некоторые элементы, которые нужно вынести за пределы блоков. Для этого использую отрицательный маргин. Как всегда IE6 радует. Полностью обрезает те куски которые вынесены за пределы родительских блоков. Насколько я понимаю, это происходит из-за наличия у блоков-колонок свойства hasLayout. Вроде оно присваивается блоку если ему float давать. И судя по всему ведёт себя как overflow:hidden. Я прав или нет? И, в любом случае, как можно решить эту проблему?

    Asked by od_lazio,

    0 votes
    2 answers

  4. отрицательный margin растягивает родителя

    Здравствуйте. Возникла проблемка. <div> <h3> <span> У div фиксированные размеры. У span тоже(он display: block). При этом по задумке span должен на 50% вылезать за пределы div. Но задавая ему отрицательый margin-top я получаю то, что div начинает ползти вверх за span'ом. Вижу такое впервые, откровенно говоря, по идее он должен за границу вылезти Конечно, решить проблему можно через display:relative+ top, но интересно, что с маргином

    Asked by USF,

    0 votes
    6 answers

  5. отрицательный margin-right ie6

    приветствую всех. Наткнулся на неизвестный мне ранее баг в IE6, может кто подскажет решение (или даже источник проблемы)... Суть проблемы: есть два блока: родительский (имеет фикс. ширину) и дочерний (плавающий). Не удается задать отрицательный отступ справа для дочернего блока больше, чем ширина родителя.... <!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" xml:lang="ru"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>Заголовок страницы</title> <style> .parrent { width: 50…

    Asked by infamous,

    0 votes
    0 answers

  6. отрицательный margin-top в ie8

    Добрый день! Не отображает часть блока с отриццательным margin-top в ie8, как возможно реализовать? <div class="slider"> <div id="slides"> <img src="/slide1.jpg" /> <img src="/slide2.jpg" /> </div></div><div class="main"> <div class="transport"> <div class="name">name</div> text </div> <div class="ecsport"> <div class="name">name</div> text </div></div>/* slider */.slider { height: 423px; position: relative; z-index:100!;}/* main */.main {background: #0e6483;color: #fff;font-size: 14px; posi…

    Asked by eviltoy,

    0 votes
    0 answers

  7. отрицательный margin-top и рамка

    При вложении одного блока в другой и задании внутреннему блоку отрицательного margin-top возникает странное поведение. Если у внешнего блока есть рамка!, то внутренний блок смещается вверх на заданную величину. Если рамки нет, то вверх смещаются оба блока одновременно. Относительно друг друга блоки не смещаются. Вот пример http://codepen.io/anon/pen/EKYXxe Кто-нибудь может объяснить данное поведение?

    Asked by kryak,

    0 votes
    1 answer

  8. Отрицательный margin, Chrome

    Добрый день. Есть такой сайт - http://arlite.dn.ua Во всех браузерах отображается нормально, в Хроме - косяки. Косяки в тех местах, где применялося отрицательный margin. Конкретно это 1) логотип на всех страницах (должен быть слева, по факту в центре) 2) на странице http://arlite.dn.ua/rus/aboutus/awards/certificates/ все меню. Конкретный кусок кода, использовавшийся в логотипе .head-container { height:705px; width:100%; background-color:#D2E4CA; } .head { width:1000px; height:705px; background: url('img/arlite-plant.jpg') no-repeat center; } .logo-container { width:280px; height:130px; margin-left:-750px; /* <———— Проблема здесь */ } <div …

    Asked by MageMerlin,

    0 votes
    5 answers

  9. отрицательный z-index в Firefox или как засунуть картинку под текст?

    Позарез понадобилось вставить на страницу картинку, по ширине превышающую предусмотренный для контента блок. Единственный пришедший в голову вариант - поставить ей position:absolute и положить отдельным слоем, но вот незадача - зараза перекрывает часть ссылок по бокам блока (цветными пикселами картинка на ссылки не залезает, но перекрывает их своей прозрачной частью). Проблема решается установкой отрицательного z-index (ссылки и весь текст оказывается наверху), но тогда картинку не желает показывать любимый файрфокс. Посоветуйте, как быть?... свои идеи пока кончились

    Asked by enkryptor,

    0 votes
    9 answers

  10. Отрицательный отступ POSITION

    Вопрос: при использовании свойства position:relative; top:-10px для блока в родительском элементе СНИЗУ образуется дополнительные +10px. Как можно от этого избавиться, если высоты родительского и дочернего элемента отличаются(высота родител. блока в %, а дочернего - в PX)? <div class="a"> <div class="a1">Первый блок</div> <div class="a2">Второй блок</div> </div> .a1,.a2{width:100px; height:100px;} .a{background:grey; width:300px;} .a1{background:red;} .a2{background:blue; z-index:2; top:-10px; left:30px;}

    Asked by Silar,

    0 votes
    1 answer

  11. Отрицательный правый маржин

    Здравствуйте. Подскажите, пожалуйста, один момент. Есть блок шириной 1000px и margin:0 auto. Внутри два блока - левый и правый. Задача - оба блока частично вывести за экран (влево и вправо, соответственно). Выводимые части блоков должны быть видны только в бОльших разрешениях. При этом в разрешении 1024 горизонтального скроллинга быть не должно. Попытка решения. Даю левому блоку отрицательный margin-left. Все прекрасно - блок частично уехал за экран, скроллинга нет, выведенная часть видна в бОльшем разрешении. Даю правому блоку отрицательный margin-right. Блок уезжает, но появляется горизонтальный скроллинг. Попросту основной блок расширяется на величину margin-right. И к…

    Asked by Sub0,

    0 votes
    3 answers

  12. Отрывается блок от потока

    Есть сайт, в котором закругление углов, сделано отдельнм блоком идущим сразу же за основным. (ширина фиксированная, поэтому картинка одна, на оба угла) В ИЕ, это отображается првильно, а в Лисе, появляется лишний пробел, котороый "отрывает" низ от основной части. http://yaolga.thekip.ru Можно конечно по мудозаться, и задать отрицательный маржин, что бы блок подскочил на верх, а что бы текст не налазил, сделать основному блоку внизу паддинг с запасом, но это не решеение. Просто интересно из за чего появляетс подобный эффект. Ведь между этими блоками ничего не стоит, и ни одному из блоков не заданны отступы и никакие другие коварные свойства.

    Asked by TheKIP,

    0 votes
    46 answers

  13. отсечь на средней колонке кусочек сверху

    страница бьется на 3 колонки, у средней колонки есть желание отщипнуть сверху кусочек для другого стиля кусочек упорно жмется к левому краю, а нужно наверху средней колонки в чем может быть дело? #header{ position:fixed; width:60%; height:80px; top:0; left:20%; border-width: 1px; border-style: dotted; border-color: red; background:blue; } в макетах ничего не нашла

    Asked by ыра,

    0 votes
    1 answer

  14. Отслеживать ответ скрипта внутри формы

    Здравствуйте, использую такую форму обратной связи contac ts.htm , над ней невидимый div в который пишется ответ скрипта handler.php. Вопрос: 1. как лучше сделать чтобы ошибки выводились на красном фоне (класс alert-danger), а это все ответы скрипта, которые не содержат текст "успешно" 2. в случае когда все отправлено успешно - стирать все поля, чтобы невнимательные пользователи не нажимали кнопку "Отправить" повторно со всеми заполненными полями Заранее спасибо за ответы

    Asked by Miha1l,

    0 votes
    6 answers

  15. Отступ

    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta name="author" content="VERtuoz" /> <title>Отступ</title> <style> body{ text-align: center; margin: 0; padding: 0; } #one{ width: 1024px; height: 512px; margin: 0 auto; text-align: center; background: #f00; position: relative; } #two{ width: 640px; height: 256px; margin: 15px auto; background: #0f0; position: relative; } </style> </head> <body> <div id="one"> <div id="two"> …

    Asked by Zzz_,

    0 votes
    3 answers

  16. Отступ

    Как убрать отступ у фреймов, чтобы даже когда прокручиваешь ползунок текст не залезал наверх как на картинке http://screenshot.su/show.php?img=4a1efdce2729c3971289c6608b89f642.jpg Также подскажите как увеличить отступ по краям (хотя бы слева)

    Asked by Mr_ILYAS,

    0 votes
    2 answers

  17. Отступ

    Доброе время суток! Как сделать отступ у футера чтобы картинка не залазила под него? шаблон чужой не могу разобраться http://goo.gl/fiHSg

    Asked by Oblom,

    0 votes
    0 answers

  18. Отступ br

    Доброго времени суток. Какие наиболее валидные варианты вы можете предложить для уменьшения отступапосле тага

    Asked by Neolink,

    0 votes
    3 answers

  19. Отступ IE

    http://myportfolio.ho.ua/4/ - пацаны не обращайте пожалуста внимания на кодировку, важен отступ между меню и контентом в IE как от него исбавиться ... я в поиске полазал сделал пару попыток ,оказались неудачными может подскажете чтото ? или ссылочки на темы похожие пожалуста

    Asked by mOnYa,

    0 votes
    8 answers

  20. Отступ Navbar Bootrstap

    Доброго. Проблема с элементом Bootstrap, а именно navbar. При добавлении элемента появляется негативный отступ до дальнейшего контента страницы. Как его убрать? <nav class="navbar navbar-default navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-main" aria-expanded="false"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#"><img sr…

    Asked by Скиф,

    0 votes
    9 answers

  21. Отступ в <select>

    <select> <option>111</option> </select> <p>222</p> Между этиим блоками в фоксе 2.0.0.20 непонятной большой отступ! И самое что в этом проблематично, непоятно откуда( Помогите, плиз

    Asked by Spidey,

    0 votes
    11 answers

  22. Отступ в 1px на Mac Os (inline-block)

    Имею такую конструкцию <div class="container"> <aside class="left"> </aside><aside class="right"> </aside></div>body, html { margin: 0; height: 100%;}.container { height: 100%;}aside { display: inline-block; vertical-align: top; height: 100%;}.left { width: 63%; background: red;}.right { width: 37%; background: blue;}http://jsfiddle.net/z96odrfp/1/show/ На windows все хорошо. На Mac OS появляется белая линия в 1px справа, в конце синего блока. Вот голову ломаю не пойму из за чего. Статью "Загадочные отступы между инлайн блоками " читал, не помогает. Может сталкивался кто, поделите…

    Asked by Нарек,

    0 votes
    10 answers

  23. Отступ в Firefox

    http://www.activeheat.ru/ В IE перед меню отступа нет, а в FF вверху между фотоколлажем и меню пустое место. Откуда оно появилось? Как его убрать? Подскажите, плиз.

    Asked by allmoney.ws,

    0 votes
    12 answers

  24. Отступ в FireFox

    * { margin: 0px; padding: 0px; } #header { height: 80px; background: #00161f url('images/header_bg.png') no-repeat; } <div id="header"></div> Даже не знаю как быть?????

    Asked by svdsLis,

    0 votes
    4 answers

  25. Отступ в html верстка меню windows 8, квадратики

    Доброго дня, друзья у Вас абсолютно замечательный форум, и сайт, надеюсь на Вашу помощь. Статью уже почитал. http://htmlbook.ru/faq/theme/margin можете мне обьяснить более популярно? Был на курсах html css 0 уровень, вот задача сверстать меню windows 8 как сделать так, чтобы квадратики были не 4 подряд, а чтобы было 2 строчки первая строчка - 2 квадрата вторая строчка - 2 следующих квадрата ? Как управлять квадратами? Как Стать Властелином Квадратов? С уважением. Ларин Иван css такой https://yadi.sk/d/t_he7WNNhaWXX

    Asked by IvanLarin,

    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