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. Margin при наведении

    Добрый день. На сайте при наведении мыши на логотип следующий блок смещается в право на несколько пикселей. Подскажите пожалуйста, как поправить?

    Asked by jdk,

    0 votes
    3 answers

  2. margin рассчитывается не от родителя

    margin - "Устанавливает величину отступа от каждого края элемента. Отступом является пространство от границы текущего элемента до внутренней границы его родительского элемента." <!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" /> <style type="text/css"> #parent { height: 30px; width: 160px; margin: 15px 0 0 0; background: #848484; } #child { margin: 45px 0 0 0; border: 1px solid #000000; } </style> </head> <html> <body> <div id="paren…

    Asked by Arn,

    0 votes
    2 answers

  3. Margin сверху выходит за границу элемента - родителя. Как это можно исправить?

    У меня есть элемент-родитель - div белый прямоугольник, внутри него вставляю картинку, прописываю ей margin, с левой стороны оно передвигается нормально, а сверху не хочет.. Если посмотреть через инструмент разработчика, то видно, что margin есть, но оно выходит за границу div - родителя. Не понимаю, в чем проблема..причем проблема не только здесь, но и еще в некоторых местах. С таким сталкиваюсь впервые.

    Asked by Gonqi,

    0 votes
    3 answers

  4. margin сдвигает родительский блок

    Здравствуйте! Объясните пожалуйста, почему когда я прописываю margin-top блоку #mid_header - сдвигается вместе с ним родительский элемент #header? http://jsfiddle.net/NZ4FV/1/ Буду очень благодарен!

    Asked by Imperil,

    0 votes
    4 answers

  5. margin только для мозилы

    Нужно чтобы margin-left: и margin-top: в определенном классе видела только мозила. как такое сделать?

    Asked by Tchorteg,

    0 votes
    2 answers

  6. margin у элемента который касается границы браузера

    http://www.resultime.ru/ Вот страница. В ФФ футер маргин боттом отступает от нижнего края страницы. В ие7 + даже это происходит. А вот в хроме и опере футер плотно прижат к нижней части браузера. Такое ощущение что у элементов которые выходят за 100 процентный размер боди и хтмл и упираются в края браузера нельзя задавать маргины которые бы отодвигали эту границу. Есть решение добавить невидимый блок с прозрачным фоном и отодвинуть футер от прилипания к границе браузера. Но возможно вы мне подскажете решение без добавления лишнего элемента. Весь код в примере вынес в 1 файл что бы и стили и разметка была рядом.

    Asked by Whatsup,

    0 votes
    4 answers

  7. margin указанный в % не работает в firefox

    здравствуйте! указываю DIVу (margin: 1.5% 0;) везде нормально работает, а вот в мозиле, не работает вообще, в чем может быть проблема?

    Asked by веха,

    0 votes
    13 answers

  8. margin-bottom

    Всем салют. Проблема вот в чем: есть блок header, в котором размещен блок header_logo и блок bar, которые идут друг за другом по горизонтали. Но мне не удается разместить блок bar в самом низу блока header, свойство margin-bottom:0; просто не работает. Да и с любым другим значением оно не работает - блок bar просто кидает в сам верх. Хотя в то же время margin-left и margin-top работают как надо. В чем может быть проблема? Спасибо.

    Asked by Dayks,

    0 votes
    13 answers

  9. margin-bottom в IE6,7

    Что-то не могу понять, где я протупил. Есть блок со скруглёнными углами, внутри этого блока ещё один блок. Задаю внутреннему блоку margin-ы. Все браузеры вроде нормально реагируют, а вот IE6,7 на нижний margin не хотят обратить внимание. Почему? Вот ссылка: http://rubanys.narod.ru/index.html

    Asked by Belovsan,

    0 votes
    3 answers

  10. margin-bottom НЕ работает в Chrome и Safari

    Доброго времени суток ВСЕМ Специалистам CSS! Существует такая проблемка: display: table; position:relative; table-layout: fixed; border-collapse: collapse; background-color: Transparent; border: none !important; padding:0 !important; width:100%; margin-top:172px; height: 100%; margin-bottom:54px; во всех браузерах блок приподнимается на margin-bottom:54px; от зафиксированного футера, Кроме Chrome и Safari. Подскажите решение, не могу разобраться )))

    Asked by ni7k,

    0 votes
    4 answers

  11. Margin-left в IE и FF

    Доброе время суток! Столкнулся с проблемой неправильного позиционирования слоя. . top { background-image:url(top.png); width:800px; height:50px; margin-top:7px; margin-left:-25px; }... <div align="center"> <div class="top" > </div> </div> По идее и как это происходит в FF, слой должен центрироваться и сдвигаться в право на 25 px. В IE же он просто распологается по центру, не сдвигаясь вправо. Может существует хак под это дело? Или просто у меня руки из мозгов растут?=) Заранее спасибо=)

    Asked by JiMKE,

    0 votes
    4 answers

  12. margin-left в IE6 удваивается

    В IE6 удваивается марджин-лефт и сдвигает слой больше чем надо. Как с этим бороться подскажите плиз <!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=windows-1251"> <title>Untitled</title> <style> * { margin: 0px; padding: 0px; } #osnova{ width:100%; height: 100%; min-width:1000px; } #bodier{ height: 100%; background:#CFCFCF; position: relative; z-index:0; } #left_body{ width: 100%; height:600px; z-index:0; position: relative; } #podlogo{ backgro…

    Asked by rokkkky,

    0 votes
    4 answers

  13. Margin-left для FF

    вопрос решен

    Asked by Tchorteg,

    0 votes
    2 answers

  14. margin-right в IE

    есть такой код (это сокращ?нный вариант, но суть отображает полностью): <html> <body> <div style="margin-right: 600px; border: 1px solid red; overflow: hidden;"> фывафыва фываыв аджлфыоав должфырв алдорфыв алдрфыв jhgjhgjhgighklhglhkljhkljhkljhkljhlkjhjkhkjhkjhlkjhlkjhkljh;liojojli;h;luihoiu </div> </body> </html> Для чего это надо? Надо, чтобы содержимое при разном размере контейнера заполняло его по ширине, оставляя постоянно справа поле фиксированной ширины под другие данные... В FF вс? работает отлично (попробуйте поизменять размер окна браузера...) В IE - посмотрите, что делает эта какашка... Необходимо решение проблем…

    Asked by ZoNT,

    0 votes
    2 answers

  15. Margin-right в блоке

    Здравстуйте,есть блок(резиновый) нужно вставить в него 2 картинки с отступом справа вот так: http://itmages.ru/image/view/269207/0cb2979a , подскажите как это сделать? #content { height:400px; margin: 40px 75px 40px 63%; padding: 3px; border: none; min-width:350px; max-width:550px; } .conten { background: transparent;line-height:35px ;height:400px ; } .conten h1, .conten p { margin:0 10px; } .conten p { padding-bottom:0.5em; } .conten .b1 { display:block; overflow:hidden; height:1px; margin:0 4px; background:#9c9eb2; border-left:1px solid #9c9eb2; border-right:1px solid #9c9eb2; margin:0 5px; font-size:1px; } .conten …

    Asked by Rambo2045,

    0 votes
    2 answers

  16. margin-right и margin-left не слетают

    решил сделать две картинки по краям сайта в блоках. <div id="lv"></div><div id="rv"></div> когда использую только margin-left в блоках то все работает, но кривовато. а если использовать margin-right и margin-left они слепляются влево друг на друга.(пробовал в хроме и в файрфоксе) #lv { position: absolute; z-index: 1; width: 100%; height: 100%; overflow:hidden; background-image: url('../images/lv.png'); background-repeat: no-repeat; margin-top: 10%; margin-left: 1% } #rv { position: absolute; z-index: 2; width: 100%; height: 100%; overflow:hidden; background-image: url('../images/rv.png'); background-repeat:…

    Asked by z13,

    0 votes
    2 answers

  17. margin-right не работает в IE

    Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" "http://www.w3.org/TR/REC-html40/loose.dtd"> <html lang=ru> <head> <title>New Land</title> <META NAME="Keywords" CONTENT="—————-"> <META NAME="Description" CONTENT="————--"> </head> <style type="text/css"> body {background-color: black; margin: 0 0 0 0;} .text {position: fixed; top: 20px; margin-left: 150px; margin-right: 150px; font-family: Arial; font-size: 12pt; color: white; text-align: justify;"} </style> <body> <div style="position: fixed; left: 0; top: 0;"> <img src="l.png"><br><img src=…

    Asked by maleficmax,

    0 votes
    4 answers

  18. margin-right:-100%

    В этом примере, в слое с классом leftblock margin-right:-100% (видимо для резины??) Как понять margin-right:-100% ??

    Asked by DrStrangeLove,

    0 votes
    2 answers

  19. margin-right:-100% (помогите разобраться)

    Здравствуйте! Есть сайт генератор HTML and CSS. Хочу разобраться с постройкой структуры кода. Выбрал резиновый с эмуляцией одинаковых строк. Пытаюсь понять св-во margin-right:-100%, не пойму принцип действия. Применять то можно, очень важно и хочется понять (разобраться). Помогите пожалуйста со структурой кода?

    Asked by pattaya,

    0 votes
    11 answers

  20. margin-top

    html код: <body> <div id="wrapper"> <div id="block"> <p>Супер текст</p> </div><!--#header--> </div><!--#wrapper--> </body> css код: #wrapper {margin: 0 auto; width: 800px;} #block {height: 150px; background: #009933;} #block p {text-align: center; font-size: 26px; margin-top: 20px; background:#0099FF;} Собственно вопрос: почему margin-top для "p" делает отступ от окна браузера, а не от блока #block.

    Asked by artylion,

    0 votes
    5 answers

  21. margin-top

    почему навигация не опускается вниз на 10px? http://jsfiddle.net/zPFLR/

    Asked by DivMan,

    0 votes
    2 answers

  22. margin-top для p опускает div

    <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>Документ без названия</title> <style> *{margin:0;padding:0;} .bl_1{ height:54px; width:403px; background:#000; font-size:27px; color:#fff; font-weight:bold; } .bl_1 p{ text-align:center; } .bl_2{ background:#ffd500; width:136px; height:49px; margin:3px 3px 2px 3px; color:#000; float:left;} .bl_2 p{text-align:center;margin-top:10px;} </style> </head> <body> <div class="bl_1"><div class="bl_2"><p>АВТО</p></div><p>ХИМЧИСТКА</p></div> </body…

    Asked by Krote,

    0 votes
    1 answer

  23. margin-top и margin-bottom

    Вопрос явно простой, искал ответ во всей сети - ненашел, Есть таблица с двумя строками и двумя рядами: верхняя строка - одна ячейка (colspan="2"), нижняя строка состоит из двух ячеек. В верхней строке-ячейке лежит jpeg, в правой-нижней ячейке - текст, а в левой-нижней с помощью div'а размещается gif: <html> <head> <title>test margin</title> </head> <body> <table align="center" bgcolor="#d7d7d8" border="1"> <tr> <td colspan="2"> <div style="margin-top:0px;"> <img src="" width="200" height="100"> </div> </td> </tr> <tr> <td> <div style="margin-top:0px;"> &l…

    Asked by cx717,

    0 votes
    6 answers

  24. Margin-top и вложеные дивы.

    Столкнулся с непонятной для себя проблемой: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html><head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> html, body {height:100%} body { padding:0; margin:0; } #outer{ min-height:100%; background-color: #00FF99; width: 850px; position: relative; left: 50%; margin-left: -425px; } * html #outer{height:100%} #header{ width:100%; height:140px; background:#FF0000; margin-top: 100px; } </style> </head><body> <div id="outer"> <div id="header"></div> …

    Asked by McGregor,

    0 votes
    3 answers

  25. margin-top производит не тот еффект, который должен

    Добрый всем вечер. Помогите, лыжи уже совсем не едут... Задавая отступ сверху или снизу, выходит что происходит не отступ дочернего элемента от родительского, а отступ родителя от прародителя <body> <div class="content_bg_all"> <div class="content_bg"> </div> </div> </body> .content_bg_all{width:950px; margin:0 auto; background:url("../images/px_topmenu.png") repeat;} .content_bg{width:910px; margin:20px auto; background:#fff;}

    Asked by fr1run,

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