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://zverushka.zz.mu/edu2/

    Asked by Zverushka,

    0 votes
    5 answers

  2. Резиновый по высоте блок с отступом

    Привет. Мне надо сделать блок резиновый по высоте, который бы был на 50 пикселей меньше родителя снизу. Если надо такое сделать, например, справа, то можно обернуть в блок с padding-right и всё буедет ок, так как по ширине div всегда тянется насколько есть места. А как сделать то же самое, только по высоте?

    Asked by Veseloff,

    0 votes
    5 answers

  3. Ползунок

    Ищу скрипт, с хорошей костомизацией. В гугле искал есть, но хотел увидеть те решение которые наиболее используемые.

    Asked by okunev2,

    0 votes
    5 answers

  4. 2 блока. ширина по содержимому и доступному месту

    Проблема такая: серый блок может быть любой ширины, зеленый должен занимать всё оставшееся место (нижняя коричневая линия обязательна) Никакие варианты с width и float у зеленого не проходят - он получается либо по содержимому, либо на 100% ширины (включая и серый блок) В какую сторону копать? p.s.Рамки у блоков не нужны, нарисовал чтобы объяснить что нужно.

    Asked by basist,

    0 votes
    5 answers

  5. Растягивающийся div

    Добрый день, форурчане! Нужен немного необычный спойлер. Нужно сделать div, который будет иметь высоту картинки, которая резиновая, а при нажатии на него(div) или лучше внизу на кнопку, растягивался по высоте на размер всего содержимого этого div.

    Asked by lersen,

    0 votes
    5 answers

  6. Таймер обратного отсчета - доработать

    Есть скрипт, но внешне выглядит както простовато, сливаеться с текстом. После просмотра: Таймер обратного отсчета на странице. Часть 1 из 3 http://ruseller.com/lessons.php?rub=32&id=1135 Таймер обратного отсчета с помощью jQuery http://www.rudebox.org.ua/countdown-timer-with-jquery-rudebox/ JavaScript таймер обратного отсчета (MU Timer) http://frontcamp.com/2013/02/01/free-javascript-countdown-mu-timer-10/#.Uqm-Z-LlJ8E Хотелось бы переделать но сменьшим изменением скрипта, в основном CSS? Сейчас всё выглядет так:

    Asked by lev99,

    0 votes
    5 answers

  7. тени по бокам сайта

    Здравствуйте! Подскажите решение. Нужно создать две тени по бокам сайта (его ширина 960). Есть фоновая картинка, узор. Сложность в том, что тени возле сайта прозрачные, а через 450px в сторону, постепенно становятся полностью непрозрачными и чёрными. А после 450px вместо фоновой картинки идёт один цвет. Они не должны создавать полосу прокрутки. Моё решение создавало 3 лишних div друг в друге и png полоску тени для заполнения, но мне сказали, что делается это проще, и не плодит таких структур: <body><div id="container1"> <div id="container2"> <div id="shadow_left"></div> <div id="shadow_right"></div> <div id="body_10…

    Asked by Andrei88,

    0 votes
    5 answers

  8. Проблемы с SASS

    Вчера начал читать небольшую книжку о SCSS, решил освоить препроцессоры. Уже половину книги прочитал, а все никак не могу настроить командную строку. ОС: Windows XP Что я сделал, шаг за шагом: 1) скачал ruby installer 1.9.3, установил его 2) прописал в командной строке gem install sass 3) sass установился. Но директория по умолчанию не та, которая мне нужна. 4) меняю директорию: cd /d D:\Dropbox\Верстка\Workshop 5) теперь я хочу, чтобы sass автоматически компилировал sass файл в css. Этот файл лежит по адресу: D:\Dropbox\Верстка\Workshop\Mold\style\scss\style.sass 6) Для этого пишу в командной строке: sass --watch Mold\style\scss\style.sass:Mold\style\style.css 7) Результ…

    Asked by Ludwig Voltman,

    0 votes
    5 answers

  9. Вертикальное выравнивание картинки в div

    Доброго времени суток. Помогите, пожалуйста, выровнять вертикально картинки товаров по центру. Пробовал через, но ее получилось. .textalign{ 2 display: table-cell; 3 }

    Asked by smirn0ff,

    0 votes
    5 answers

  10. Вопрос по странному тексту в ie10+иконки соц сетей

    У меня 2 вопроса: 1.Как быть с иконками соц сетей при верстке?Из-них браузер теряет возможность быстро перезагружать страницу при изменении кода (стоит livepage в хроме) И это при установленном денвере. И вообще почему они так непонятно сделаны?Почему я не например прижать их друг к другу с помощью флоата?А двигать могу только при помощи маргинов? 2.Что это за проблема в ie10? http://mygggsitelol.esy.es/

    Asked by Temik2704,

    0 votes
    5 answers

  11. border-radius для внутренних эл-в

    Мне нужно сделать такую штуку: <div class="item_header"> <div class="item_header_title">A SIMPLE MATH PROBLEM</div> <div class="item_header_price">$30</div> </div>для внешнего div'а делаю border-radius, всё хорошо, но вот внутренние вылезают поверх скругленных углов. Можно ли как-то сделать, чтобы 2 внутренних блока (синий и зеленый) были с прямыми углами, но то, что выходит за круглую границу родительского дива просто обрезалось? Вариант скруглить всё что можно работает, но хотелось бы другое решение.. может быть какое-то сочетание из display и overflow? или как-то иначе.. Спасибо

    Asked by basist,

    0 votes
    5 answers

  12. сайт с фонами

    Поделитесь ссылками у кого есть на сайты с бакграундами. Интересует сайт (блин даже не могу объяснить кок он выглядит ), там паучок есть с рекламой на фаерфокс. В левой стороне сайта по моему идет квадрат с фонами. Можно сразу при клике на миниатюру или на ссылку под ней изменить фон сайта и посмотреть как выглядит фон. Больше ничего не помню. Поисковики мне не помогли. Мои закладки каким то образом исчезли с OnlineZakladki.

    Asked by 3d_max_9,

    0 votes
    5 answers

  13. Верстка круглой диаграммы

    Здравствуйте! Подскажите пожалуйста, реально сверстать такую диаграммку резиновую? Или придется использовать какие-то библиотеки JS? Спасибо

    Asked by decode,

    0 votes
    5 answers

  14. Запретить расширение width.

    Дорогие форумчане, доброго времени суток. Есть скриптик - http://jsfiddle.net/4vuPS/1/ Пытаюсь его применить но отнисительно правого края. Получается не очень ввиду того, что блок вылазит за пределы ширины страницы и расширяет эту ширину. http://yadi.sk/d/WK3AuFqqEi8MH Магия какая-то. Подскажите пожалуйста. Спасибо.

    Asked by xxnikolayxx,

    0 votes
    5 answers

  15. Меню - изображение

    Доброго времени суток, прошу прощение если пишу не туда. Дело состоит в следующем: Сайт делаю в Ucoz Есть изображение машины - хочу сделать из него меню, примерно выглядеть оно должно так - чтобы: при наведении на, к примеру стекло(слово), стрелка и сам текст менял цвет, а при нажатии переходило по ссылке. код в css: .logo{background:#E7E7E7 url('/img/theme/apb/logo.jpg') no-repeat top в html: <div class="nHead"> <div id="logo"> <a href="/"> <img src="/sp.gif" class="logo" alt="Логотип" /> <img src="/sp.gif" class="logoLayer" /> </a> </div></div> используется несколько стилей css, т.е. при смене на другой стиль должна выв…

    Asked by Baton4ik,

    0 votes
    5 answers

  16. Третий блок контента не становится на место )

    Здравствуйте, подскажите, пожалуйста, что не так. Не могу разобраться. Есть страничка ........ здесь три колонки в диве Контент. Две стали как полагается - третья зависла внизу. Не могу понять, в чем дело Премного благодарна.

    Asked by ShuraV,

    0 votes
    5 answers

  17. Помогите с шрифтами

    Здравствуйте, пытаюсь сверстать вот этот макет, но никак не могу указать нужный размер шрифта, в фотошопе смотрю размер, показывает 14px, я ставлю font-size: 14px; но получается вот так: Пытался использовать letter-spacing, не помогло подскажите, пожалуйста, в чём проблема, заранее спасибо. P.S. Для сравнения использую PerfectPixel для хрома.

    Asked by Nirealto,

    0 votes
    5 answers

  18. Как сделать меню

    Всех с наступающим! Помогите пожалуйста, как сделать, что при наведении курсора появлялась такая стрелочка http://yadi.sk/d/hSBA3pEhFGMzN

    Asked by Костя654,

    0 votes
    5 answers

  19. div с абсолютным позиционированием внутри td с относительным. Chrome - ok, ФФ - все плохо

    Здравствуйте! Столкнулся со следующей проблемой. Есть строка таблицы, в последней ячейке которой появляется крестик, для удаления строки. Все выглядит вот так: Этот скрин сделан в хроме, где все отображается хорошо. Но в фф появляется проблема - все эти крестики складываются "стопкой" в верхнем правом углу страницы. У последней ячейки позиционирование относительное, у крестика - абсолютное. Вот пример разметки таблицы: <table class="content-table campaignsList"> <cation>cccc</caption> <tbody> <tr> <th> <div class="inner"> <span class="text">cccc</span>…

    Asked by cartrege,

    0 votes
    5 answers

  20. Вопрос по свойству - min-height

    Здравствуйте! Помогите пожалуйста. Я начал верстать, и у меня такая проблема: Мне надо чтобы div в котором цифра 1, был высотой как основной белый div. Подскажите как это сделать. Заранее спасибо!

    Asked by FIL,

    0 votes
    5 answers

  21. Непонятное значение -1e+7px

    Наткнулся на такое: text-indent: -1e+7px; - кто знает что это значит -1e+7px, как можно использовать? Спасибо

    Asked by antonP,

    0 votes
    5 answers

  22. visibility

    Почему при наведении на ссылку она не показывается?? http://jsfiddle.net/dMZHM/

    Asked by DivMan,

    0 votes
    5 answers

  23. Notepad ++ и "ЖИВОЙ ПРОСМОТР"

    Для начала думаю лучше бы добавить официальное видео(правда другой программы!): http://youtu.be/rvo3Mv1Z4qU?t=2m47s А вот и сам вопрос-МОЖНО ЛИ ОРГАНИЗОВАТЬ ТАКОЙ ЖЕ "ЖИВОЙ ПРОСМОТР" И В NOTEPADе?! Если знаете аналоги Brackets,напишите пожалуйста(нужна программа с просмотром изменений в реальном времени!).

    Asked by SKSKSS2013,

    0 votes
    5 answers

  24. Линия с прозрачными краями (затухание)

    Вопрос, как лучше сделать линию ?

    Asked by webdrafting,

    0 votes
    5 answers

  25. Помощь по навигации по сайту

    Помогите пожалуйста, в чем суть проблемы, нужен отступ у моего меню у первого элемента справа 18пх и слева 19пх, у всех остальных элементов справа 39пх. и у последнего справа 17пх. Я знаю про last-child и first-child но почемуто указывая это в свойствах css у меня меняется для всех элементов. Почему? http://rghost.ru/51379805 Ссылка на сайт!

    Asked by oleg126,

    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