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. Opera Mini и отображение текста

    Всем привет! При тестировании сайта http://xn--80aagh4alouex5ff.xn--p1ai/ в опере мини текст собирается в узкую колонку, что я только не пробовала для нормально отображения. Кто чем может помогите И еще форма обратного звонка почему то в середине шапки отображается Скрины: http://prntscr.com/38thgy http://prntscr.com/38thdt

    Asked by Anna Zharova,

    0 votes
    3 answers

  2. Проблема кроссбраузерности вращения блока с текстовым содержимым

    Здравствуйте! Задаю блоку меню такие свойства: -webkit-transform-origin: 50% 50%;-moz-transform-origin: 50% 50%;-o-transform-origin: 50% 50%;-ms-transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;-webkit-transform: rotate(-1deg);-moz-transform: rotate(-1deg);-o-transform: rotate(-1deg);-ms-transform: rotate(-1deg);transform: rotate(-1deg);Адекватно изменения отображаются только в Firefox, в остальных же браузерах текст пунктов отображается ступенчато, буквы прижимаются друг к другу.В чем может быть причина?Спасибо!

    Asked by Ярослав,

    0 votes
    0 answers

  3. На разных экранах блок {position: fixed;} гуляет

    Здравствуйте уважаемые форумчане, у меня всегда были проблемы с позицированием, подскажите, как сделать так, что бы на разных экранах блок добавления комментария сидел на тот месте, как показано на первом скрине:

    Asked by Viniculo,

    0 votes
    13 answers

  4. Помогите с меню навигации

    Подскажите как реализовать вот такое вот меню навигации (http://moscow.auto.ru/) поиск категорий.

    Asked by Inhuman,

    0 votes
    2 answers

  5. и снова вопрос по шрифту

    Добрый день. Использую шрифт, семейства PF BeauSans Pro, так как он нестандартный, то использую такой скрипт, для кроссбраузерности: @font-face { font-family:"PF BeauSans Pro-Reg"; src:url('../fonts/PFBeauSansPro-Reg.eot'); src: url('../fonts/PFBeauSansPro-Reg.woff') format('woff'), url('../fonts/PFBeauSansPro-Reg.ttf') format('truetype'); url('../fonts/PFBeauSansPro-Reg.svg') format('svg'); font-weight: normal; font-style: normal;}Он отображается на всех браузерах, но не так как в макете: неаккуратно и жирность шрифта разная, от этого и цвет немного другой, не как в макете: Из макета Из сайта Из макета Из сайта Чем можно э…

    Asked by Nailya,

    0 votes
    2 answers

  6. скрипт купона скидки на сайт

    Есть у кого готовый скрипт или совет как разместить кнопку например "Скидка 10%" при нажатии на которую счетчик в каким либо лог файле увеличивался и выводилась простая форма печати "Купона скидки" Чтобы к заказчику приходили люди с купонами а я видел статистику по распечаткам этих купонов.Спасибо

    Asked by romoga,

    0 votes
    1 answer

  7. Вставка видео на сайт

    Пытаюсь на странице отобразить видео. В интернете нашел два способа. Но в итого для каждого примера (ниже) бесконечно долго загружается страница с видео. Но если файл открыть с помощью Internet Explorer (Открыть с помощью... -> Internet Explorer) то видео воспроизводится Кто знает или догадывается подскажите что не так делаю ! adobe flash player установлен ————————— I <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>PLAY MOVIE</title> </head> <body> <p> <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="480" height="360"> …

    Asked by OShink,

    0 votes
    7 answers

  8. Растянуть плавающий блок на всю оставшуюся ширину

    Здравствуйте. Нужно сделать так, чтобы текст новости на странице(внизу) занимал оставшуюся ширину дочернего тега, таким образом, чтобы текст обтекал картинку новости справа и снизу(если он будет длинный, если это не сложно). Какими стилями это можно сделать? Шаблон хочу сделать адаптивным, поэтому фиксированную ширину тексту задавать не вариант. P.S. Решил вопрос, перейдя на inline-block

    Asked by borus,

    0 votes
    0 answers

  9. Незаметна навигация при помощи клавиши Tab

    По каким причинам может быть не виден переход по разделам меню, с помощью клавши Tab?

    Asked by Dzvene,

    0 votes
    4 answers

  10. Как реализовать такое меню.

    Подскажите как реализовать меню поиска как тут http://vladimir.auto.ru/ поиск категорий.

    Asked by Inhuman,

    0 votes
    1 answer

  11. Сложный блок с тенями

    Всем привет! Не могу сообразить каким образом можно сверстать вот такой блок с надписью: http://screencast.com/t/1uLjU779Z8 Прошу помочь направить в нужном направлении.

    Asked by westyeast,

    0 votes
    1 answer

  12. Тень блока кроссбраузерная

    Возникла проблема с тенью (CSS3) для блока. Во всех последних браузерах все работает, однако IE8 и ниже ни в какую не желает появляться. Пробовал трюк с PIE.htc, однако тоже не получилось. Тень необходима для одной стороны (левой). Тень нужна вертикальная, имеет элиптическую форму, т.е. верхний и нижние части тени с сильным закруглением, посередине тень растягивается. Есть варианты это сделать с помощью 3 картинок? Помогите, пожалуйста. Посмотреть эскиз можно здесь: http://snap.ashampoo.com/UVcEmP0i

    Asked by Rozmarin,

    0 votes
    1 answer

  13. Идентификатор или класс?

    Объясните пожалуйста, нигде найти не могу найти толкового объяснения. А именно: почему параметры основных блоков, таких как footer, main, header советуют тоже через классы задавать? почему id - это не правильно\не эстетично!?

    Asked by SLaVeRS9,

    0 votes
    34 answers

  14. Сплошная линия при печати

    День добрый. Нужна вывести линии для подписи и даты. Например вот этого - Директор ______ И.И.Иванов; "___" ________ 20__ г. В html линия сделал с помощью клавиши "Shift" и повторяющего нажатия на клавишу клавиатуры. В предварительном просмотре же данные линии отображаются пунктиром. Как решить данный вопрос? Заранее спасибо.

    Asked by nik_neman,

    0 votes
    2 answers

  15. разрешение экрана

    помогите пожалуйста когда я захожу своим компьютером все показывает нормально а когда сохажу с другого вот так как это исправить хотелось бы например как на google картинки https://www.google.ru/search?q=%D0%BA%D0%B8%D0%BD%D0%BE&es_sm=93&source=lnms&tbm=isch&sa=X&ei=ilJFU5HVKOPx4QS0m4HgCA&ved=0CAgQ_AUoAQ&biw=1440&bih=775 http://codepen.io/lybrook/pen/qLICb

    Asked by adminfilm,

    0 votes
    7 answers

  16. стилизация скролла со смещением

    помогите пожалуйста советом страничка из трёх колонок. вёрстка готова полностью и колонки подвинуть нет возможности. при этом клиент просит добавить стилизованный левый скролл левой колонке. я пробовал некоторые js-плагины, но все они работают по принципу: ограничить область и отсечь при помощи overflow: hidden родной скроллдобавить ВНУТРЬ контейнера новый(стилизованный) скроллпроблема в том, что в моём случае стилизованный скролл должен быть смещён влево за пределы контейнера, что невозможно при действующем overflow: hidden. при этом он должен быть изъят из потока(то есть не влиять на элементы центральной колонки) вот такая безвыходная ситуация. может кто-нибудь пос…

    Asked by cyklop77,

    0 votes
    11 answers

  17. Блокировка изменения select.

    Приветствую профессионалов и новичков. Столкнулся со следующей проблемой - как заблокировать изменение select при этом сделав его видимым в массиве $_POST. Аттрибут disabled для этих целей не подходит.

    Asked by maxakagaret,

    0 votes
    6 answers

  18. Стоит ли переходить на HTML5

    Стоит ли переходить на HTML5 ? Сейчас 09.04.2014. Какие при этом будут плюсы и минусы ?

    Asked by NurMeow,

    0 votes
    9 answers

  19. Ссылка на видео

    Всем привет! У меня возник такой вопрос, как вытаскивать ссылку на видео что-бычто она не меняла вид. Для примера я вытаскивал через изходный код ссылку с сайта brb.tu (fs.ua) вида http://brb.to/get/play/8ozpditxvn1d0pnb2ykt90igp_hd.mp4 но через пару часов или сутки она уже изменилась на http://brb.to/get/play/8ozpditxvn1d0pnb2kjoi7mnt_hd.mp4 Может есть парсер какой или кто знает другой способ.

    Asked by paaaffka,

    0 votes
    1 answer

  20. Нужна помощь по размещению блока

    Вот есть такой блок :Красным обвел то, что хочу добавить. Там хочу сделать ссылки. Вид ссылок хочу взять из этого скрипта. Помогите, пожалуйста, разместить и сделать это все. Из скрипта только внешний вид ссылок с оверлэем. Я новичок и пока с css не дружу) Для меня это как-то пока что сложновато=)) Спасибо

    Asked by Dimkar,

    0 votes
    1 answer

  21. Слайдер с видео

    Народ, кто подскажет может скрипт на джери или джаваскрипт вот такого слайдера http://yadi.sk/d/gW1vRrnnM3fgV может с описанием

    Asked by Kosta654,

    0 votes
    6 answers

  22. float:left для выравнивании по верхней стороне или лучше что-то другое?

    Здравствуйте снова На сайте надо блоки "Подарки и сувениры", "Дизайн" упорядочить по верхней границе. Попробовал стиль: float: left;для div.rt-block.cp - справляется, надо только будет тогда display: inline-block; у них убрать. Это правильный метод или лучше что-то другое использовать для div.rt-block.cp, у которых сейчас display: inline-block; ?

    Asked by borus,

    0 votes
    2 answers

  23. Стили вставляют пробел или Joomla?

    Начал менять стили вывода встроенного модуля "Материалы - Список материалов категории" Joomla 2.5.19. Не пойму, это Joomla добавляет пробелы перед точками, которые добавляю стилями :after или это какие-то стили делают? Пробелы можно увидеть на примере ссылки "Подарки руководителю ."

    Asked by borus,

    0 votes
    6 answers

  24. высота адаптивного слайдера

    ребят, помогите пожалуйста уменьшить высоту слайдов адаптивного слайдера, если это вообще возможно сейчас на страничке высота слайда 395px, а нужно приблизительно 200px(+/-) я пробовал в фотошопе изменять размер исходных картинок, но высота слайда на странице от этого не изменилась

    Asked by cyklop77,

    0 votes
    2 answers

  25. Проблема с тенью

    http://jsfiddle.net/Zverushka/3s52B/ Есть часть элемента таймера. Проблема в том, что тень заходит на соседнюю плашку, как сделать, чтобы тени плашек были за ними - обеими?

    Asked by Zverushka,

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