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): один с картинкой, а другой с текстом. Нужно реализовать: сначала блок с картинкой должен перекрывать блок с текстом, а потом блок с текстом должен перекрывать блок с картинкой. Для этого я делал в попытке реализации данного эффекта: .image { display: inline-block; Position: absolute; z-index: 1; } @Keyframes block_overlap { from { z-index: 0; } to { z-index: 2 } } .text { display: inline-block; position: absolute; animation-name:…

    Asked by Andrey_Afonchenko,

    0 votes
    1 answer

  2. помогите свежим глазом определить микро проблему

    сайт http://digga.ru/ <body bgcolor="#FFFFCC" topmargin=0 leftmargin=0 bottommargin=0 marginwidth=0 marginheight=0 rightmargin=0> <table cellpadding="0" cellspacing="0" width="100%" border="0"> <tr> <td class=top align="left" width="195"> самая верхняя таблица (салатовая) по идее должна приклеется к верху страницы, но там почемуто образуется целая строка цвета заданного в body. логики в этом не вижу да и в коде никаких пробелов нет ( если позволяет время, пожалуйста, посмотрите, мне кажется что это что-то очень простое должно быть. Заране благодарю

    Asked by digga,

    0 votes
    3 answers

  3. Помогите сверстать

    Помогите сверстать,вот картинка. Делаю но получается что левый и правый блок вне блока content.Могу сюда скинуть свой код.СПАСИБО

    Asked by azarkin7,

    0 votes
    13 answers

  4. Помогите сверстать

    Добрый день, есть шаблон http://freepsdfiles.net/download?id=2393. Подскажите пожалуйста как сверстать основной фон, которые клетчатый. Спасибо

    Asked by VictorioIP,

    0 votes
    6 answers

  5. Помогите сверстать

    Привет Нужна помощь в css-оформлении вот такого: http://screenshot.su/show.php?img=ff04f0dadad512fbd4cfca229c0026b2.jpg Блок будет увеличиваться в высоту по мере заполнения, и тени должны сохраняться. Пробовал сделать сам, не получилось. Буду преблагодарен, если кому несложно)) Спасибо)

    Asked by nickostyle,

    0 votes
    3 answers

  6. Помогите сверстать адаптивный элемент с iframe и текстом рядом с ним

    Люди добрые, беда. Не могу никак сверстать адаптивный элемент из iframe с виде от ютуба внутри и текста рядом с ним. Align, div, float все пробовал. Нужно просто, чтобы текст обтекал айфрейм с отступом и съезжал вниз (если экран маленький). Помогите чем сможете! Заранее огромное спасибо! вот код для начала http://cssdeck.com/labs/v0ykdapb

    Asked by kniggaliev,

    0 votes
    3 answers

  7. Помогите сверстать блок

    Помогите сверстать блок с полосками. http://www.ex.ua/837660663807

    Asked by kickflip2009,

    0 votes
    2 answers

  8. Помогите сверстать блок

    Здравствуйте, помогите, пожалуйста сверстать блок (в красной рамке). Как сделать слайдер на заднем фоне, и чтобы зеленая линия не смещалась при изменении размера окна?

    Asked by dm-stanislav,

    0 votes
    1 answer

  9. Помогите сверстать блок... не могу понять где ошибаюсь.

    Верстка резиновая на сайте. есть три информационных блока с одинаковым стилем...Картинку вылаживаю...в каком виде хочу сделать... но резиновым он не получается...верхня и нижня часть разъезжаются при масштабировании... пишу код ниже.. html <div class="blok"> <div class="blok_img"><img src="Картинка"> <div class="uzor"></div> </div> <div class="text">лялятополя.</div> </div> css .blok_img { padding:0; position:relative; margin:0 auto; } .blok_img img { width:100%; max-width:270px; } .uzor { position:absolute; margin:0;background:url(../images/top_uzor.png)no-repeat center bottom; -webkit-background-size: cover; -m…

    Asked by romanpan2,

    0 votes
    2 answers

  10. Помогите сверстать блоками...

    Всем привет! Нужен совет или лучше урок Задача: сверсать сайт блоками, так что бы все блоки были как на картинке ниже Необходимо, что бы все блоки распологались по середине и имели одинаковую шинрину Вверху будет логотип сайта, ниже навигация с картой изображений, дальше блоки с текстом и в самом низу копирайты и т.д. Я только начинаю работать в этой области, поэтому сильно не ругайте за глупые вопросы Раньше делал сайты на таблицах, но в этом случае нужна верстка именно блоками... Заранее благодарен.

    Asked by NightRunner,

    0 votes
    3 answers

  11. Помогите сверстать макет div-ами

    В общем основная загвоздка заключается в двух резиновых колонках, расстояние между задано в абсолютных единицах... То есть ширина левой колонки ? 70% минус расстояние до разделителя колонок в em и минус ширина разделителя пикселях. С правой колонкой тоже самое. Задавать padding между колонками ? бесполезно, т. к. неизвестно какая ширина останется для колонки (проценты минус em-ы минус пиксели...). Примерный макет прилагается (перезалил). PS: плюс ко всему во всех блоках ? свой графический фон.

    Asked by Гиль,

    0 votes
    3 answers

  12. Помогите сверстать макет по примеру

    Есть 4 блока выстроенные в одну линию. Крайние два имеют фиксированную ширину (например 100 и 150 пх). Средние два блока одинаковой ширины и должны растянуться что бы вся конструкция заняла всю ширину экрана. При изменении ширины окна браузера конструкция, сжимая\разжимая средние 2 блока, должна занимать всю ширину. Для примера: https://jsfiddle.net/jjzycey8/2/

    Asked by alleclf,

    0 votes
    4 answers

  13. Помогите сверстать меню

    Добрый день, помогите пожалуйста сверстать данное меню http://rghost.ru/40211848.view Оно должно быть шириной 960px. Я пробовал верстать таблицами, но когда внутри ячейки таблицы я делал ссылку высотой на все ячейку текст который должен быть чисто посередине теряет свою позицию в центре. Пробовал также не таблицами, но во всех браузерах правая часть ездит из стороны в сторону в разных браузерах. Спасибо.

    Asked by VictorioIP,

    0 votes
    4 answers

  14. Помогите сверстать плейлист!

    Здравствуйте! Помогите, пожалуйста, сверстать плейлист. У меня проблема с обтеканием - блок Artist никак не загнать под Title, пробовал и clear и float. Нарисовал картинку для лучшего понимания вопроса. То, что есть сейчас <ul class="playlist"> <li> <i class="play_button">▶</i> <span class="artist">Seekae</span> <span class="track">Void</span> </li> </ul> li { line-height: 2px; font-size: 15px; list-style-type: none; height: 50px; } ul …

    Asked by adelein,

    0 votes
    3 answers

  15. Помогите сверстать плитку из картинок разной ширины?

    Посоветуйте как сделать плитку из картинок разной ширины? Схема как во вложении. Как сделать чтобы картинки сами укладывались? Пробовал делать через display inline-block, float left , но первая и вторая картинки встают на место , а картинка под номером 3 горизонтальная картинка уходит ниже второй картинки. Горизонтальные картинки одинаковые между собой и вертикальные картинки одинаковые между собой. Картинок много. Как на картинке сначала идут слева 2 горизонтальные картинки и 1 вертикальная картинка справа. Следующий ряд слева 1 вертикальная картинка и справа 2 горизонтальные картинки . А дальше все чередуется точно также.

    Asked by uppercase_css,

    0 votes
    3 answers

  16. помогите сверстать таблицу

    Есть таблица вида: <table border="1"> <tr> <td>1</td> <td>2</td> <td>3</td> <td colspan="3">4|5|6</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td colspan="2">5|6</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td>4</td> <td colspan="2">5|6</td> </tr> <tr> <td>1</td> <td>2</td> <td>3</td> <td colspan="2">4|5</td> <td>6</td> </tr>…

    Asked by vezunchik,

    0 votes
    1 answer

  17. помогите сверстать шрифт

    Я создал в фотошопе надпись, выбрав шрифт Compact-Bold размером 20pt, и выбрав anti-aliasing method равный Crisp. А как мне все это записать в css, чтобы было что-то вроде style="font:Compact-Bold;font-size:20pt;color: #386789;"

    Asked by andrey123,

    0 votes
    6 answers

  18. Помогите сверстать!!! За символическую тему...

    Здравствуйте люди добрые. Буду краток так как времени нету а так попробывал бы сам да и что пробывать))) кому не лень сверстайте малек кто сверстает получает маленьку блогадарност в размере 8$ верстка фиксированная! Все сверстано кроме этого куска. Заказчек просил сделать до завтра а времени нету вообще ухожу очень надо сделать до утра а я ближе к обеду буду дома.

    Asked by musulman,

    0 votes
    1 answer

  19. Помогите сверстать...

    Здраствуйте. Проблема не могу сверстать. Нужно сделать так что бы этот глаз был прижат к футеру и что бы не наежал на текст в правом блоке. что подскажите господа ?

    Asked by musulman,

    0 votes
    8 answers

  20. Помогите сверстать...

    Помогите сверстать вот такой кусок, не знаю почему все плавает... http://itmages.ru/image/view/197922/65c9277d

    Asked by Select,

    0 votes
    6 answers

  21. Помогите связать правила между собой

    Добрый день! Подскажите как в css связываются правила? Ну т.е. я хочу чтобы по какому-то событию происходило несколько вещей. Если более предметно, то есть прогресс-бар И есть собственно само слайдшоу, у которого смена кадра происходит по клику Вот тут можно посмотреть в работе http://jsfiddle.net/7JFkP/ Подскажите как переделать правила слайдшоу так чтобы оно не ждало кликов а срабатывало когда прогрессбар дойдёт до конца.

    Asked by McLotos,

    0 votes
    2 answers

  22. Помогите сдвинуть футер

    Сайт ceilings.hsc.org.ua/ нужно что бы футер при добавлении большего количества текста сдигался. Да и вообще оцените работу.

    Asked by 550953,

    0 votes
    2 answers

  23. Помогите сделать картинку, как ссылку !

    Помогите - не могу создать ссылку на картинку гл. страницы http://saveimg.ru/show-image.php?id=668faa5bc8ff77ffd891c18dceaddc48

    Asked by Albert,

    0 votes
    2 answers

  24. Помогите сделать body на весь экран

    Ребят делаю сайт, попросил друг, 3 года как не занимался этим, забросил, и очень многое забыл, сложно делать по старой памяти, но приходиться. Я делаю сайт на подобии того что делал раньше, но у меня видимо очень много ошибок, одна из их не могу понять почему body только закрывает часть сайта, а не на весь, уже больше 2 часов промучился переискал кучу инфы в интернете ничего не помогает, если вы не поможете прийдёться забросить это дело. я всё проверял все галочки всё закрыто, не должно быть ошибок, но боди хоть убей закрывает часть только сайта из за этого едит весь блок вот код в css body{margin:0;background:url(image/3.png)no-repeat;background…

    Asked by Евгений1111,

    0 votes
    3 answers

  25. Помогите сделать автоматическую карусель

    Всем доброго времени суток. Нужно сделать подобную штуку. Автоматическая прокрутка, изображение, когда доходит до центра, должно увеличиваться. Не нашел готовых примеров в сети. Заранее спасибо.

    Asked by IvanRu08,

    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