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 по ширине родителя

    Добрый вечер! В приложении скрин с самой проблемой. Необходимо все блоки поставить на одну высоту с родительским дивом. посоветуйте что можно предпринять, в нете нашел и опробовал массу вариантов. Но ничего не сработало. #left-column .product { float: left; background: url(images/product-right.png) repeat-y top right; position: relative; width: 238px; height: 100% !important;} .product .product-content { padding: 24px 23px 19px 24px; width: 193px; background: url(images/product-bottom.png) repeat-x bottom left;} .product a.image { display: block; position: relative; } .product a.image:hover { text-decoration: none; } .product-content span.ta…

    Asked by merabillis,

    0 votes
    1 answer

  2. div поверх canvas

    Здрасьте. Пытаюсь поместить div поверх canvas. Ничто не помогает, даже z-index. Div просто уходит под канвас. Помогите.

    Asked by ANTIGREEFER,

    0 votes
    2 answers

  3. Div поверх gmap

    Вобщем есть картинка, которую нужно разместить поверх гугл-карты. Z-index не помог. Есть ли способ? Привожу код страницы: <!DOCTYPE html "-//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"/> <title>Гугокарты</title> <script src="http://maps.google.com/maps?file=api&v=2&key=abcdefg" type="text/javascript"></script> <script type="text/javascript"> function initialize() { if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map")…

    Asked by Lakrein,

    0 votes
    11 answers

  4. div поверх iframe

    Задача в том что поверх ролика повесить поцентрк рекламу, делаю так,но безрезультатно <html> <style type="text/css"> .block1 { position:absolute; z-index:2 } .block2 { position:relative; z-index:1 } </style> <script type="text/javascript" src="//cdn.o333o.com/embed.js"></script> <body bgcolor=blue> <div class="block1" position: absolute;> <iframe width="510" height="400" src="" frameborder="0" scrolling="no" allowfullscreen></iframe> <div class="block2" position:relative;> <iframe class='na' src='' frameBorder='0' scrolling='no' width='300' height='250'></…

    Asked by Кузьменко андрей,

    0 votes
    2 answers

  5. DIV поверх всего контетна

    Здравствуйте! Скажу сразу, начитался много разных тем, в основном все сходится к z-index, но только не в моем случае, к сожалению. Имеется длинный выпадающий список (объект 1), который является div-ом. Проблема в том, что какое-бы высокое значение z-index я не ставил данному списку, его всеравно закрывает безобразный объект <li> (объект 2). И вот что мы видим (прилагаю скрин) http://imglink.ru/show-image.php?id=516710a43ae43d8ea382c8a9c1f58df3 Код объекта 1: .submenu { color: black; background: white; position: absolute; top: -8px; z-index: 100; width: 250px; display: none; margin-left: 10px; padding-bottom: 10px; border-radius: 6px; box-shadow: 0 9px 40px rgba(0,…

    Asked by Artur Boss,

    0 votes
    1 answer

  6. DIV поверх изображения

    Всем доброго времени суток, посоветуйте как расположить div поверх изображения при такой структуре <div id="content"> <div id="text_content"> Text here..... </div> <img src="pic.jpg" /> </div> Изображение должно быть на весь блок #content , a #text_content поверх изображения Главное чтобы не было div'ов с position:absolute , ну чтобы #content растягивался в зависимости от содержимого #text_content Спасибо.

    Asked by romanov,

    0 votes
    5 answers

  7. div под div'ом

    Подскажите пожалуйста: код. Как можно сделать так, чтобы один див располагался под другим, без применения отрицательного margin-top и любых других вариаций отрицательного смещения?

    Asked by Arinden,

    0 votes
    8 answers

  8. Div под divом

    Здравствуйте. Есть небольшая задача, которую я со своим уровнем знаний не могу решить. Необходимо там, где на скрине отмечено желтым написать 14 Кб, 456х235. Я не знаю, как туда вставить еще один div, чтобы он шел строго параллельно с картинкой и равнением посередине. Вот код: <div class="reply"><a id="33206"></a><div class="thumb" style="background-image: url('/m2-ch/fa/thumb/1301815846059s.jpg');"></div>03 Апр, 11:30 <span class="reflink">#33206</span><br />Текст сообщения</div> .reply { background : #ddd; border : 1px solid #ccc; margin: 5px; padding: 5px; overflow: hidden; } .thumb { float : left; border…

    Asked by 7ion,

    0 votes
    3 answers

  9. div под размер сожержимого

    Здравствуйте, как можно растянуть div по размеру содержимого? <div class="block_games"> <div class="game_title"> <a href="" class="img_game" rel="bookmark" title=""> <img src="img/test.png" alt="Name Game" height="85" width="85"> </a> <a href="" rel="bookmark" title=""> <span> Game </span> </a> </div> </div> .block_games{ border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc; margin: 5px 0px 5px 0px;…

    Asked by Cooooop,

    0 votes
    2 answers

  10. div поместить вместо iframe

    Доброго времени дня! На сайте в файле index.htm есть код который отвечает за поиск по сайту. Там же имеется iframe - как мне выводить результаты поиска в этот iframe. Вот сами коды/скрипты. <div id="page"> <form id="searchForm" method="post"> <fieldset> <input id="s" type="text" /> <input type="submit" value="Submit" id="submitButton" /> <div id="searchInContainer"> <input type="radio" name="check" value="site" id="searchSite" checked /> <label for="searchSite" id="siteNameLabel">Поиск в</label> <input type="radio" name="check" value="…

    Asked by HarPy,

    0 votes
    0 answers

  11. Div при наличии max-width все равно расползается.

    Ребят,помогите новичку. Очень тупо получается как-то.Почему у меня блок layout при заданном max-width все равно дальше расползается?header и footer при заданным max-width дальше не расползаются,а этот расползается. Вот что у меня получается:

    Asked by Temik2704,

    0 votes
    5 answers

  12. Div при уменьшении окна браузера IE рядом стоящие дивы прыгают в низ что делать

    Добрый день ! Вот стили div.title { height: 101px; width: 100%; } .logo { float: left; height: 101px; width: 265px; } .top_line { float: left; height: 101px; width: 500px; } вот код HTML <div class="title"> <div class="logo"> <a href="main.html" target="_parent"><img src="images/logo.jpg" /></a> </div> <div class="top_line"> <a href="main.html" target="_parent"><img src="images/logo.jpg" /></a> </div> </div> начинаю сужать окно браузера и вдруг правая картинка пропадает точнее прыгает вниз пробывал дать минимальный размер тоже самое в IE в FireFox все хорошо помогите плиз не хочу табл…

    Asked by bgraf,

    0 votes
    5 answers

  13. div приклеился к низу

    В общем ситуация: есть шапка сверху, под ней слева сайдбар. Справа от него по идее должен быть ещё один див с чем-либо. Проблема в том, что он всё время находится внизу - или под сайдбаром, или сбоку от него, но тоже приклеенный к низу. При флоат: райт он почему-то вообще съезжает под див в котором находится и висит вне его. Как можно вытащить его наверх? Кстати, сайдбар при флоате тоже почему-то уходит из большего дива

    Asked by Peekit,

    0 votes
    9 answers

  14. div пристыкованный к низу родительского div'a

    Мне нужно, что бы div всегда был прижат к ниху родителя. Погуглил - пишут, что надо родителю дать position: relaive; а вложенному - position: absolute; Но, я так понимаю, что это сработает, только если у родителя явно через css задана высота.. В моем же случае высота явно не задается.

    Asked by Ichigeki,

    0 votes
    5 answers

  15. Div прячется под картинку. Как это отменить?

    Здравствуйте! Все мозги сломал уже. Поднимаю с помощью margin блок div, содержимое блока идет сверху, а сам блок со своим бекграунд-колором прячется под картинку. https://www.youtube.com/watch?v=ZEmcwyijGLM&feature=youtu.be Понимаю, что вопрос плевый, и решение простое, но уже выбился из сил его искать. Помогите пожалуйста. Нужно что-бы блок полностью был на фоне картинки. Вот код (выбросил все ненужное, оставил саму суть): HTML <!DOCTYPE html><html> <head><title>qqq</title><link rel="stylesheet" type="text/css" href="styles.css" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head> &l…

    Asked by Alok,

    0 votes
    2 answers

  16. Div растягивает окно браузера

    Всем здравствуйте. Хочу сделать предпросмотр фотографий для галереи с прокруткой (типа паровозик). Есть див с заданной шириной (меньше окна браузера) и overflow: hidden, а внутри его прокручивается длинный див с картинками, ширина больше окна (1500px). При просмотре страницы в FF внутренний длинный див отображается нормально. Но в ИЕ он разтягивает окно браузера на всю свою ширину. Подскажите как можно это обойти? Спасибо <style> #outerdiv { overflow: hidden; position: relative; width: 860px; } #innerdiv { position: relative; width: 1500px; } </style> <td align="center"> <div id="outerdiv"> <div id="innerdiv"> <img class=…

    Asked by danie,

    0 votes
    5 answers

  17. DIV растягивается по всей ширине родителя

    Добрый день, вдруг возникла такая проблема, DIV, находящийся в ячейке таблицы вдруг стал растягиваться по всей ширине ячейки, хотя содержимое DIV'а по ширине меньше. <td class="blog_type_td"> <div elem_id="8" onclick="click_type_or_tag(this)" class="blog_type" style="border-bottom: 1px dashed rgb(255, 102, 102); color: rgb(255, 102, 102);" color="ff6666">Раздел</div> <div elem_id="1" onclick="click_type_or_tag(this)" class="blog_type_tag">пункт 1</div> <div elem_id="2" onclick="click_type_or_tag(this)" class="blog_type_tag">пункт 2</div> <div elem_id="3" onclick="click_type_or_tag(this)" class="blog_typ…

    Asked by ХОЛОДный,

    0 votes
    4 answers

  18. div растянуть на высоту ячейки таблицы

    Вобщем в каждой ячейке таблицы лежит по div(в некоторых может лежать два). Никак не получается растянуть div по высоте во всю ячейку. есть только вот так: div имеет красный фон для наглядности height: 100% не дает нужного эфекта

    Asked by bodnar,

    0 votes
    17 answers

  19. DIV родитель

    CSS: .project{clear: both; border: 1px solid #ccc; } .pr-photo{position: relative; float: left;} .pr-description{position: relative; float: left;} HTML: <div class="project"> <div class="pr-photo">текст</div> <div class="pr-description"> <span class="name">Название</span> <p>Описание</p> </div> </div> Получается так, что div с класом project не растягивается по высоте вложенным дивом. Как быть? Прошу прощения за создание темы, поиск помог. overflow: hidden

    Asked by easlanov,

    0 votes
    0 answers

  20. div с margin-left вылезает за экран но прокрутка не появляется

    Здравствуйте Подскажите, пожалуйста, как правильно решить Сверстал страницу как на скриншоте, понадобалось добавить небольшой информационный блок слева от основного контента, выделен зелёным. Для левого зелёного блока выставил отрицательный margin-left и float. В итоге при уменьшении размера окна маленький блок скрывается, а прокрутка не появляется. Можно сделать через side-bar. Но во-первых придётся выравнивать скриптом положение блока по вертикали, чтобы он был напротив зелёного соседа, во вторых на других страницах нет сайдбаров, хотелось обойтись без него чтобы ничего не поломать. Это решаемо?

    Asked by zheka2,

    0 votes
    9 answers

  21. div с ul, li. не корректн. отображение списка в ие8

    Добрый день. В общем так, сверстал меню, в опере, фф, ie9 отображается отлично, а в ie8 крайняя правая кнопка смещена вниз. ширина блока фиксированная... код прилагается. Уже все перепробывал, что упускаю?? #menu { width: 900px; margin:5px auto; height:30px; } #menu ul { list-style: none outside none; display: inline; } #menu li { background: none repeat scroll 0 0 #F4F4EC; border-bottom: 4px solid red; display: block; float: left; list-style: none outside none; } #menu li a { border-color: #E1E1D3; border-style: solid; border-width: 1px 1px 0; color: #44494F; display: block; float: left; font-size: 13px; …

    Asked by s3p,

    0 votes
    4 answers

  22. div с абсолютным позиционированием внутри td с относительным. Chrome - ok, ФФ - все плохо

    Здравствуйте! Столкнулся со следующей проблемой. Есть строка таблицы, в последней ячейке которой появляется крестик, для удаления строки. Все выглядит вот так: Этот скрин сделан в хроме, где все отображается хорошо. Но в фф появляется проблема - все эти крестики складываются "стопкой" в верхнем правом углу страницы. У последней ячейки позиционирование относительное, у крестика - абсолютное. Вот пример разметки таблицы: <table class="content-table campaignsList"> <cation>cccc</caption> <tbody> <tr> <th> <div class="inner"> <span class="text">cccc</span>…

    Asked by cartrege,

    0 votes
    5 answers

  23. DIV с динамической высотой

    всем привет, можете подсказать как сделать DIV'футера с динамической высотой. То есть чтобы он прилипал к низу страницы и растягивался до предыдущего блока, если у предыдушего блока высота уменшается высота футера увеличивался.

    Asked by best_master,

    0 votes
    7 answers

  24. div с динамческой высотой

    Есть div с шириной и высотой 100% для фона. В нем сам контент страницы. Если тело страницы не доходит до края окна браузера под телом фон не отображается. Пробовал поставить высоту 200%, но это не помогает. Как мне заставить фон заполнять полностью окно браузера? Прописать фон к body не подходит, так как он залезает на тело страницы.

    Asked by apexis,

    0 votes
    4 answers

  25. DIV с заданной шириной в TD с colspan

    Мой код: <table style="width: 500px;"> <tr> <td colspan="5"> <div style="width: 500px;">colspan_5</div> </td> </tr> <tr> <td colspan="1"> <div style="width: 100px;">colspan_1</div> </td> <td colspan="3"> <div style="width: 300px;">colspan_3</div> </td> <td colspan="1"> <div style="width: 100px;">colspan_1</div> </td> &…

    Asked by see613,

    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