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://jsfiddle.net/y3xmG/ Почему элемент не располагается в центре окна браузера?

    Asked by daniluch,

    0 votes
    1 answer

  2. позиционирование

    Добрый день! Нужна помощь! Помогите разобратся с позиционированием. есть 3 блока и css к ним: <div class="header"> </div> <div class="bar"> </div> <div class="slider"> </div> div.bar { background-image: url(images/bar.png); height: 50px; width: 1000px; margin: auto; margin-top: -25px; position: absolute; } div.header { background-image: url(images/fon.png); height: 151px; width: 1200px; margin: auto; } div.slider { background-image: url(images/slider.png); height: 300px; width: 1200px; margin: auto; } Блок BAR встает к левому краю страницы хотя задан для него margin: auto; Если отключить position: absolute; то он встает по центру, но …

    Asked by wert-one,

    0 votes
    1 answer

  3. Позиционирование

    День добрый. Столкнулся с проблемой позиционирования. Вот код <html> <head> <style type="text/css"> #basket{ margin:0px 0px 0px 300px; width:200px; height:70px; padding:5px; float:left; } #basket > div{ border-radius: 3px; border: 1px solid #CCCCCC; background-image: -o-linear-gradient(top, #FAFAFA, #F2F2F2); padding:5px; overflow:hidden; border-bottom-color: #138CB3; border-left-color: #1391B9; border-right-color: #1391B9; border-top-color: #1496C0; } #basket > div > img{ float:left; border:none; } #basket-text{ margin:8px 0px 0px 60px; } .wiev-hover{ display:none; position:absolute; width:350px; min-height:200px; border-radius: 3px; border-b…

    Asked by 3d_max_9,

    0 votes
    4 answers

  4. позиционирование

    Кто знает подскажите, есть слайд шоу готовое(сделанное на CSS - с помощью форм), в нем есть кнопочки переключатели на каждую картинку, див контейнер имеет относительное позиционирование, кнопочки соответственно абсолютное, задача в том что нужно вынести эти кнопочки за пределы контейнера родителя, чтобы они были под слайд шоу, но это не получается сделать так как кнопки привязываются к самому близкому относительному контейнеру коем есть это слайд шоу! хз как сделать, может помогёте чем , спасиб

    Asked by igornagorny89,

    0 votes
    4 answers

  5. Позиционирование

    Есть примерно такой html: <div class="container"> <div id="bloсk1">Высота контента может быть любой</div> <div id="bloсk2">Высота контента может быть любой</div> <div id="bloсk3"></div> </div> Возможно ли block3 поместить между block1 и block2, не изменяя html?

    Asked by ssrn,

    0 votes
    4 answers

  6. Позиционирование

    Приветствую! Как картинку, поместить под меню? <!--Menu--> <center><img align="center" src="img/logo.png" width="500px;"/></center> <ul> <li><a id="mm" href="#">Биография</a></li> <li><a id="mm" href="#">Фото</a></li> <li><a id="mm" href="#">Видео</a></li> <li><a id="mm" href="#">Контакты</a></li> <div id="social"><a href="http://vk.com/bmx.prorider" target="_blank"><img src="http://izfetra.ru/wp-content/uploads/2014/06/vk_button_c.png" width="25px"/></a></div> </ul> <!--/Menu…

    Asked by Vans,

    0 votes
    6 answers

  7. Позиционирование

    Привет, такая проблема: - есть блок в состоянии покоя маленький - только фото; - при наведении курсора блок растет ( принудительно указана фиксированная высота в 500 пикселей), под фото появляется текст. - этот текст был скрыт ( display:none ). при наведении он становится видимым ( display:block ) раз, position:absolute - два. абсолютным для того, что элементы снизу не смещались вниз при резком увеличении блока, а чтобы он их покрывал. Все ок. только когда наводим курсор на блоки в последней строке ( их много) граничащих с футером, то футер прыгает вверх и его верхняя граница фиксируется на уровне середины изображения. Почему может смещаться футер и как сделать так…

    Asked by noobHTML,

    0 votes
    2 answers

  8. позиционирование

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

    Asked by rpmcmerphy,

    0 votes
    3 answers

  9. Позиционирование

    Доброго времени суток. Подскажите пожалуйста, как разместить иконку и текст на вкладке главного меню спозиционировав их по центру друг над другом. Позиционировать блоки или элементы внутри блока умею. Но здесь не пойму. Может нужно ссылку отобразить блочно, и потом размещать img и текст внутри?

    Asked by grabarartem,

    0 votes
    4 answers

  10. Позиционирование

    Не могу плотно расположить лого сверху. Вот как задумано:

    Asked by denielkuzo,

    0 votes
    1 answer

  11. Позиционирование :after-блока относительно table-cell

    Играюсь с менюшкой со всем известного макета level3 с divhack. Там нужно под каждым пунктом меню разместить треугольный указатель. С фиксированным вариантом все замечательно: генерим через :after блок, поворачиваем, и позиционируем относительно самого пункта меню. Получается что-то такое. Резиновый вариант меню решил сделать на таблице, но тут старый подход ведет себя иначе. По идее, каждый <a> должен генерить по блоку-указателю, который смещаем на 50% от ширины каждого же <a>. Подскажите пожалуйста, тут какой-то нюанс с таблицами, или я просто что-то банально пропустил и не вижу?

    Asked by Kray Storm,

    0 votes
    2 answers

  12. Позиционирование (z-index)

    Приветствую! Просьба подсказать, какие свойства нужно добавить элементу div id="recall_form на сайте nravitsa-nosi.ru, чтобы форма обратного звонка находилась поверх всех остальных слоев?

    Asked by Makc_Rudy,

    0 votes
    3 answers

  13. Позиционирование CSS

    Здравствуйте. Не могли бы вы мне помочь, появилась такая неразрешимая проблема : Внутри одного div я хочу расположить рядом два слова. Прич?м, у них есть отступ сверху, например 10px, у первого слова слева - 5px, между первым и вторым словом: 10px. Пытаюсь сделать так, но получается ерунда: height:30px; padding-bottom: 0px;">wwwwww fffff Т.к. стоит div, слова получаются на разных строчках. Если я начинаю использовать float, то они отображаются на одной строке, но одно слово уходит влево, другое вправо. А мне надо, чтобы они оба были рядом слева.

    Asked by girl,

    0 votes
    3 answers

  14. позиционирование div

    в пределах <fieldset> есть набор однотипных div все они расположены в столбик один под одним, кроме одного - который расположен справа- точнее в верхнем правом углу, это за счет установки свойства float:right; все чудненько, а теперь вот необходимо под этим дивом установить еще один такой же, как я не мудровал с float, clear, ничего не получилось, они размещаются друг возле друга, а не один над другим, подскажите, пожалуйста, как сделать правильно.

    Asked by underW,

    0 votes
    3 answers

  15. позиционирование div

    Здравствуйте! Такая проблема- как прижать див к низу родительского элемента?Дело в том что если я делаю position:absolute; bottom:0; то блок прижимается к низу,но на некоторых страницах заезжает на стоящий выше контент!Точнее сказать контент "уходит" под этот блок.подскажите пожалуйста как исправить?Гуглила,но не могу понять в чем дело!

    Asked by Meri_Ann,

    0 votes
    8 answers

  16. Позиционирование DIV

    Ребят, я занимаюсь этим довольно не долго, нужна помощь.. Подскажите пожалуйста как разместить div обьекты так что бы внутри одного располагались еще 4 примерно в таких позициях.

    Asked by ivanovfcz,

    0 votes
    4 answers

  17. Позиционирование div css

    Есть меню, у одного из пунктов есть выпадающее подменю. Осуществленно через <div> Код: <div style='padding-left: 10; visibility:hidden; position:absolute; top:305; left:65%;'><BR> При при наведении на пункт меню JS код делает этот div visible. Но появляется он в разных местах в зависимости от ширины экрана. ( left:65% ) как можно решить проблему?

    Asked by b1ow,

    0 votes
    1 answer

  18. Позиционирование div при слоев: z-index

    Доброго времени суток! Возникла следующая ситуация: Необходимо расположить несколько div, которые в свою очередь, в процессе работы будут изменять свой размер в зависимости от контента в одну линию, на слою выше, чем подложка. Приведу пример: <div class="id_1" style="position:relative; z-index:1; height:20px; width:400px;"></div> <div class="id_2" style="position:relative; z-index:2; margin-top:-20px; height:20px; width:100px;"> <div class="id_2_1" style="float:left;height:20px; width:20px; margin-left:5px;"></div> <div class="id_2_2" style="float:left;height:20px; width:20px; margin-left:5px;"></div> <div class="id_2_3" s…

    Asked by MaxXxaM,

    0 votes
    8 answers

  19. Позиционирование div.

    Добрый день. Проблема заключается в следующем: Верстаю шаблон только div блоками под DLE. В main.tpl див блоки с классами, а в style.css свойства этих классов. Все было нормально, но потом Header сайта съехал прямо на центр браузера и там теперь все время отображается. Не могу понять почему! Пожалуйста помогите. Main.tpl: <!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 http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="stylesheet" type="text/css" href="{THEME}/css/style.css" /> </head&g…

    Asked by arthyrgrex,

    0 votes
    4 answers

  20. Позиционирование div'a

    Здравствуйте. Подскажите пожалуйста как отпозиционировать див по горизонтали, что бы он был всегда в центре? Вот css #head1 { background:url(../images/bg_h.png); position:absolute; margin-top:30px; float:left; height: 195px; width: 100%; z-index:1; }#head2 { background:url(../images/head.png); background-repeat:no-repeat; background-position:center; position:absolute; margin-left:20%; float:left; height:276px; width:800px; z-index:2; } На сколько это правильно вообще? И что поставить вместо 20% что бы он всегда был по центру? Сам сайт www.laserhall.org Заранее всем буду благодарен.

    Asked by HeIek,

    0 votes
    8 answers

  21. позиционирование div'a

    всем привет. есть span допустим по середине страницы с текстом share и стрелка вниз. нужно при нажатии создать див, который будет появляться снизу спана. если написать position: absolute; то он будет выровнен с началом span, а нужно его сдвинуть влево, типо left: -10. возможно ли такое? спасибо

    Asked by vvsh,

    0 votes
    4 answers

  22. Позиционирование div'а

    Здравствуйте всем, сайт заточен под разрешение 1024x768. Использую слои, главный слой располагается всегда по центру, его ширина 1000px. CSS такой: position: absolute; left: 50%; margin-left: -500px; При уменьшении размеров окна браузера слой заезжает влево, полос прокруток не появляется. Соответственно, невозможно разглядеть, что находится слева. Что можно предпринять в этом случае? Спасибо!

    Asked by a_web,

    0 votes
    2 answers

  23. Позиционирование div'а

    Здравствуйте! Я только начал изучать web дизайн, это мой первый проект. у меня такая проблема: div коряво располагается в доступном пространстве. код html <td id="notesline" colspan=3> <div id="fullnotes"> <div class="note"> <div class="oldnotetext"><a href=#>Какой-нибудь текст</a></div> </div> <div class="note"> <div class="oldnotetext"><a href=#>Текст</a></div> </div> <div class="note"> <div class="midnotetext"><a href=#>Текст</a></div> </div> <div class="note"> <div class="newnotetext"><a href=#>Какой-ниб…

    Asked by Ana1oliy,

    0 votes
    1 answer

  24. Позиционирование flash по z-оси

    Окно flash перекрывает выпадающее меню навигации. Как сделать, чтобы выпадающее меню прорисовывалось поверх флэша? z-index мне, почему-то, не помог.

    Asked by zapper007,

    0 votes
    9 answers

  25. Позиционирование Flash-ролика

    Подскажите пожалуйста Как Флеш-объект шириной в 1800px расположить так, чтобы на мониторе с разрешением в 1280 + - px в ширину, этот объект располагался по центру (т.е. его края уходят как вправо так и влево, на равное расстояние) и при этом не было полоски прокрута снизу. С картинками я решал эту проблему с помощью background-position: top center; Но как быть в данном случае с флешем?

    Asked by freesoul,

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