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

    Каким образом позиционировать текст внутри ?К примеру, как разместить текст в нижнем левом углу ?

    Asked by malenkymuk,

    0 votes
    3 answers

  2. Позиционирование в контейнере

    Приветствую, уважаемые! Есть несколько вложенных дивов, схематично выглядит так: <body> ... <div class="content"> <div class="sub_xontent"> <div style="float:right; width: 200px;">; ... </div> <div style="margin-right: 200px;"> ... </div> </div> </div> </body> у контейнеров оверфлоу:хидден и есть свои маргины и паддинги... проблема в следующем, блок, который флоэт райт выходит за границу своего контейнера и правый край получается слегка обрезанным... из-за чего такое может происходить?

    Asked by AKyHuH,

    0 votes
    4 answers

  3. Позиционирование в разных браузерах!

    #logo { position: absolute; top: 15px; left: 55px; width: 220px; } #menu { position:absolute; top: 25px; right: 0px; } Вот такая конструкция. Логотип слева зафиксирован и с ним проблем нет. А вот меню относительно правого края страницы зафиксированно, но левый край меню "играет" туда сюда на несколько пиксел в зависимости от того, каким браузером смотреть Так и должно быть или я чего-то не дописал? С ув. Uncle Fox

    Asked by Uncle Fox,

    0 votes
    1 answer

  4. позиционирование в слайдере

    http://jsfiddle.net/S83R9/2/ вот тут слева позиционируется последний элемент а справа второй элемент, в начале все кажется, что работает нормально, отображается верно, но сразу как нажмем на стрелки все сливается, что делать? в чем мой косяк?

    Asked by X-Miller-X,

    0 votes
    2 answers

  5. пОзиционирование в шаблоне.

    Я занимаюсь версткой шаблона, но не совсем понимаю одну вещь. Я задал в ксс: div.header {margin-top:0%; height:20%} div.rightcolumn {margin-right:0%; margin-top:20%;width:20%} div.content {margin-top:20%; margin-right:20%;width:60%} div.leftcolumn{margin-left:0%;margin-top:20%; width:20%} Это в body вставил: <div class="header"> </div> <div class="leftcolumn"> </div> <div class="content"> </div> <div class="rightcolumn"> </div> Но почему то все блоки друг под другом выставляются. Подскажите в чем проблема?

    Asked by htmlonline,

    0 votes
    7 answers

  6. Позиционирование внутри блока

    Всем добрый день , подскажите пожалуйста как разместить блок внутри блока , чтобы внешниий блок растягивался по высоте в зависимости от содержимого внутреннего блока. Вот css и html: <div id="content"> <div id="main"> <div id="right"></div> <div id="bottom"></div> </div> <img height="100%" src="/bitrix/templates/templateturist/images/background.jpg" class="fon" ilo-full-src="http://tkturist.ru/bitrix/templates/templateturist/images/background.jpg"> </div> #content { height: 100%; max-width: 5000px; min-width: 1000px; padding: 0 0 70px; position: relative; } #main { backgro…

    Asked by romanov,

    0 votes
    7 answers

  7. Позиционирование внутри слоя

    Есть проблема в позиционировании внутри слоя. Есть картинка, которую нужно абсолютно отпозиционировать в слое. Картинки нужно разместить так, чтобы они прилипали к слою: одна - вверху влева за слоем, другая - внизу справа за слоем. С размещением первой проблем нет - все кроссобраузерно. Вторая в Explorer позиционируется от окна браузера, а не слоя. Как это решается? .mainbox{ position: relative; margin: 2px 205px 0 202px; background: #F8F8F8; border: 1px solid #F2F2F2; } img.fon_top{ position: absolute; top: -2px; left: -17px; } img.fon_bottom{ position: absolute; bottom: 0; right: -10px; } <div class="mainbox"> <img src="i/main_fon_top.jpg" wid…

    Asked by pbeloysov,

    0 votes
    2 answers

  8. Позиционирование выпадающего меню

    Здравствуйте! Помогите пожалуйста: 1. сайт _hххp://aktivsport.com.ua меню слева категорий сделано в виде выпадающих подкатегорий, в случае если пункт меню находится возле нижнего края экрана то подкатегории уходят за нижнюю границу экрана, а нужно что бы они в этом случае открывались как бы "вверх". 2. сайт _hххp://nkt.ua в шапке присутствует вывод валют комбобоксом, в ФФ он отображается а в ИЕ его не видно Прошу помощи, помогите пожалуйста

    Asked by SKM,

    0 votes
    0 answers

  9. Позиционирование главного background у страницы

    Есть такая проблемма К странице применяем большой фон картинкой 1400x900px и при сильном уменьшении окна браузера фон не привязываетсчя к левому краю, а начинает съезжать влево. Такие дела в опере и FF, как не странно в IE6 всё норм =) Ставлю background-position: center top; Подскажите что селать чтобы при уменьшее окна браузера фоновая картинка останавливавалсь а не уезжала дальше.

    Asked by droncl,

    0 votes
    5 answers

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

    Есть такая проблема. Есть центральная часть страницы есть логотип (спозиционированый относительно центральной части) И есть куча пнг картинок в дивах (их много в центральный див они не влезают). причем позиционирование от центральной части расчитано что при разных разрешениях будет видно разное количество картинок. Т.е. при 1024х768 5, при 1280х1024 9, при большем больше. Так вот проблема в том что если позиционировать в правую сторону, то появляется скролинг. Пытался через overflow:hiden не помогает. Т.е. если назначать всему сайту этот параметр то скролинг упорно не хочет появляться, даже при усттановке overflow:visible внутреней части сайта. А если только дивам то скр…

    Asked by guvatara,

    0 votes
    1 answer

  11. позиционирование дивов как на pinterest

    Привет всем. Задался проблемой, как сверстаны блоки на сайте pinterest.com и ему подобных. Очевидно что простым флоатом там не обходится. При более детальном обследовании пациента выясняется что дивы они позиционируют абсолютом, с помощью скриптов. В скриптах я не силен, возможно есть готовые библиотеки или уроки, как таким образом организовать вывод контента. спасибо за внимание.

    Asked by barsmaster,

    0 votes
    4 answers

  12. Позиционирование заголовка у картинки

    <div class="news"> <img src="img/no_image.png" > <h4>Российские цены на BMW M6 Купе</h4> </div>Всем привет. Как сделать, что бы заголовок h4 позиционировался с правой стороны картинки?

    Asked by Roman_qwe,

    0 votes
    2 answers

  13. Позиционирование и z-index пунктов верхнего меню

    Привет всем специалистам в HTML и CSS! Проблема такая: В CMS ShopScript (Webasyst), пункты верхнего горизонтального меню скрываются ниже расположенными элементами сайта. Все попытки назначить элементам верхнего меню позиционирование и z-index (от 1000 до 100000) не помогли. Буду благодарен за консультацию, как вывести пункты раскрывающегося горизонтального меню над нижерасположенными элементами сайта. См. здесь: http://warmray.org/

    Asked by web-master,

    0 votes
    0 answers

  14. Позиционирование и обтекание

    На данный момент есть вот такой код: <div style="width: 206px; height: 80px; background:#9F6; position:relative;"> <div style="float:left; width: 50px; height:19px;"></div> текст текст текст текст текст текст текст текст текст текст текст тексттекст текст текст текст<div style="float: right; width: 50px; height:40px; background:#C06; float:right;"></div> И вот такой блок в результате Как красный блок зафиксировать в правом нижнем углу зеленого и чтоб его обтекал текст слева и сверху, без абсолютного позиционирования? (сейчас чем больше текста, тем ниже смещается красный блок )

    Asked by boget,

    0 votes
    7 answers

  15. Позиционирование и скроллинг.

    <html> <head> <title>test</title> <script type="text/javascript"> function drawdiv(){ if (document.getElementById("new_div")){ document.body.removeChild(document.getElementById("new_div")); } var d=document.createElement("div"); d.id="new_div"; d.style.position="absolute" d.style.top="50px"; d.style.left="50px"; d.style.background="#009900" d.innerHTML="шминдер бокс" document.getElementById("main").appendChild(d); } </script> </head> <body style="margin:15px 15px 15px 15px; background:#FFFFFF"> <div id="main" style="width:240px; height:385px; float:left; overflow:auto; border:solid 1px #…

    Asked by Deomon,

    0 votes
    2 answers

  16. Позиционирование и смещение объектов

    <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>How you use your text?</title> <style> a { text-decoration: none; } .lol { background: green; width: 50%; height: 145px; text-align: center; } .lol p { color: #109be6; margin: 0; padding: 0; text-align: center; font-size: 50px; border-top: 10px solid #78d3fa; border-bottom: 10px solid #78d3fa; text-shadow: 0 2px 4px #a0a0a0; } .menu ul { list-style: none; float: right; font-size: 0; padding-right: 12px; } .menu ul li { display: inline-block; …

    Asked by ErUnDAK,

    0 votes
    2 answers

  17. Позиционирование изображений через <div>

    Хочу сделать, чтоб не было видно разрыва между рисунками, но не могу удалить разрыв по горизонтали. Вот код: <div class="heather" align="center"> <img src="images2/heather1.jpg" width="244" height="154" /><img src="images2/heather2.jpg" width="536" height="154" /> </div> <div class="panel" align="center"><img src="images2/panel1.jpg" /><img src="images2/panel2.jpg" width="126" height="30" /><img src="images2/panel3.jpg" /><img src="images2/panel4.jpg" width="126" height="30" /><img src="images2/panel5.jpg" width="130" height="30" /></div> Пытался обнулить border у классов, но это ничего не дало

    Asked by westalka,

    0 votes
    8 answers

  18. Позиционирование изображения с помощью vertical-align: middle

    Доброе утро! Столкнулся с ситуацией: нужно отцентрировать изображение(прижать его по оси х к левому краю, и по оси у по центру). Решил попробовать центровку через vertical-align. Задал родительскому блоку и дочернему Display: inline-block. Задал vertical-align: middle самому изображению. Но "чуда не произошло". Насколько я понимаю это свойство задается самому блоку, который центрируем, не родительскому? Но где результат тогда? Извиняюсь что без кода-инета на рабочем компе нет.

    Asked by Super_Saimon,

    0 votes
    7 answers

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

    Подскажите, как установить позиционирование одной картинки относительно другой? Я вот как-то так пробовал: <html> <body> <div id="D"></div> <script> Img = new Image(); Img.src = './Img1.png'; Img.style.position = 'relative'; Img.id = "Img1"; document.getElementById('D').appendChild(Img); Img = new Image(); Img.src = './Img2.png'; Img.style.position = 'absolute'; document.getElementById('Img1').appendChild(Img); Img.style.top = '50%'; Img.style.left = '50%'; </script> </body> </html> Знаю, что не правильно, но как правильно, не знаю.

    Asked by Тёмик,

    0 votes
    3 answers

  20. Позиционирование картинки

    У нас фон - картинка без повторения, поэтому недостающее место заполняется обычным цветом. Сама картинка фона при любых обстоятельствах находится в центре. body {background-image:url(images/fon.jpg); background-position:center; background-repeat:no-repeat} Так вот далее - любое добавление элемента (добавляю div'ы) - определяет начальное положение от границы края окна браузера. Как мне заставить любое добавление начинать своё положение именно от границы картинки, а не края браузера? И чтобы при уменьшение/увеличении размеров окна браузера - картинка или текст всегда имели четкое положение по отношению к картинке основной?

    Asked by Hum9k,

    0 votes
    1 answer

  21. Позиционирование картинки

    Добрый день, друзья! Помогите пожалуйста разобраться. При наведении курсора на ссылку появляется изображение, но не в том месте где нужно. При позиционировании картинки через "x" и "y" часть изображения почему-то обрезается. <image xlink:href="images/okr1.jpg" width="100%" height="100%" x="200" y="100"/> Хотелось чтобы картинка целиком появлялаяь снизу под окружностью. Ниже весь размещён код: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <object data="link.svg" type="image/svg+xml" width="400" height="450" ></object></body></html><svg xmlns="http://ww…

    Asked by Иван98,

    0 votes
    2 answers

  22. Позиционирование картинки в SPAN

    Помогите выровнять кнопку по вертикали. Щас она задрана вверх относительно текста. <span style='border:1px inset;padding:5px;'><a href='#' class='link_black' style='display:inline-block;'>some@mail.ru</a><input type='image' onclick='login_menu()' src='pic/24/logout_24.png'></span>

    Asked by CrazyBird,

    0 votes
    1 answer

  23. позиционирование картинки внизу страницы (div'ы)

    Доброго времени суток )) Вопрос такой. Как на страничке с фиксиорованным дизайном, свертанной div'ами с позиционированием, сделать,чтобы картинка отображалась в самом низу страницы при любой длине страницы? Хелп, плиз, или "ткните носом", где почитать Заранее, спасибо ))

    Asked by lampo4ka,

    0 votes
    5 answers

  24. позиционирование картинки от правого края

    Всем здрасте. Задача: Есть двуколонный шаблон. Слева контент, справа - sideBar. Необходимо разместить картинку отсчитывая справа на 250px влево, т.е. расположить на границе контента и сайдБар, потому как картинка уходить по градиетну влево и будет являть собой границу между левой и провой частью шаблона. Ширина сайвБар - фиксированная. Ширина блока для контента - не фиксированная. <div id="box"> <div id="head"> <h1>The header is gonna be here</h1> </div><!--HEAD--> <div id="wrapper"> <div id="content"><div id="content_box"> The content to be here </div></div><!--CONTENT--&g…

    Asked by paska,

    0 votes
    2 answers

  25. Позиционирование картинок на заднем фоне

    Здравствуйте! Имеется картинка для заднего фона и ещё 2 файла, которые надо разместить поверх самого фона Хотелось бы узнать как можно разместить ipad и iphone на фоне, уменьшить их размер (сами они очень большиеа) и сделать растягивающийся фон Могу также оставить ссылку на psd если надо. Заранее благодарю

    Asked by Voilin,

    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