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. Верстка полурезины

    Вобщем надо сверстать макет. Он отрисован на 1260 пикселей. Задуман как резина - но контентная часть фиксированная на 1000 пикселей. То есть при разрешении 1280 и выше никаких проблем. А при разрешении менее 1280 нужно чтоб часть фона (картинка) отрезалась. Для наглядности приложу скрин. http://i080.radikal.ru/1004/8d/a23ce6e9d77e.jpg Можно ли такое сделать вообще? Не могу придумать

    Asked by Dioni$$,

    0 votes
    17 answers

  2. Вёрстка поля для поиска

    Моя задача: сверстать поле для поиска такое же как на картинке(рис.1) Моя проблема: При вёрстке поля для поиска вылезает какая-то непонятная белая рамка (в IE рамка чёрного цвета)(рис.2) Мой вопрос: Как избавится от рамки белого цвета и как ещё можно улучшить мой свёрстанный текстбокс, чтобы он был похож на текстбокс с картинки ? Страничку в браузере можно посмотреть по ссылке:http://web-luck.ru/horner/search.html? Вот весь исходный: <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Текстбокс</title> <script src="jquery-1.6.2.min.js"></script> <script s…

    Asked by averin13,

    0 votes
    6 answers

  3. Вёрстка превьюшек

    Здравствуйте! Верстаю свою галерейку, застопорился на выводе превьюшек. Вот код: <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <style type="text/css"> #gallery .photo_div{ display: inline; } .photo_div { width:82px; height:97px; margin-left:5px;margin-right:5px;margin-bottom:10px; border:1px solid #d8dcea; text-align: center; font: verdana, arial, sans-serif; } .photo_div img { border: 5px solid #fff; border-width: 5px 5px 20px; } .photo_div a:hover img { border: 5px solid #3e3e3e; border-width: 5px 5px 20px; color: #fff; } .photo_div a:hover { color: #fff; } &…

    Asked by pivkos,

    0 votes
    1 answer

  4. Верстка при наведении на блок

    Здравствуйте, столкнулся с такой задачей: до наведения курсора http://joxi.ru/wYSTU_3JTJA9Y33ZX5U после наведения курсора http://joxi.ru/-4OTU_3JTJA1Y21ipcQ не могу придумать как это реализовать. а именно чтобы была внутри граница прозрачная и при этом поддерживал ie8.

    Asked by gameviktor,

    0 votes
    4 answers

  5. Вёрстка прижатых друг к другу треугольных div'ов с фонами

    Как это можно реализовать? Обратите внимание, что оба блока имеют фон, это самое сложное. Если использовать псевдоклассы или вспомогательные div в виде треугольников, то на них background не распространяется, основные секции остаются прямоугольными. Нужно применять svg (который я почти не знаю) или можно как-то проще сделать?

    Asked by Esser,

    0 votes
    9 answers

  6. Верстка проблемы с IE

    Здравствуйте, проблема в том что после верстки дизайна в IE страница открывается нормально как и во всех браузерах но появляется горизонтальная полоса прокрутки и если ее мотать (сайт при этом на растягивается) то фон длится в право до бесконечности чем дальше ведешь полосу чем дальше уходишь в право от сайта. вот сайт http://gurmantea.ru/ подскажите где ошибка или что то браузер на поддерживает хотя использовал простые теги.

    Asked by j-63,

    0 votes
    2 answers

  7. Верстка простенького макета. Помогите.

    Здравствйте, всю жизнь верстал таблицами и не знал бед. Но тут решился освоить верстку дивами Уже буквально закипаю Помогите с простеньким макетиком. <!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=windows-1251" /> <title>Untitled Document</title> </head> <body bgcolor="#99CCFF" leftmargin="0" rightmargin="0" topmargin="0" bottommargin="0"> <!-- black white frame --> <div id="frame" style="margin:0 auto; width:980px; margin-top:…

    Asked by f0rym4anin,

    0 votes
    5 answers

  8. Верстка просто сайта

    Привет всем, "сверстал сайт" к показано в примере на этом сайте divhack.com хотелось бы услышать что сделал правильно а что не стоит делать. мое творение здесь yarkiy.ho.ua Спасибо за внимание

    Asked by x86test,

    0 votes
    3 answers

  9. Вёрстка разделителей списков

    Здравствуйте! Столкнулся с проблемой. Не знаю как написать CSS для списка вида: Скрипт выводит html код вида: <ul> <li>Элемент1</li> <li>Элемент2</li> <li>Элемент3</li> </ul> Проблема в том, что элементов может быть любое количество, но если через CSS привязать разделитель (в данном случае - символ "|"), то он будет применяться и для последнего элемента списка (что совсем не нужно). Посоветуйте, как быть в данной ситуации?

    Asked by Wak,

    0 votes
    47 answers

  10. Верстка разно-ширинных табов+2 доп.вопроса

    Доброго времени суток. Задача - сделать табы с нахлестом. Причем ширина заголовка таба должна быть по содержанию, а не фиксированной. Примеров нормальных не нашел, как сделать такое вообще не представляю... Хотелось бы, чтоб картинка при :hover менялась фоновая, потому просто подложить релативную картинку 100% не получится. Желательно без таблиц. ИЕ6 не важен. Еще вопрос - можно ли как-то градиентный (косой градиент) фон сверстать без таблиц, чтоб было кроссбраузерно? Есть вариант - http://css-school.ru/css_verst/212-urok-cs...entnyj-fon.html , но его описание не соответствует реальности - пропадает правый угол. И последний вопрос - как внутри 100% высоты блока растя…

    Asked by tt48,

    0 votes
    2 answers

  11. Верстка расположение блоков.

    Уважаемые помогите решить проблему в верстке никак не могу сообразить как решить ( Есть три блока адаптивные (Блок логотип, Меню, Блок ) Снизу блок с слайдером. Как сделать так чтобы блок с слайдером подпирал блок Меню,блоки логотип И Блок были поверху слайдера. Вот как то так https://fotki.yandex.ru/next/users/sawenkov-o-s/album/429223/view/1133115

    Asked by virtas,

    0 votes
    2 answers

  12. Верстка рассылки.

    Решил сверстать рассылку, до этого никогда их не верстал Столкнулся с проблемой. У td появляются лишние 5px http://prntscr.com/2bsayh Верстка тут http://alexlebedev.pw/works/domini/

    Asked by swandev,

    0 votes
    13 answers

  13. Верстка резинового бара для топика

    Здравствуйте, хочу у себя на сайте переделать бар для топика, но не знаю как сделать правильно! Будет 5 блоков. 1. 3-первых заданной ширины по левому краю, 2. 4-резина, 3. 5-не резиновый, но не заданной ширины по правому краю. Помогите такое реализовать.

    Asked by sssppp6,

    0 votes
    1 answer

  14. Вёрстка резинового шаблона

    Извините за глупый вопрос, но не могу как сделать. Что применить к тегу <span> чтобы он исчезал при уменьшении окна браузера до 650px Писал так не работает @media (max-width: 650px) { .site-logo span{display: none;} } Необходимо что бы он полностью пропадал, а не становился прозрачным.

    Asked by Mizorg,

    0 votes
    3 answers

  15. Верстка резиновых блоков

    Добрый день. Вопрос следующий: возможно ли такую верстку (см. рис.) реализовать на чистом CSS+HTML, и как?, (я реализовал но с помощью javascript, узнавая offset.width ширину блока с контентом и соответственно увеличивая резиновый блок под ним)

    Asked by vladimir_lwlx,

    0 votes
    11 answers

  16. верстка резиной...

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

    Asked by musulman,

    0 votes
    9 answers

  17. Верстка с div в одну строку

    Привет всем знатокам хтмл-цсс такая проблема: нужно в одну строчку сделать следующую вешь: картинка, картинка под ней впритык ещ? одна картинка, картинка, при этом учесть что все это в ширине 700 пикселей. если момент "картинка под ней впритык ещ? одна картинка," сделать divом, прописать у него ширину, высоту и display:inline, а в нем просто через br сделать эти две картинки, то с эксплорером все ок, а вот мозилла глючит.. кто знает как поправить баг, помогите пожалуйста, наверно надо что-то ещ? дописать в стилях дива? ЗЫ: сделать требуется без помощи таблиц

    Asked by Lergana,

    0 votes
    5 answers

  18. Верстка с журнальным(плиточным) выводом постов

    Здраствуйте, решил попробовать сверстать плиточный макет. Проблем вроде нет, получилось как надо если использовать фиксированую шарину. Но когда резиновый шаблон, куча проблем... Может кто-нибудь поделиться ссылками с информацией по данному виду топиков?

    Asked by sssppp6,

    0 votes
    2 answers

  19. верстка с паралакс-эффектом и caroufredsel в фоне

    помогите разобраться с настройкой высоты и ширины картинок в caroufredsel. Я пытаюсь объединить параллакс эффект со слайдером caroufredsel в фоне. Но никак не могу добиться корректного отображения размеров картинок в слайдере Вот ссылка на fiddle:https://jsfiddle.net/user/pupsik111/fiddles/. А паралакс вроде бы работает.

    Asked by pupsik111,

    0 votes
    0 answers

  20. Вёрстка с позиционированием?

    В примере http://demo.fabthemes.com/nautilus/ блоки статей расположены весьма необычно. Их размеры указаны посредством position: absolute. Хотелось поинтересоваться: каждый блок верстается отдельно, со своим расположением? А если это новостной сайт, где при прокрутке страницы подгружаются всё новые и новые статьи? Как можно сверстать подобную страницу с минимумом временных затрат? Должна же быть какая-то хитрость Также интересно как называется такой дизайн.

    Asked by redvi,

    0 votes
    2 answers

  21. Верстка с центровкой каскада DIV

    Здравствуйте! Напрягся над решением одной задачи. Суть в том что нужно выводить каскад блоков но с центровкой, проблема что количество их не статично. То есть есть блок "content" а внутри из БД кидаются блоки "bx" с фиксированной шириной и высотой может быть один а может и 30. Клиент хочет что бы когда блок один он сверху и по центру, ели их три то по центру в ряд с одинаковым расстоянием между собой. <div class="content"> <div class="bx"></div> ... <div class="bx"></div> </div> что бы блоки ложились в ряд нужно указывать flo…

    Asked by PRsam,

    0 votes
    2 answers

  22. Верстка сайт бар

    Добрый день! Хочу попрсить помощи у вас для вас будет легко, а так как я новичок мне нужна помошь. Смотрите начал верстать макет у меня сайт на один сайт бар, шапка сайта, контент, нижнья часть сайта. Вот почти все сверстал у меня не вийшло сделать сайт бар. как нужно правельно сайт бар сверстать? <div class="block1"> <div style="padding-left: 10px;"> sdfdfgfd dsfsdfsd sdf sdf sdf sd fs </div> </div> вот ксс . block1 { margin-top: 2px; width: 310px; height: 300px; padding-top: 75px; margin-right:160px; float: right; display: inline-block; background:url(/img/menu.png)…

    Asked by meyson,

    0 votes
    8 answers

  23. Верстка сайта

    Здравствуйте! Интересует вопрос по верстки сайта, как я понял существует 3 типа: табличная(table), блочная(div) и сеточная (layout, grid) и каждый тип по-своему влияет на SEO. Есть сайт, сверстанный полностью на table, и я не знаю, нужно ли поменять верстку на более "новую", чтобы выдавал более высокий рейтинг в поисковике, или тип верстки сайта никак не влияет на это?

    Asked by nse,

    0 votes
    3 answers

  24. Вёрстка сайта Amazon.com

    Уважаемы гуру div верстки и css, очень вас прошу рассказать нубу о технологии и принципе верстки дизайна сайта amazon.com. Не знаю почему, но для меня это эталон интернет магазина, да и вообще очень нравится что он на всех мониторах (на работе у меня 19 дюймов широкоформатный, дома - 19 дюймов квадрат) выглядит одинаково. Мне сейчас нужно начать делать верстку одного сайта для дизайнера/архитектора и хотелось бы для этого сайта сделать дизайн на всю страницу. Расскажите пожалуйста, или дайте ссылку на мануал по верстке для всех видов мониторов, что бы везде это смотрелось одинаково...

    Asked by Marakaya,

    0 votes
    7 answers

  25. Верстка сайта фотошоп шрифт

    Копирую текст из фотошопа, ставлю ему шрифт,цвет,размер. Но в шаблоне текст выглядит в разы меньше чем на макеты, в чём может быть проблема?

    Asked by аркей,

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