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. Проблема с версткой

    Добрый день. Столкнулся с проблемой верстки. Есть веб-форма (по сути диалоговое окно) следующего содержания - Заголовок - фиксирован по высоте и расположен сверху формы - Футтер - фиксирован по высоте и расположен снизу формы - Область дополнительных данных - располагается над футтером размер не фиксированный - при появлении нового элемента должна увеличиваться высота (полоса прокрутки не должна появляться). - Основной контент - внутри количество содержимого не определено заранее (динамически наполняется). Занимает оставшуюся площадь между заголовком и областью дополнительных даных. Должна появляться полоса прокрутки Как это выглядет графически - можно посмотреть …

    Asked by Amelin.Lev,

    0 votes
    2 answers

  2. Как проще сверстать логотип (минимум кода)

    Как проще сверстать логотип ( смотрите код: http://jsfiddle.net/0msb5jj8/ ) Что-то мне кажется, у меня много кода и классов для какого-то логотипа )))) Может, есть вариант проще сверстать?

    Asked by Alfa2015,

    0 votes
    22 answers

  3. Оцените мою корявую верстку)

    Всех приветствую, я новичок в это ремесле. Вот начал верстать этот простенький макет: Как видите макет простой. Вот код моего творения( html и css). <!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" lang="ru-RU"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Верстка сайта</title> <link rel="stylesheet" href="st.css" type="text/css" /> <link rel="stylesheet" href="bootstrap.css" type="text/css" /></head><body><div id="wraper"> <div id="…

    Asked by breezyday27,

    0 votes
    4 answers

  4. submit с триугольником справа

    Есть ли возможность с помощью css у submit сделать триугольную границу справа, как это было бы для ссылки? a::after{ content:''; position:absolute; right:-30px; bottom:0; border:15px solid transparent; border-left:15px solid #009944; }Дело в том, что after не работает для input. Можно просто сделат блок справа с триугольником, ну нужно при наведении мышки менялся цвет кнопки.

    Asked by PavelTkachev,

    0 votes
    2 answers

  5. Страница-заглушка "В разработке"

    Вопрос следующего характера. При создании страницы-заглушки "в разработке" нужно посылать какие либо заголовки, как при создании страницы 404? или это просто страница и поисковиками она нормально обрабатывается?

    Asked by BirviZ,

    0 votes
    13 answers

  6. Найти подходящий элемент

    В общем хочу сделать вот такую штуку , но даже не знаю как подступиться .Подскажите пожалуйста.

    Asked by dr48,

    0 votes
    2 answers

  7. Чтобы все картинки сайта встали по центру

    Здравствуйте! Поменяла шаблон на вордпресс-сайте. Область контента теперь шире чем нужно, картинки лепятся к левому краю. Я их не загружаю в текст, а прописывают отдельно через <img border="0" src="" alt=""> Что прописать в стилях, чтобы все картинки на сайте показывались по центру? По идее можно к каждому изображению добавить <DIV ALIGN="CENTER"> Но это долго и нудно - страниц очень много. Что прописать в стилях для видео, чтобы оно тоже отображалось по центру?

    Asked by StOK,

    0 votes
    4 answers

  8. Заголовок с горизонтальной линией по центру

    Всем привет) Есть заголовок, по центру горизонтальная линия. Пока он помещается в одну строку - всё хорошо, проблемы с длинным заголовком: http://jsfiddle.net/d7u6Lcf8/ Согласно дизайна должно быть так: http://clip2net.com/s/3khqHjc Ребят, подскажите, реально ли так сверстать или это мечты дизайнера?

    Asked by Crystal-3,

    0 votes
    5 answers

  9. Помогите разобраться с @media screen

    Запуталась с @media screen Эта строчка @media screen and (min-width: 320px) and (max-width: 480px) означает: что стили будут применяться при минимальной ширине экрана 320px и максимальной ширины 480px, я правильно понимаю? Я проэксперементировала и получилось что эти стили применились к: 320 × 480 Телефон(портрет) 480 × 320 Смартфон (ландшафт) 480 × 800 Планшет (портрет) Вопрос: как мне к ним применить разные стили. Пробовала так, по отдельности: @media screen and (max-width: 320px) { ...} @media screen and (max-width: 480px) { ...} @media screen and (max-width: 800px) { ...} , но ничего не получается (стили применяются туда, куда не надо) То есть, я хочу, чт…

    Asked by Alfa2015,

    0 votes
    3 answers

  10. Проблемы в коде

    Доброго времени суток, Уважаемые форумчане! Я новенький на сайте и по созданию сайта, вот наткнулся на проблему при верстке, браузеры не все правильно отображают, хотя делал все по инструкции. Так вот, если тут добрые, то есть, уверен, что все добрые, те у кого время есть разобраться и помочь. Если можно скайп или еще что-нибудь! Спасибо! Очень жду Вашей помощи!

    Asked by Nurik_HTML,

    0 votes
    9 answers

  11. SweetAlert размеры для телефонов

    Добрый вечер! Решил стандартный alert заменить на Sweet Alert. Работает все нормально, на компьютерах все смотрится хорошо, но почему-то на телефонах окно обрезается, пытался подправить css, добавить горизонтальную полосу прокрутки, но ничего не получается. Прилагаю 2 изображения: как смотрится на телефоне (обрезанное окно) и как выглядит на компьютере. Что нужно изменить в данном css файле? body.stop-scrolling { height: 100%; overflow: hidden; }.sweet-overlay { background-color: black; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 */ background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bot…

    Asked by Forsait,

    0 votes
    3 answers

  12. Отступ в html верстка меню windows 8, квадратики

    Доброго дня, друзья у Вас абсолютно замечательный форум, и сайт, надеюсь на Вашу помощь. Статью уже почитал. http://htmlbook.ru/faq/theme/margin можете мне обьяснить более популярно? Был на курсах html css 0 уровень, вот задача сверстать меню windows 8 как сделать так, чтобы квадратики были не 4 подряд, а чтобы было 2 строчки первая строчка - 2 квадрата вторая строчка - 2 следующих квадрата ? Как управлять квадратами? Как Стать Властелином Квадратов? С уважением. Ларин Иван css такой https://yadi.sk/d/t_he7WNNhaWXX

    Asked by IvanLarin,

    0 votes
    4 answers

  13. Нельзя активировать плагин на локальной странице

    -Есть расширения в хроме page ruler/color picker/perfect pixel -Я верстаю сайт, когда хочу активировать плагин пишет "Не разрешается использовать плагин на локальной странице" Нужно по идееи куда то сайт закинуть?Почему то на яндекс/гугл диске нельзя открыть папку. Как быть чтобы ето было быстро? Спасибо!

    Asked by аркей,

    0 votes
    1 answer

  14. Проблемные моменты в вёрстке (треугольники)

    Учусь верстать сайты, верстаю етот макет http://freepsd.ws/besplatnyj-psd-shablon-mihstore/ есть 3 проблемных места. В бордере здесь есть треугольник, в принципе мог бы его добавить через фото и центрировать через position но при изменениях на сайте он наверняка слетит, есть какие то другие решения?Или он не должен слетать. В белом бордере есть вырез, как реализовать? Опять вырез.

    Asked by аркей,

    0 votes
    2 answers

  15. Ширина абсолютного блока зависящая от контента

    Дорбого дня уважаемые коллеги. Столкнулся с очень интересным вопросом. Есть врапер - с pos: relative, внутри него список (pos: absolute) и в LI находится еще один выпадающий список (pos: absolute). Он находится ровно справа левого блока. За врапером. Внутри него также есть LI с контентом. У него задана min-width и height. Демонстрация: https://jsfiddle.net/ox7cvj32/1/ Хочу, чтобы при достижении такого количества контента, которое превышает высоту данного списка, его ширина увеличивалась и контент просто шел другой колонкой. Есть вариант сделать: column-count и его производными, но нужно сразу указать количество столбцов. Мне же нужно, чтобы было динамически…

    Asked by Velidan,

    0 votes
    2 answers

  16. Выровнять текст возле картинки

    Подскажите, пожалуйста, что прописать в коде, чтобы текст выровнялся по центру. Он располагается возле картинки, но внизу. Сам код: <div style="padding:8px; border-radius:10px; background: #FF7F50"><div style="padding:15px; border-radius:8px; background: #FFFFFF; text-align:right; img-aligh: left; font-weight:bold; color: #000000"><img border="0" src="" alt="картинка 80х80px">Текст, который нужно выровнять по вертикали</div></div>

    Asked by StOK,

    0 votes
    11 answers

  17. html-теги

    ещё не верстал ничего,пока учусь только,Хотел узнать,нужно ли использовать теги для разметки <caption> <article><footer> и т.д.,или всё делать divaми и задавать классы?

    Asked by Andrue-Selen,

    0 votes
    3 answers

  18. Не работает скрипт.Почему?

    Не работает скрипт.Почему? $dir = "c:\2"; // Открыть известный каталог и начать считывать его содержимое if (is_dir($dir)) { if ($dh = opendir($dir)) { while (($file = readdir($dh)) !== false) { echo "файл: $file : тип: " . filetype($dir . $file) . "\n"; } closedir($dh); } }

    Asked by aleks100,

    0 votes
    3 answers

  19. Фундаментальные законы HTML и CSS

    Здравствуйте! Интересует вопрос о базовых законах HTML и CSS (на подобии такого тезиса, что нельзя блочные элементы "засовывать" в строчные). Прошу написать всё, что придёт в голову по этому вопросу, но очень был бы признателен, если кто-то кинет ссылку, где можно про это почитать.

    Asked by Я_Евгений,

    0 votes
    4 answers

  20. Многоуровневый accordion

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

    Asked by kattiperk,

    0 votes
    3 answers

  21. Div'ы на разной высоте

    Есть страница http://www.slawyer.ru/landing Там есть блок Почему выбирают нас? http://joxi.ru/0KAgn84cNQyd2l Помогите внутри него дивы выровнять по горизонтали http://joxi.ru/XYmEZnxHB8lQ26

    Asked by smirn0ff,

    0 votes
    6 answers

  22. Прозрачный текст с тенью в Chrome

    Всем привет! Наткнулся я на странный баг в браузере Chrome (может есть и в других браузерах, но я заметил в этом). Вот суть бага: если сделать текст с тенью прозрачным цветом, то прозрачный цвет текста будет считаться не от фона, а от чёрного цвета. То есть как будто текст лежит на элементе с чёрным фоном. Вот пример. Без тени и без прозрачности всё ОК. Чем можно объяснить такое поведение, может это вовсе и не баг, вы с этим сталкивались, и как это обойти?

    Asked by afdw,

    0 votes
    8 answers

  23. Фиксированный размер блоков и перенос текста для мобильных устройств

    Есть блок фиксированной ширины (допустим, 900px) с текстом. Если просматривать страницу на мобильном устройстве и приближать, то после того как область просмотра станет меньше ширины блока (900px), текст начнет переноситься и оставаться в области равной ширине экрана. Соответственно, вся остальная верстка на странице от этого плывет. Что можно сделать чтобы текст не переносился? Можно прописать блоку white-space: nowrap, а переносы проставлять вручную с помощью <br /> там где нужно. Но что делать, если контент страницы формируется динамически и брейки проставить нельзя? Можно ли как-то заставить текст занимать область ширины блока и переноситься в зависимости от шир…

    Asked by dangerous,

    0 votes
    0 answers

  24. Проблема с CSS Animation

    Есть небольшая проблема с анимацией, рассказываю на примере mozilla firefox (т.к. в хроме так в обще не раболает) : При первом наведении курсора на блок фон начинает двигаться, при убирании курсора фон так же плавно смещается обратно ( Это правильно ). Если второй раз навести курсор и через пару секунд убрать курсор с блока анимация фона пропадает и фон быстро прыгает обратно. Подскажите, пожалуйста что я делаю не так, есть ли способ сделать такую анимацию на css? Пример на этой странице

    Asked by antonP,

    0 votes
    4 answers

  25. редиррект с www.domen.com на domen.com в файле .htaccess

    Скажите пожалуйста, как настроить редиррект с www.domen.com на domen.com в файле .htaccess Вот в Яндексе есть опция выбора главного зеркала, в Гугле раньше была, сейчас уже нет. Похоже что через гугл-вебмастер это не решается. В сайтмап указал всё БЕЗ www. Яндекс схватил всё правильно БЕЗ www, а вот Гугл - как-то непонятно, есть странички и С и БЕЗ www

    Asked by alleclf,

    0 votes
    1 answer

  • Обсуждения

    • 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