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://innachein.blogspot.ru - на основе скачанной темы. Подстроила все под себя, но заметила такую проблему при уменьшении окна браузера: колонки соскакивают вниз, какие-то прокручиваются, какие-то нет. Если менять атрибут position у элементов, то в развернутом виде они уже отображаются не так, как надо. Хотелось бы, чтобы сайт просто уменьшался весь или все прокручивалось. Не слишком хорошо разбираюсь в кодах, чтобы решить это.

    Asked by chein,

    0 votes
    1 answer

  2. Почему съезжает блок

    Подскажите пожалуйста, почему съезжает блок aside при увеличении или уменьшении? http://testsiteoleg126.tk/Kitchenwall/

    Asked by oleg126,

    0 votes
    1 answer

  3. выдвижное меню на css

    при нажатии на одну из категорий выпадает список подкатегорий, и когда нажимаешь на одну из подкатегорий выполняется данный запрос, но при этом меню сворачивается. как сделать, чтоб при переходе на данную подкатегорию меню не сворачиволось. вот код на dle 10.2. код шаблона<!DOCTYPE html> <html lang="en" > <head> <meta charset="utf-8" /> <title>CSS3 onclick Vertical Metal menu | Script Tutorials</title> <link rel="stylesheet" href="css/layout.css" type="text/css" media="screen"> <link rel="stylesheet" href="css/menu.css" type="text/css" media="screen"> </head> <body> <div class="container"> <ul id="na…

    Asked by sotex2,

    0 votes
    1 answer

  4. Кликабельный бэкгрануд

    Задача: элегантно сделать такую штуку: блок с контентом имеет фиксированную ширину и отцентрован. Все остальное пространство (слева-справа) нужно сделать кликабельным. Причем без всяких onclick, а натурально через <A>. Придумал несколько вариантов, но все безбожно кривые. Заранее благодарю за ответ или за наводку, что где посмотреть.

    Asked by Artlive,

    0 votes
    1 answer

  5. Указание высоты элементов в процентах

    Хотел спросить с точки зрения кроссбраузерности указание высоты таких элементов как header или footer ни к каким проблемам не приведет?

    Asked by Vevo,

    0 votes
    1 answer

  6. Модальное окно

    Добрый день! Помогите, пожалуйста, разобраться с маленькой проблемой. На сайте есть модальное окно , которое увеличивает изображения: http://bloky.ru/catalog/333 В данном варианте это маленькие картинки ДСП, ПВХ и т.д. При нажатии на картинку происходит её увеличение, но при этом миниатюра картинки исчезает со страницы сайта, т.е. остается открытой только одна увеличенная картинка. Как же сделать, чтобы отображались одновременно 2 картинки: и миниатюра, и оригинальное изображение? Спасибо! Вот CSS - код модального окна: zoom-images { cursor: zoom-in;}.zoom-images:focus { position: fixed; z-index: 10; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); t…

    Asked by marianna9201,

    0 votes
    1 answer

  7. Как сделать надпись в HTML под углом

    Подскажите пожалуйста как сделать такую надпись в HTML под углом? Это через скрипты делается? или через CSS или HTML?

    Asked by Aleksey1924,

    0 votes
    1 answer

  8. Filter shadow, наследование и 8 ослик

    Есть див с текстом и в нем ссылка. Применяя ie filter shadow к блоку, имеем тень и на тексте ссылки тоже (и на любых других элементах, собственно). Нехорошо. Параметр enabled=false к стилям ссылки - не помогает. Что можно сделать?

    Asked by Destrifer,

    0 votes
    1 answer

  9. Фиксированное позиционирование и скроллинг

    Приветствую, посоветуйте, пожалуйста, как исправить проблему фиксированного позиционирования и скроллинга. Имеется двухколоночный макет шириной 1270px, левая колонка шириной 245px фиксирована (необходимо чтобы при прокрутке страницы вниз/вверх содержимое колонки оставалось на своем месте). Суть проблемы в том, что если страница по ширине не помещается целиком в окно браузера, при прокрутке страницы вправо, текст правого блока наезжает поверх фиксированного левого блока. Спасибо.

    Asked by nouscode,

    0 votes
    1 answer

  10. Какие сеточные системы сейчас актуальны?

    Здравствуйте. Раньше, видел много материалов-обзоров по сеточной системе grid960. Актуальна ли эта тема сейчас, стоит ли с ней знакомиться? Как я понимаю, ее главная проблема, в том, что она не позволяют делать резиновую верстку. Есть ли аналоги, с возможностью делать "резину". Что вы использовали и можете рекомендовать?

    Asked by Yurij98,

    0 votes
    1 answer

  11. Просмотр кода страницы и CSS в мобильном браузере

    Во всех десктопных браузерах есть функция просмотра кода страницы и CSS определенного элемента. Как это посмотреть в мобильном браузере ?

    Asked by kpripper,

    0 votes
    1 answer

  12. Просветление фона при наведении

    При движении мышкой над блоком должен просвечивать цветной фон. Переход плавный без четкого определения границ.

    Asked by alexxx27831,

    0 votes
    1 answer

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

    У проблема, как адаптировать шапку сайта на вордпресс. Что еще нужно кроме указаниея в стилях для различных типов мобильных устройств указать {# header width 100%} того чтобы для полностm. была видна картинка в шапке сайта?

    Asked by intman,

    0 votes
    1 answer

  14. Медиа-запросы не работают без !important

    Добрый день. При вёрстке шаблона столкнулся с такой проблемой: используя медиа-запросы без указания !important к нужному селектору, медиа-запросы не работают. Например: @media screen and (max-width: 640px){ .wrapper{ width: 600px !important; }}Если удалить !important ширина блока останется одинаковой, для любого разрешения экрана.

    Asked by Baravo,

    0 votes
    1 answer

  15. Научите, направьте в нужном направлении css gradient

    Добрый день, господа знатоки! Ни как не могу въехать в тему применения градиентов для текста с помощью css. У меня в шаблоне логитип-градиент. http://i031.radikal.ru/1407/73/088d0dac1b86.png http://s018.radikal.ru/i523/1407/fe/93fda5f53c40.png Я попытался сделать его вот таким вот способом .content .logo .logoText { position: relative; font-size: 40px; color: #FFF;}.content .logo .logoText:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to top, #a00018 35%, #c82945 51%, #e4102c 96%); background-size: 100% 100%;}но получилась полная ерунда http://i058.radikal.ru/1407/12/a430d1abfcb9.png Подскажите как быть…

    Asked by alex.kv,

    0 votes
    1 answer

  16. Как сверстать такой слайдер?

    Как сверстать такой слайдер? или где взять аналогичный? http://s001.radikal.ru/i195/1407/4a/d991e2555715.jpg

    Asked by WEB-best,

    0 votes
    1 answer

  17. Работа с медиа-запросами.

    Добрый день форумчане. Совсем недавно - вчера, начал работать с медиа-запросами и у меня возникло несколько вопросов: Записывать медиа-запросы стоит вначале css документа, в конце или непосредственно под самим селектором? Нужно ли указывать ширину блока (или задавать любое значение селектору) используя @media? Ведь если расположить @media вначале css документа и при этом задать значение нужному селектору, без !important медиа-запрос работать не будет, т.к далее в css документе уже указано значение селектора. Что я имею ввиду: @media screen and (max-width:640px){.wrapper{width:600px}}.wrapper{width: 800px;}/*———————————————————————————-если в строке @media не применить зна…

    Asked by Baravo,

    0 votes
    1 answer

  18. Обтекание дивом таблицы по ширине

    Добрый день. Есть table с динамическим содержимым (текст будет разный и без переноса) без указания ширины. Её хочу обвернуть div-ом, и всё это хочу абсолютно позиционировать по центру окна. Подскажите, пожалуйста, как настроить div, чтобы он схлопывался по ширине вокруг таблицы, а не расползался на всю ширину окна?

    Asked by culver,

    0 votes
    1 answer

  19. Проблема с таблицей

    А точнее с наведением. http://splat.cc.ua/ Давайте мне немного объясним. Вот код таблицы: <table class="price"> <tr> <td></td> <td> Переезд однокомнатной квартиры </td> <td> <span>от 5 450 руб.</span> (Газель + 2 грузчика) </td> <td></td> </tr> <tr> <td></td> <td> Переезд двухкомнатной квартиры </td> <td> <span>от 10 600 руб.</span> (Бычок + 4 грузчика) </td> <td></td> </tr> <tr> <td></td> <td> Переезд трехкомнатной квартиры </td> <td> <span>от 1…

    Asked by kattiperk,

    0 votes
    1 answer

  20. Почему при наведении на пункт меню, не показываются подпункты?

    Почему при наведении на пункт "игры", не показываются подпункты? http://jsfiddle.net/CZ522/1/

    Asked by DivMan,

    0 votes
    1 answer

  21. Первая верстка. Помогите сделать правильно.

    Здравствуйте. Я впервые верстаю страницу и сильно запутался. Перечитал кучу информации, но куча мнений привела к еще большей путанице. Подскажите, пожалуйста, каким стилем правильнее верстать, думал о "резиновом" дизайне, но сразу отказался. Мне явно нужна адаптивная верстка, следовательно нужен "фиксированный" дизайн и потом при помощи @media и делать адаптацию под разные разрешения. Я правильно понимаю? Объясните на примере: шапка сайта состоит из 3-х, накладывающихся друг на друга картинок, текста, кнопок и т.д. Как правильнее сверстать шапку в данном случае? И как в целом стоит начинать верстку с последующей адаптацией под разные разрешения? Заранее спасибо.

    Asked by Anonim_Khb,

    0 votes
    1 answer

  22. белое пространство

    http://jsfiddle.net/p8Z9d/1/ при уменьшнии экрана появляется белое пространство, почему?

    Asked by WEB-best,

    0 votes
    1 answer

  23. Сетка на bootstrap 3

    Помогите пожалуйста с вёрсткой макета на bootstrap 3. Есть макет, ширина которого в psd исходнике 1280px. В нём 12 колонок, каждая колонка по 93px и 11 gutter (промежутков) между колонками по 15px Получается = 12 x 93px + 11*15 = 1280px Как сделать такую сетку? Подскажите где почитать про это? Видимо нужно изменять стандартную сетку bootstrap...Покажите пожалуйста примеры, очень нужно

    Asked by jehkinen,

    0 votes
    1 answer

  24. Настройка ширины Div'а

    Всем доброго времени суток. Ребят, разбираюсь с css, подскажите как сделать. Есть контейнер (с некоторой шириной), в котором ещё три контейнера, нужно чтобы 2й и 3й контейнеры имели фиксированную ширину, а 1й контейнер всё оставшееся пространство. Нужно чтобы контейнеры располагались в строку. Например: <div class="bigDivStyle"> <div class="style1"> тут какой то текст </div> <div class="style2"> второй </div> <div class="style3"> третий </div> </div> .cbigDivStyle { width: 40%; } .style1 { display: inline-block; } .cbigDivStyle { display: inline-block; width: 20px; } .cbigDivStyle { …

    Asked by den_yak93,

    0 votes
    1 answer

  25. Рисование на чистом CSS

    Есть ли у вас на примете визуальный редактор в котором можно было бы сразу рисовать в CSS? Хочется реализовать что-то в этом духе: http://marvelapp.github.io/devices.css/

    Asked by SKSKSS2013,

    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