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. Input type=file

    И снова здравствуйте! У меня опять задача. Первый раз столкнулся с type=file и очень удивился, когда к нему не применились стили, выставленные для input. Покопавшись в интернетах, нашел самый популярный один способ его стилизации с помощью подложки и двойного инпута. Так вот в чем вопросы(возможно риторические): 1)если дизайн не очень портится от стандартного инпута, может не стоит извращаться или такая стилизация вполне нормальна? 2)есть ли еще какой-нибудь способ его разукрасить?

    Asked by Softlink,

    0 votes
    2 answers

  2. Многоязычный сайт

    Скажите, пожалуйста, как правильно организовать структуру многоязычного сайта для поисковиков(допустим в meta прописать на всех языках в основном index файле или прописать для каждого языка в своем файле)?Какие-либо нюансы при организации структуры? На что обращать внимание? Рада буду любым полезным полезным ссылкам и советам.

    Asked by Анна,

    0 votes
    2 answers

  3. Верстка контент бокса

    Доброго времени суток. У меня есть три изображения бордера контент бокса: 1-верхняя и боковые границы, 2-боковые границы и 3-боковые и нижняя границы. Мне необходимо сверстать этот бокс таким образом, что бы он мог без проблем растягиваться во вертикали. Т.е. верхняя часть остается на месте, средняя увеличивается по top+bottom, нижняя чать опускается. Пытаюсь сделать таким образом: HTML <div class="middleborder">[i]Контент[/i] <div class="top"></div> <div class="bottom"></div> <div> CSS div.topborder { display: block; background: url(image/top.png) no-repeat -18px -25px; height:210px; } div.middleborder { display:inl…

    Asked by jaguar_sea,

    0 votes
    4 answers

  4. Полоса прокрутки.

    Здравствуйте, у меня такой вопрос, При появлении вертикальной полосы прокрутки, дизайн страницы сдвигается влево на 10рх, как можно это исправить с помощью css?

    Asked by an1401,

    0 votes
    6 answers

  5. WEB-интерфейсы приложений

    Вот есть такой вопрос.... Часто сталкиваюсь с web-интерфейсами различных программных продуктов, допустим 1С8 или Kerio Control и не могу понять, как они разрабатываются? Я сталкивался с ПО типа Adobe Flex SDK, но там как я понимаю речь идет об обратном действии - создать desktop-приложение из web. Неужели все эти интерфейсы (1C или Kerio) так же верстаются при помощи HTML и CSS ?

    Asked by bonyany,

    0 votes
    4 answers

  6. HTML5 — Section? Aside?

    Давайте поговорим об html5 семантике, как бы вы разметили данный макет?

    Asked by ruslan.savenok,

    0 votes
    17 answers

  7. Сложно ли изучить HTML / CSS?

    Привет, являюсь J2EE разработчиком. Думаю изучить (может поверхностно) HTML и CSS. Сколько времени нужно потратить на получение вменяемых знаний, которые реально можно будет использовать на практике?

    Asked by fedotxxl,

    0 votes
    12 answers

  8. Подстройка шрифта под разные расширения экрана

    Доброго времени суток. Интересует такой вот момент. Леплю сейчас резиновый шаблон для сайта. Всё вродебы гут, но завис на размере шрифта. Можно ли както задать размер шрифта пропорционально расширению экрана? Заранее благодарен за любую полезную инфу

    Asked by SunChase,

    0 votes
    7 answers

  9. Прототип меню

    Сперва объясню задумку. При наведении на верхний .elem из под #grey_box выдвигается .back с такими же .elem. .elem имеют событие :hover. Конструкция резиновая. #grey_box { height: 50px; background: #ddd; padding-top:10px; } table { margin-left:300px; } .back{ padding-top:30px; background:orange; position:relative; z-index:-1; } .elem{ background:blue; } .elem:hover{ background-color:yellow; } <!DOCTYPE HTML> <html> <head> <link rel="stylesheet" type="text/css" href="css.css"> </head> <body> <div id="grey_box"> <table> <tr> <td> <div class="elem">menu item</div> &lt…

    Asked by Titansword,

    0 votes
    19 answers

  10. список поверх рисунка

    как сделать, чтоб нумерация списка была видна, а то остается под рисунком вот ссылка

    Asked by jumancy,

    0 votes
    7 answers

  11. Норматив

    Собрался верстать резину, но не знаю, какими ставить минимальную и максимальную ширину. Что посоветуете? Минимум думаю, стоит ставить 1000, а максимум какой?

    Asked by ctpz,

    0 votes
    18 answers

  12. css reset

    Добрый день у меня возник такой вопрос каким css reset пользуетесь вы ? и какой самый лучший по вашему мнению ... я например использую такой ... но мб есть и лучше (правельнее) , хотелось бы узнать ваше мнение .. h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; pad…

    Asked by MaferoK,

    0 votes
    30 answers

  13. Notepad++

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

    Asked by web-monster,

    0 votes
    12 answers

  14. Проблема со слоями за экраном

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

    Asked by North-28,

    0 votes
    7 answers

  15. Проблемы с горизонтальным меню

    Люди добрые, нужна Ваша помощь. Со вчерашнего вечера ломаю head над header'ом. В горизонтальном меню, которое в идеале должно выглядеть так: при масштабировании возникает обрыв последнего блока меню на следующую строку. В первом варианте только ИЕ9 отображает меню именно так как я хочу. - см. тут Во втором варианте - когда я установил фиксированную ширину li, контент ячейки лезет вниз - и тут Помогите!!! Вариант 1 HTML: <div id="header"> <div id="innerHeader"> <img class="logo" src="images/logo.png" width="175" height="49" alt="Мир насосов"> <img class="slogan" src="images/slogan.png" width="781" height="27" alt="Наш девиз">…

    Asked by Sergaua,

    0 votes
    5 answers

  16. Помогите пожалуйста сверстать кому не трудно

    Кто поможет сверстать простой макет? пожалуйста

    Asked by skeman,

    0 votes
    10 answers

  17. Резиновая кнопка оригинальной формы

    Я недавно начал заниматься версткой и столкнулся с небольшой проблемой. Нужно сделать кнопку, растягивающуюся в зависимости от ширины текста. Кнопка имеет необычную форму. Растягивание кнопки с обычными закруглениями выполняется просто. Здесь нужно сохранить форму кнопки: левый и правый края, а растягивать только середину. Я нашел решение, но в нем кнопка становиться длинной с большими отступами текста. Нужно сделать кнопку как можно короче. Кто сталкивался с подобной проблемой, надеюсь на вашу помощь. Заранее благодарен. Кнопка: http://webfile.ru/5469334

    Asked by silverlight90,

    0 votes
    3 answers

  18. Резиновая шапка при фиксированном сайте

    Сайт на шаблоне с фиксированной шириной. Необходимо сделать на сайте шапку. Сейчас шапка на сайте есть, сделана по вот этому уроку, но вариант не подходит, так как в нём используется body { background <...> }, а мне нужно через backgroung задать сайту фон. Пробовал ещё такое решение: CSS: .container { background: #fff repeat; margin: 0 auto; height: 192px; width: 100%; overflow: hidden; position: relative; } template.php: <div class="container"> <div align="center"><img src="http://site.ru/themes/theme/images/top.jpg" alt="" /></a></div> </div> С высотой шапки 192px и шириной >1700px. Но при использовании этого способа,…

    Asked by vkapas,

    0 votes
    8 answers

  19. проблема с подвалом

    помогите пожалуйста решить проблему с подвалом. сверстал страничку, используя этот шаблон. в результате подвал обрублен с правой строны и (что главное) при уменишении размера экрана(ctrl+колесо мыши)прилипает к левому краю экрана так же буду раз любым замечаниям и критике

    Asked by cyklop77,

    0 votes
    9 answers

  20. Проблема с валидацией

    Имеется такой файл: ?<!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=utf-8" /> <link rel="stylesheet" type="text/css" href="pdd_style.css" /> <title>Документ без названия</title> </head> <body> <h1>Правила Дорожного Движения 2011</h1> <h3>4. Обязанности пассажиров</h3> <ul> <li><span class="point">5.1.</span>Пассажиры обязаны:</li> <ul> …

    Asked by Selassie,

    0 votes
    2 answers

  21. 2 колонки и IE

    Собственно, нужно добиться: А ИЕ выдает: Вот HTML: <div id="page"> <div><div id="left"> Menu </div> <div id="content"> <p>Content</p> </div></div> <div id="footer"> Footer </div> </div> А вот CSS: #page { width:1010px; background-color:white; margin-top:15px; text-align:left; padding:5px; } #left { float:left; width:300px; } #content { width:700px; margin-left:305px; } #footer { width:100%; } Помогите пожалуйста!!

    Asked by rizorko,

    0 votes
    15 answers

  22. выделение button в opera

    здравствуйте. как убрать черную рамку при нажатии на input[type=button] в opera? спасибо

    Asked by vvsh,

    0 votes
    2 answers

  23. Расположение потомка позади предка

    Можно ли расположить элемент-потомок позади родительского элемента? С z-index ковырялся, но не вышло.

    Asked by Titansword,

    0 votes
    17 answers

  24. Как сделать просмотр видео, в flv формате, на сайте?

    Забавно, но не могу уже второй день решить такой казалось бы простой вопрос. Нужно разместить flv видео подобно тому как на youtube. Чтоб также как и там, у пользователя появлялся проигрыватель, и он мог прям на странице просмотреть видео (сейчас у меня просто ссылки на скачивание). Сайт находится внутри городской локальной сети доступ из которой к Интернету часто недоступен, и вариант с видеохостингами отпадает. И чтоб работала это во всех популярных браузерах (IE, Opera, FireFox, Chrom). С инета надергал и перепробывал с полтора десятка различных вариантов, но не один кроссбраузерно не работает Например используя тег embed вообще не в одном браузере не заработало. А…

    Asked by Maximalist,

    0 votes
    1 answer

  25. Помогите понять - заморочка со слоями

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

    Asked by Roomas,

    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