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. Div не соображу. помогите новичку.

    ситуация такая. есть 2 изображения. их нужно поместить в Div. прич?м каждый в свой. первый Div должен быть постоянно привязан к низу странички в браузере и иметь фиксированную высоту. второй должен быть привязан к верху. он должен чуть, заходить за первый Div. и при растяжении страницы по вертикали второй див должен растягиваться. помогите пожалуйста. Чтобы нагляднее отобразить, прикрепляю картинку. http://baner.lab-host.ru/compress.jpg Как она есть, так она и должна отображаться в браузере. Получается, что "поляна" - первый div Небо - второй div

    Asked by hos,

    0 votes
    9 answers

  2. div не так отображается в IE

    Вот код: <!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> </head> <body> <div id='blok' style='background: white; text-align: center;"> много текста </div> </body> </html> css: body,html { margin : 0; padding : 0; height:100%; max-height:100%; overflow: hidden; } #blok { position: fixed; top: 75px; left: 190px; bottom: 50px; right: 0px; overflow: auto; } При таком коде в IE отображается только часть текста и нет полосы прокрутки ... Если поменять fixed на abs…

    Asked by voodoo,

    0 votes
    5 answers

  3. DIV не тянется

    Есть такой код, необходимо чтобы текст не вылазил за нижнюю границу DIV'а. <!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> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>Untitled 1</title> <style type="text/css"> html, body{ height:100%; margin:0px; padding:0px; } p { padding:0px; } </style> </head> <body> <div style="border: medium black solid; height:100%; width: 208px;"> <p> Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed…

    Asked by shkurinr,

    0 votes
    2 answers

  4. Div не фиксируется в IE

    Есть панелька, приклеенная к низу браузера. Во всех браузерах, кроме IE работает нормально. В ИЕ "едет" при скроллинге. Как исправить? http://www.minki.ru/mininotebooks.php?ddd=2

    Asked by enio,

    0 votes
    4 answers

  5. div не хочет влезать в родительский div

    По коду в тег div входит ещё несколько div-ов, проблема в том что в браузере это не отображается, все это слои ставятся отдельно от родительского div-а . На сайте главный div выделен белой рамкой, а div в котором должны находится меню, главная колонка выделен красным. помогите найти ошибку в сайте вот ссылка на народ, если мой комп опять демоны выключат /*stylesheet*/ body {background:url(img/ev_bg.jpg) repeat-x black ;margin:0; padding:0px } img {border:none} #ev{ background:url(img/col_bg.gif) ; width:1024px; margin:0 auto; padding:0px; border:5px #FFF solid } #top {color:white; width:1024px; height:52px; background:#000; margin:0px; …

    Asked by Winni,

    0 votes
    5 answers

  6. DIV не хочет растягиваться по вертикале (в Опере)

    Мужыки, привет! Вот код: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <title> </title> <link rel="stylesheet" type="text/css" href="styles.css" media="screen"> </head> <body> <div id="body"> <div id="header"> Заголовок </div> <div id="content"> <div id="leftcol"> <div class="leftcol-component"> Поиск по... фамилии, адресу и т.д. </div> <div class="leftcol-component"> Консультант он-лайн </div…

    Asked by acid,

    0 votes
    9 answers

  7. Div не хочет растягиваться по высоте

    Код примерно такой: <div class="wrapper"> <div class="content"> <div class="post-1"> </div> <div class="post-2"> </div> <div class="post-3"> </div> </div><!-- END content --> <div class="sidebar"> </div> </div><!-- END wrapper --> .wrapper никак не хочет растягиваться по высоте. Пробовал прописывать height:100%; min-height:100%; height: auto; но ничего не помогает. Что делать?

    Asked by SEObomj,

    0 votes
    12 answers

  8. div неправильной формы. я в замешательстве.

    Добрый день! есть такой сайт , при скролле появляются картинка справа, и вот нужно сделать что бы при переходе было вот так . я в замешательстве, получается что первый слайд должен быть неправильной формы, толи.....даже не могу пока предположить что делать.... может у кого есть мысли какие то? Всем спасибо!

    Asked by laliev,

    0 votes
    0 answers

  9. Div нерастягивает родительский.

    Собственно самый что ни есть ламерский вопрос. есть div. в нем ещё два diva в две колонки. Как сделать, чтобы родительский div растягивался не только если у дочернего есть контент, но и если просто задан height.

    Asked by ADV,

    0 votes
    6 answers

  10. Div обертка контента

    Добрый вечер. Опыта создания шаблонов с ноля у меня нет, по этому возникла проблема. Суть проблемы: <div id="контейнер"> 2 колонки с содержанием(div) </div> стили html Контейнер имеет белый фон и рамку, но почему-то получается, что эти колонки не находятся внутри div(контейнер),так же возникает проблема с футером, который находится внизу. Что самое интересное, взаимопонимание возникло только с браузером Opera, в нем можно посмотреть, что я в итоге хочу получить. Посмотреть саму страницу можно тут. В итоге: Все отображается как надо в Opera, в остальных с проблемами.

    Asked by berg12,

    0 votes
    5 answers

  11. DIV обрезает букву

    Есть обычный блок, случайно заметил, что левая вертикальная палочка большой буквы "Д" обрезана. Текст в блоке выровнен по ширине. С чем это может быть связано?

    Asked by revresbo,

    0 votes
    15 answers

  12. div определяется не как блочный элемент....

    Помогите в очередной раз. В IE определятся не как пустой блочный элемент, а как содержащий текст. Т.е. высота равна высоте шрифта, когда меняю размер шрифта соответственно меняется и высота, но этот див не содержит текста никакого, только картинки высотой по 8 пикс.

    Asked by Nomo,

    0 votes
    4 answers

  13. DIV остаётся точно по центру экрана даже с появлением Scrollbar'a. Как?

    Есть DIV размерами 500px * 500px по центру окна. С появлением вертикального скроллбара он смещается на 10px влево. Как этого избежать? Интересует, как это сделать без Javascript? А если с Javascript, то как сделать так, чтобы при прорисовке он сразу отображался по центру, а не слева и через долю секунды по центру. Спасибо!

    Asked by Горыныч,

    0 votes
    6 answers

  14. DIV отдельным слоем

    На странице имеется DIV с JS, который загружается с другого сервера. Т.к. картинка, выводимая скриптом находится в шапке, то когда сервер с JS не доступен - на сайте загружается шапка и долго ид?т ожидание ответа сервера с JS, и только потом грузится вс? остальное содержимое страницы. Как вариант решения проблемы вижу размещение DIV c JS в конце кода страницы с абсолютным позиционированием, но выводимая картинка находится на резиновом сайте и должна быть выравнена по правому краю страницы (а как это сделать на резиновом дизайне?) + абсолютный отступ сверху. Подскажите, как правильно решить проблему?

    Asked by allmoney.ws,

    0 votes
    1 answer

  15. div падает

    В общем, в div container у меня внутри три div-блока. Размером 20%, 55% и 25% соотв. Для расположения их по горизонтали я применил свойство float:left. Проблема: При попытке расширить средний блок (то есть, увеличить содержимое в ширине) (1) 55%, третий блок (2) 25% просто падает под него, не оставаясь на месте. А вставка background-image вообще работает неадекватно. Изображение вставляется только на 10%, словно обрезанное. max-width: 960px; - блока(1) Заранее благодарен за любую помощь. Я пока только учусь вёрстке. Много чего на практике только испытываю.

    Asked by P0jar,

    0 votes
    6 answers

  16. div падал до конца страницы

    у меня трёх колоночный макет из див блоков, внизу есть футер, как сделать что бы все блоки див до низу падали, а то падает только тот у кого инфы больше

    Asked by zedart,

    0 votes
    6 answers

  17. DIV по высоте экрана

    Друзья, можно я задам вам вопрос.?! Задумка, сверху див во всю ширину экрана пользователя(1) но под дивом идет еще и контент (5)(если прокрутить вниз(2)), на экране разных пользователей с разной высотой экрана(3), верхний див будет растягиваться на всю высоту которую позволяет экран. Для наглядности нарисовал картинку вот ссылка. Спасибо за внимание, а за помощь респект большой.

    Asked by getalusk,

    0 votes
    6 answers

  18. DIV по длине контента

    Здравствуйте, подскажите как сделать DIV по длине контента. Заранее спасибо!

    Asked by Druzhishe,

    0 votes
    7 answers

  19. DIV по середине

    У меня такая проблема как сделать чтобы блок див был по середине в Internet Explorer 8? маргин авто результатов не даёт(((( в этом блоке должен быть весь сайт..... в других браузерах прописывал марген авто и было всё норм....

    Asked by Bleach,

    0 votes
    1 answer

  20. div по центру

    Здравствуйте. Задача - выровнять блок div по центру по вертикали и по горизонтали. Использую решение margin: 0px auto; , но оно не работает ни в Файрфлкс, ни в IE Есть ли ещё способы? Помогите! Спасибо

    Asked by OlegALL,

    0 votes
    11 answers

  21. div по центру

    здравствуйте есть html: <div class="head"> <div class="left"></div> <div class="center"></div> <div class="right"></div> </div> и css: .head { overflow: hidden; } .left { float: left; } .right { float: right; } как сделать <div class="center"></div>, по центру блока head? margin: 0 auto; не помогает. спасибо

    Asked by vvsh,

    0 votes
    8 answers

  22. div по центру

    Подскажите пожалуйста, как выровнять див с картикой по центру и по горизонтали и по вертикали, и что бы при ресайзинге картинка оставалась по центру? Пробовал min-height для обертки, а потом от обертки делать отступ, но все равно не работает. Спасибо заранее

    Asked by DImas95,

    0 votes
    2 answers

  23. div по центру (отличается от предыдущей темы)

    div.general { display:block; margin-left: ???????; margin-right: ??????; margin-top: 0em; margin-bottom: 3em; width: 50em; height: 120em; border-width: 1px; border-style:dashed; } что нужно написать в этих маргинах, чтобы блок всегда выравнивался по центру в горизонтали при любом разрешении монитора пользователя?

    Asked by Gatto,

    0 votes
    4 answers

  24. Div по центру c position:absolute;

    Столкнулся с такой проблемой,делаю галерею на сайте. При нажатии появляется div с картинкой,и все сделал,но мне нужно чтобы этот div был по центру страницы. Как вы понимаете,для div стоит position:absolute; и z-index; Что делает невозможным выставить его по центру. Прописать margin-left - не получается,т.к. картинки разные по размеру. Вот css для div #conteiner_2{/* фон в гал */width: auto;height: auto;visibility: hidden;opacity:0;position:absolute;z-index:4;border: 2px solid #328efd;background:white;border-radius:25px;-webkit-transition: opacity 400ms,width 400ms,height 400ms,visibility 400ms ;}Вот у меня и возникла проблема,как сделать блок по центру,но при этом чтоб…

    Asked by BeetleJuice541,

    0 votes
    4 answers

  25. Div по центру.

    У меня есть блок div в котором будут разные(по высоте и ширине) картинки. Мне нужно чтобы этот div был по центру страницы. margin-left:50%; - помогает,но отступ от левого края 50%,а сам div далеко не по центру. Как это можно исправить?

    Asked by BeetleJuice541,

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