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. Прижать элементы списка друг к другу

    ..... <style type="text/css"> ul.menu { padding: 0; margin: 0; } ul.menu li { padding: 0; margin: 0; } ul.menu li img { padding: 0; margin: 0; [b]float: left;[/b] text-align: right; } </style> </head> <body> ...... <table width="100%" cellpadding="0" cellspacing="0" id="header" border=1> <tr> <td width="55" height="43"></td> <td width="519" height="43" valign="bottom"> <img src="h1.jpg"><br> </td> <td height="43" class="tel" valign="top"> bla bla </td> </tr> <tr> <td width="55" height="153" class="red" valign="bottom"> <img src="/red.jpg"&g…

    Asked by sstyle,

    0 votes
    7 answers

  2. Прижимаем footer (js или css)

    Уважаемые мастера, хотелось бы услышать ваше мнение про этот метод http://habrahabr.ru/post/116267/ , прижатия к полу страницы, блока <footer>. Насколько он адекватен (если был опыт его внедрения) и насколько этот вариант оправдан по сравнению с вариантами в CSS?

    Asked by cmndr_alexgreen,

    0 votes
    3 answers

  3. Прижимаем футур к низу страницы

    Приветствую, коллеги. Есть интересная задача (Гугл на запрос выдает стандартные решения bit.ly/KVhjqO). А мне нужно (скриншот: http://d.pr/i/g58t) чтобы у контентого блока были и фон с бордером и тени, но при этом он должен тянутся на всю высоту браузера. Есть идеи? )

    Asked by sweedbes,

    0 votes
    1 answer

  4. Прижимание div position:absolute справа

    Всем привет. Делаю дизайн для сайта и возникла загвоздка. Правый блок надо прижать к правой стороне сайта. Подскажите как это сделать. <div id="rightbox"> должен прижиматься к правой стороне вне зависимости от разрешения экрана. При разрешение 800х600 этот блок прижимается к правой стороне экрана, но справа еще есть часть сайта. То есть он закрывает часть <div id="content">. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html><head> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="all"> <div id="top"><…

    Asked by qazibum,

    0 votes
    2 answers

  5. Призрачный отступ

    После своего собачьего сайта, Я прочел рекомендованные статьи, переварил полученную информацию, проанализировал свои ошибки и принялся за верстку нового шаблона но уже учитывая ошибки, валидность и семантику. А теперь суть самой проблемы, от верхней границы браузера до блока body какой-то непонятный отступ, я знаю что его можно убрать использовав margin с минусовым значением, но Я хочу понять что там происходит. Сначала я подумал что это из-за файла reset, но Я его отключил и проверил, проблема сохранилась, прошу помощи. Заранее спасибо! Подопытный Файлы Шаблон(если надо)

    Asked by li4e,

    0 votes
    2 answers

  6. Приклеивание частей в верху и низу в одной колонке

    Что-то никак не могу сделать. На сайте слева есть колонка. Картинку и меню сайта я приклеил к верху страницы. Но в той же колонке нужно, чтобы некий текст "Все права защищены. При использовании ссылка обязательна", ну типа того, чтобы был приклеен к низу колонки. То есть когда справа будет много текста, левая колонка чтобы вытягивалась, но нужный текст уходил с колонкой вниз. Знаю, что это valign=bottom, но как это сделать кодами хтмльными, а то я что-то не смог сделать. У меня код не работает. КУда его нужно заключать? Я пробовал в <p>, но не сработало. ЕСли вдруг нужно посмотреть сайт, то он уже висит в Сети: http://vdo555.narod.ru/ Спасибо всем заранее

    Asked by alef,

    0 votes
    12 answers

  7. Приклеить img в sidebar внизу сайта

    В WordPress нужно приклеить снизу в боковой панели картинку CSS-ом. Не внизу окна браузера (как, например, http://www.cssstickyfooter.com/ или http://twitter.github.io/bootstrap/examples/sticky-footer.html или http://timothy-long.com/examples/responsive-sticky-footer/), а внизу самой страницы. Страница длинная, с прокруткой, и пока не докручу, картинку сбоку внизу не увижу. Спасибо, извините за примитивность поставленной задачи. Не верстал аж с 2002 г., подзабыл премудрости абсолютного позиционирования.

    Asked by gasyoun,

    0 votes
    12 answers

  8. Прикленный к нижней границе окна футер остается на месте при скроллинге

    Приветствую. Помоги пожалуйста разобраться со следующей проблемой. Есть страничка с центральным позиционированием div размером 980px. Внизу поставил div по ширине окна, "приклеил его" к нижнему краю браузера, по методике, описанной на многих ресурсах. Но есть проблема. При скроллинге, как "прикленный" футер первоначально встал, так он и скроллится, одновременно с содержимым. Причем если потянуть за нижний край окна, футер стоит у нижнего края постоянно. Как сделать так, чтобы футер "приклеился" к нижнему краю окна и оставался там, при скроллинге? Если, по каким-то причинам это невозможно, как сделать этот же div, по всей ширине окна, но чтобы он встал…

    Asked by IvanPetrovich,

    0 votes
    8 answers

  9. Приключения float, clear и двухколоночного макета

    В общем, задача сделать что-то типа блога. Макет — духколоночный. Слева маленькая колонка, справа — контент. В «контенте» идёт заголовок-ссылка на страницу и анонс этой самой страницы — таких блоков (заголовок-анонс) на странице по нескольку штук. Но вот только есть одна неприятность. Вот примерно что нужно. Вроде всё так, как я хочу. Но тут возникает проблема с картиками, у которых есть флоат — блоки начинают тоже обтекать картинку, это не есть гуд. Пытаемся решить проблему при помощи clear — блоки встают в порядке нормальной очереди, но вот только вся колонка сползает вниз. Помогите, люди добрые! Хочется и рыбку съесть и, чтобы блоки не уползали.

    Asked by Veseloff,

    0 votes
    8 answers

  10. Приколы c PIE в ie8. Ослик сошел с ума, или что?

    Привет всем! Опять обращаюсь к опытным (прошедшим огонь и воду) верстальщикам. Нужна ваша помощь. В общем, пытаюсь округлить уголки в ie 8 используя PIE, кажется задача не тривиальная, но не тут-то было. Все по порядку. Есть в версте слайдер, данный слайдер показывает картинку и немного текста, картинка должна быть круглой, понятное дело в нормальных браузерах это достигается без проблем, и понятное дело в ei8 и ниже все плохо. Когда я подключаю PIE и применяю border-radius к блоку (с behavior: url(PIE.htc)), внутри которого находится картинка, блок округляется, но картина нет, и она находится как бы сверху него, вот скрин: http://hkar.ru/tajE Когда PIE применяю …

    Asked by ya_verstaka,

    0 votes
    4 answers

  11. Прикрепить footer в Bootstrap

    Проблема с footer в Bootstrap макете. Скриншот: Скрытый текст Когда на странице информации много и её нужно скроллить, тогда с подвалом всё нормально, в противном же случае наблюдается такая картина. Как исправить? <footer id="footer" class="footer"><!--Footer--> <div class="footer-bottom"> <div class="container"> <div class="row"> <p class="pull-left">Copyright © 2017</p> <p class="pull-right">Пожарский Ярослав</p> </div> </div> </div> </footer><!--/Footer--> Скрытый текст …

    Asked by P0jar,

    0 votes
    5 answers

  12. Прикрепить блок к левому нижнему краю. Как?

    Всем привет! Возможно ли прикрепить блок к левому нижнему краю, чтобы его обтекал текст. Вроде такого свойства нету, но может кто встречался с данной проблемой. Вот, что есть: http://mafia-world.ru/verstka/float-bottom.html Блок (1) как бы прикреплен к левому верхнему краю, а надо к нижнему левому. Подскажите пожалуйста как такое реализовать, чтобы текст тоже при этом обтекал этот блок.

    Asked by call007,

    0 votes
    7 answers

  13. Прикрепить второе фоновое изображение к низу страницы

    Хочу немного исправить дизайн на старом сайте и сделать фоновое изображение сверху страницы и снизу, вроде все так делаю но уже все голову сломал body { padding:0; margin:0; background: url('images/bg_main3.jpg') top repeat-x, url('images/bg_main2.jpg') repeat-x bottom ;} но нижнее изображение располагается внизу экрана, а не внизу страницы и если страницу прокрутить вниз то оно останется на месте Если добавить параметр fixed оно будет перемещать вместе с экраном, а хотелось что бы оно было всегда внизу страницы и его было видно только когда пролистаешь в самый низ

    Asked by Lang,

    0 votes
    16 answers

  14. Прикрепить изображение к нижней части экрана

    Подскажите, как прикрепить изображение к нижней части экрана фиксированно. Чтобы при прокрутке вниз/вверх изображение оставалось прикрепленным к нижней части и передвигалось вместе со скролбаром.

    Asked by manolo,

    0 votes
    10 answers

  15. Прикрепить картинки к html-письму

    Есть html-макет для отправки на электронную почту. Данный макет состоит из таблиц, содержащих картинки. В Thunderbird при вставке HTML при помощи "Insert" -> "HTML.." в письмо добавляется таблица без картинок. Подскажите, пожалуйста, как в письмо вставить html-макет с картинками?

    Asked by TorchTT,

    0 votes
    1 answer

  16. Прикрепить картинку

    Есть сайт .... . В правом верхнем углу есть картинка(рыцарь) которая при уменьшении размеров окна налазит на основной текст. Разместил картинку спомощью позиционирования обсалютного. Подскажите как ее лутше сделать чтобы она незалазила на текст? Проблема решина

    Asked by 3d_max_9,

    0 votes
    1 answer

  17. Прикрутить php к форме обратной связи.

    Есть форма обратной связи.Ну уж оочень красивая...но пустышка, т.е. болванка с mail-to Где почитать последовательно как делают скрипты для отправки почты я так понимаю лучший вариант это php, но где-то слышал и про ajax

    Asked by romoga,

    0 votes
    1 answer

  18. Прикрутить градиент к тексту

    Задался задачей сверстать надпись CARS (ниже картинка где видно, что С и S подсвечены) без использования изображений. Вот тут нашел годную методику - с помощью свойства CSS3 background-clip: text; фон применяется к тексту, соответственно, можно сделать радиальные градиенты и применить их к надписи, но это работает только в ВебКите. Как это реализовать кроссбраузерно? Поможет ли использование Модернайзера (раньше не имел с ним дело)?

    Asked by Stager36,

    0 votes
    8 answers

  19. Прикручиваю слайдер - не отображется

    Добрый день. Как сторонний слайдер прикрутить? Вроде код слайдера(в шаблоне) работает - в теги А, IMG яваскрипт добавляет свое. А где я ниже подключил никак не кушает настройки яваскрипта. Вот 178.95.185.177/real/alfasi.html?view=property&id=1:alfasi-15-rekhaviya Фаербагер даже другой подстветкой показывает, начиная с тега UL там где только черная полоска.

    Asked by 550953,

    0 votes
    3 answers

  20. Прилегание текста под картинкой.

    Доброго времени суток, сразу перейду к делу. Хотелось бы сделать так, чтобы текст лежал под картинкой, желательно по середине. Пользовался algin=bottom, float = bottom. Текст все равно слева. HTML: <div class="point-one"> <img src="../main.img/one.png" class="one" align="bottom"> <span class="origanal" id="prem1"><a href="#" id="show_popup">IRON</a></span> </div> CSS: .one { max-width: 100%; height:auto; } prem1 { float: bottom; } Скриншот, как это дело все смотрится:

    Asked by Bleki,

    0 votes
    5 answers

  21. Прилепить изображение неподвижно

    Есть сайт: В углу есть элемент: #rul{ position: absolute; z-index: 20; } <div id="rul"><img src="/images/rul.png" /></div> в хеадере. Как сделать так, чтобы при изменении разрешения монитора, руль оставался прижатым к левому краю, но тень ложилась ровно на белый лист (края тени и края листа должны совпадать)?

    Asked by YaD,

    0 votes
    16 answers

  22. Прилепить класс к низу

    На странице в низу есть класс .novelty { float: left; width: 253px; height: 100px; padding: 0 0 0 6px; margin-left: -8px; Но когда страница пустая, оно поднимается вверх. Как можно сделать чтобы оно было привязано к низу?

    Asked by Tchorteg,

    0 votes
    2 answers

  23. Прилип!

    проблема. когда отдаляю сайт, картинка уменьшается но сайт так сказать "прилип" к левому боку, а мне надо, что бы фон уменьшался с обоих сторон, равномерно http://wowlol.ru/ как тут например)) а у меня текст уменьшается, оставаясь на месте, а картинка уменьшается, прилипая к левому краю...

    Asked by Gotafak,

    0 votes
    8 answers

  24. Прилипание блока к видимым границам

    Всем привет! Я тут новичок, не пинайте сразу если что. Требуется аналог position sticky для IE (в режиме совместимости с 7). Надо чтобы в одну строку текст с кнопками и с пунктирной линией проходящей под ними посередине в любой ситуации прилипал к левой и правой границе окна, то есть чтобы не участвовал в горизонтальной прокрутке, но прокручивался вертикально. Также при растягивании окна, текст за которым следуют кнопки находились слева на 20%. То есть если сдвинуть скролл, строка с красной полоской должна остатся на месте, если растянуть окно, то красная полоса растягивается, "( Title )" немного сдвигается вправо. Надеюсь более менее объяснил, за…

    Asked by serzh82saratov,

    0 votes
    12 answers

  25. Прилипание к краю

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

    Asked by FlashVik,

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