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. Стили смешиваются

    Делаю сайт и задался вопросом как создать мобильную версию. Нашел что с помощью Media Queries можно реализовать. Но вот когда я подключаю стили и захожу на мобильную версию, то сайт выглядит плохо так как стили перемешиваются вместе, а по идеи они должны отключаться. Например мы зашли на мобильную версию, то style.css должен отключиться, а так не происходит, кто может сказать в чем дело? <link rel="stylesheet" media="only screen and (min-width: 100px) and (max-width: 10000px)" type="text/css" href="style.css"> <link rel="stylesheet" media="only screen and (min-device-width: 32px) and (max-device-width: 10000px);" type="text/css" href="style_mobile_v2.css"> Ср…

    Asked by seregan,

    0 votes
    0 answers

  2. проблема с круглими меню

    меню не появляется в Chrome и в Opera, а в Mozille все пордядке..Помогите пожалуста, пытался создат вот такой http://jsfiddle.net/jPFgS/17/ круглинкий дизайн, (я совсем новичок в этом,) так вот, в вверху 3 меню, средная при "hover" появлается, а вот те другие нет, в mozilla все работает, а вот в Chrome и в Opera нет, как можно решить эту проблему?.прошу знаюшим помочь мне..извенитье за плохой русский, сам я не русский..

    Asked by sarhov,

    0 votes
    0 answers

  3. Совмещение центрирования и фиксации.

    Начал изучать "html5, css3 и web 2.0" по Дронову. Пишет сухо, догонял, пока писал про html, в CSS вообще опа полная началась. Почитал уроки, посмотрел примеры, но не нашел ответы на интересующие вопросы. Читал примеры, листал форум, похожее есть, но не про нашу честь, как говориться. К делу: пишу страничку, задача, примерно обрисована в схеме.., необходимо поверх фонового изображения накинуть несколько блоков с рисунками. Основная сложность - позиционирование. В целом, в полном окне все выглядит неплохо,но как только начинаю масштабировать окно браузера, все начинает плыть, кнопки (граф. текст в схеме) съезжают, баннер сверху на главной съезжает, все болит, ничего не помо…

    Asked by wyvannm,

    0 votes
    0 answers

  4. psd шаблон для новичка

    Напишу, что видел раздел с psd шаблонами. Но там я не нашел шаблон не сложного уровня. Меня интересует psd шаблон на тематику интернет магазина с основными элементами: шапка, футер, меню и основное содержимое. Буду благодарен за помощь

    Asked by mastermedia,

    0 votes
    0 answers

  5. влияние А на Б (CSS)

    Добрый день! 2 дня в изучении HTML+CSS, прошу сильно не пинать если назову вещи не своими именами... Имеется несколько изображений, слоями расположенными друг над другом, и выдвигающиеся при наведении на них курсора мыши. Сейчас #start_photo_1, при наведении мыши, смещается из под #start_photo_2 влево. Вопрос: Как сместить объект #start_photo_2 вправо, при наведении курсора мыши на #start_photo_1 ? Заранее спасибо! имеющийся CSS код приведен ниже #content { position:relative; width: 800px; height: 484px; } #start_photo_1{ z-index: 1; width: 200px; height: 484px; -webkit-transition: all 1.5s ease-in-out; /** Chrome & Safari **/ -moz-transition: all 1.5s ease-in-out; …

    Asked by iPozitiv,

    0 votes
    0 answers

  6. выравнивание в селектах

    Приветствую! Скажите как выровнять текст в селекте по правому краю, в мозилле все хорошо но в хроме и т.д. не выравнивается.

    Asked by chiosan,

    0 votes
    0 answers

  7. проблема с footer

    структура <body> <?$APPLICATION->ShowPanel();?> <div id="blok-body"> -общий блок <div id="header"> -блок шапки внутри еще разбит на 2 блока <div class="header-blok1"> <div id="main-menu"> </div>-верхнее меню </div> <div class="header-blok2"></div> </div> <div id="page"> общий блок для контента <div id="left-sidebar"></div>-левая колонка <div id="mainbar"></div>-центральная <div id="right-sidebar">-правая <br /> <div class="blok-zakaz"></div> <div class="blok-right"></div> </div&…

    Asked by buben,

    0 votes
    0 answers

  8. свечение при нажатии на ссылку

    Всем привет! Проблема: при нажатии на ссылку в стандартном браузере android, возникает желтое свечение (подсветка области нажатия). Как от нее избавиться? Возможно ли это? #userAgent - 4.0 Mobile Safari/533.1

    Asked by poport,

    0 votes
    0 answers

  9. Вопрос по фотошопу!

    Всем привет!У меня стоит фотошоп cs5 и я столкнулся вот недавно с проблемой до селе мне невиданной!Дело в том,что у меня стали макеты открываться через чур яркими!Что делать?

    Asked by ELBegemotos,

    0 votes
    0 answers

  10. Проблемы в мазилле!

    Всем привет! Вот сайт - http://nyashki-v2.ucoz.ru/ Начал верстать дивна свой макет!Столкнулся с проблемой с горизонтальной менюшкой оранжевой и уголком там где название блок(Все проблемы возникли в мазиле) Дело в том,что в менюшке текст уполз в самый низ хотя выставил line-height равные самой высоте тега li А у названий блока почему-то уголок выползает вверх наоборот(как решить данные проблемы,спробовал честно все)

    Asked by ELBegemotos,

    0 votes
    0 answers

  11. Подробное описание проблемы к "Линк возврата по истории..."

    Постараюсь описать проблему подробнее. Со скришнотами и пару кодов. Итак. Сначала посетитель попадает на index.html (ну а куда ж еще ). С этой странички линк на файл со скриптом древовидного раскрывающегося меню в одном из фреймов. Вот код FRAMESET: <frameset rows="*,600,*" frameborder="0" framespacing="0" border="0" scrolling="no"> <frame name="1" src="ВЕРХНИЙ КРАЙ.html" scrolling="no"> <frameset frameborder="0" framespacing="0" border="0" cols="*,1020,*"> <frame name="2" src="ЛЕВЫЙ КРАЙ.html" marginwidth="0" marginheight="0" scrolling="no"> <frameset frameborder="0" framespacing="0" border="0" cols="300,*"> <frameset fram…

    Asked by copyright,

    0 votes
    0 answers

  12. text-shadow в opera

    Заметил что text-shadow: white 0px 1px 0; на кнопке подписаться не работает в opera. Адрес проблемы http://parkes.org.ua/test/form.php

    Asked by apexis,

    0 votes
    0 answers

  13. Уменьшить картинку

    Здравствуйте уважаемые форумчане. У меня проблема с одним элементом на сайте, а точнее с картинкой. Картинки (их много) товара - имеют разные размеры (от 100-400 до 400-100, т.е. бывают и 223*312 ). Сделал себе дизайн со стандартной расстановкой (слева картинка товара, справа описание товара и цена). Притом место под картинку на сайте постоянное и имеет размер 250*300 (где 250 ширина, а 300 высота). Вроде все объяснил, теперь вопрос: Как мои картинки товара разместить на сайте (точнее в отделенном для них месте) так, чтобы они не убегали за границу данной области, не изменяли своих пропорций и т.д.? Пример нашел в интернете - что можно задать img только ширину или высоту,…

    Asked by dimpim,

    0 votes
    0 answers

  14. размер шрифта в адаптивном макете

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

    Asked by cyklop77,

    0 votes
    0 answers

  15. ie 7 и absolute

    Как видно на картинке номера не на своем месте, во всех "нормальных" браузерах номера написаны над словом Комфорта. Второй снимок показывает как уехало меню и вместе с ним фон #bg он отдельным дивом идет. Буду очень признателен за помощь!

    Asked by Chris,

    0 votes
    0 answers

  16. z-index + position

    Прочитал статью http://www.xiper.net/collect/html-and-css-tricks/glyuki-brauzerov/IE/z-index-ie6-7.html Не совсем понял как решить проблему для IE7 Есть: <div class="header"> <div class="menu">111</div> </div> <div class="content"> <div class="article">1111</div> <div> .headaer { [...] position: relative; z-index: 2; } .menu { [...] position: absolute; z-index: 1000; } .content { [...] position: relative; z-index: 1; } .article { [...] position: absolute; z-index: 1000; } То в такой ситуции article не залезит на headaer, а нужно что б дивы с position: absolute; залазили на дивы position: relative; Как тогда р…

    Asked by Justtie,

    0 votes
    0 answers

  17. Корректное употребление тега <cite>

    Доброго воскресного утра, быстро раскланиваюсь со всеми и перехожу к сути дела: В справочнике http://htmlbook.ru/html/cite указано что область применения тега <cite> При этом в примере: <p><cite>Айзек Азимов</cite></p> <p><q>Нельзя сказать человеку: «Ты можешь творить. Так давай, твори». Гораздо вернее подождать, пока он сам не скажет: «Я могу творить, и я буду творить, хотите вы этого или нет».</q></p> Тег используется, для указания авторства. Это меня уже смутило. В другом тематичном, русскоязычном источнике xiper.net также поддерживается эта точка зрения .Казалось бы какие могут быть вопросы? Для …

    Asked by Drunk_Monkey,

    0 votes
    0 answers

  18. Расстояние относительно других элементов и браузера

    Я хочу понять, как получать различные размеры отступов, полей и границ относительно других элементов таких, как браузер, другие графические элементы. Сейчас я пытаюсь сверстать данную форму. Форму разрезал на различные графические элементы. К примеру, я хочу разместить как нужно блокнот. Но я не могу понять, как узнать размеры относительно верней и левой границы браузера. Пока я использую фиксированные размеры. Вот что, у меня пока вышло.

    Asked by mastermedia,

    0 votes
    0 answers

  19. object

    Здравствуйте. Проблемы использования тега object. Заранее оговорюсь что устанавливал Media Player и QuickTime. Пытаюсь проиграть аудиофайл с помощью медиа плеера и квиктайм Вот так <body> <object classid=" clsid:22d6f312-b0f6-11d0-94ab-0080c74c7e95" type="audio/mp3" data="1.mp3"></object> </body> Или вот так с помощью квиктайм <body> <object classid="clsid: 02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" type="audio/mp3" data="1.mp3"></object> </body> Но увы опера и хром показывают белое окно. эксплорер отображает медиаплеер, но не проигрывает файл. Если не вызывать конкретный проигрыватель, например вот так <body&g…

    Asked by doremidoredo,

    0 votes
    0 answers

  20. градиент ступенями

    помогите пожалуйста решить проблему. в фотошопе делаю градиент. сохраняю, вставляю в вёрстку и получается некачественно(ступени) как исправить?

    Asked by cyklop77,

    0 votes
    0 answers

  21. Проблемы с валидатором

    Прошу помощи, подключаю мета теги через пхп, при проверке на волидность валидатор выдает: Line 5, Column 1: character data is not allowed here ? ? You have used character data somewhere it is not permitted to appear. Mistakes that can cause this error include: putting text directly in the body of the document without wrapping it in a container element (such as a <p>aragraph</p>), or forgetting to quote an attribute value (where characters such as "%" and "/" are common, but cannot appear without surrounding quotes), or using XHTML-style self-closing tags (such as <meta ... />) in HTML 4.01 or earlier. To fix, remove the extra slash ('/') character. For m…

    Asked by qtk,

    0 votes
    0 answers

  22. Размер прелоадера

    Доброго времени суток! Я пытаюсь сделать сайт на сайтбилдере weebly (там можно вносить изменения в HTML файл). Я установила размер изображений в процентах, чтобы дизайн страниц не менялся в зависимости от разрешения экрана. Однако это повлияло и на размер прелоадера, теперь он занимает приблизительно седьмую часть экрана. Хотелось бы уменьшить размер прелоадера. Помогите, пожалуйста! Заранее благодарю!

    Asked by yuyuyu,

    0 votes
    0 answers

  23. как сделать слайдер резиновым?

    как сделать такой http://divhack.com/downloads/slider/index.html слайдер резиновым?

    Asked by olechic,

    0 votes
    0 answers

  24. вычисление расстояния между слоями и относительно границ других элементов

    Сейчас я учусь верстать и пытаюсь сверстать данную форму http://htmlbook.ru/practical/poshagovaya-forma Я застрял на верстке шапки данной формы. Для верстки шапки я применил относительное позиционирование. А именно, проблема с вычислением размеров между слоями, относительно других слоев и т.д. Как именно правильно вычислять подобные размеры? Выкладываю результаты, того что у меня вышло. Все размеры вычислял наугад. Не могу же я постоянно угадывать размеры наугад. Верстаю с psd шаблона. Рисунки(блокнот, бутылка, бокал, тарелка) размещены криво относительно друг друга. Вот, результат на скриншоте. Выкладываю html и css код. Прошу помочь решить проблему. <!DOCTYPE HTML …

    Asked by mastermedia,

    0 votes
    0 answers

  25. Тег <progress>

    Как изменить цвет движка в теге <progress>, чтоб он был не зеленый, а, например, красный?

    Asked by nemo59,

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