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. Свободное перемещение и таинственно исчезающий контент

    Есть такой HTML: <div class="wrapper"> <div class="a element"><p>A</p></div> <div class="b element"><p>B</p></div> <div class="c element"><p>C</p></div> </div> И такой CSS: .wrapper { overflow: hidden; background: #555; } .element { width: 150px; height: 100px; font-size: 30px; } .a { background: #c33; float: left; } .b { background: #fc5; color: #333; float: left; margin-left: 150px; } .c { background: #247; margin-left: 150px; } Вопрос: куда девается контент из блока "c" и почему? http://imageshack.us/photo/my-images/822/beforeti.png http://imageshack.us/photo/my…

    Asked by rookie,

    0 votes
    10 answers

  2. Как расположить кнопки социальных сетей в ряд?

    Добавляю на блог кнопки социальных сетей. Вот код: <div class="box-content"> <div id="vk" style="float:left;margin:20px 20px 20px 20px;"> <!-- Put this div tag to the place, where the Like block will be --> <div id="vk_like"></div> <script type="text/javascript"> VK.Widgets.Like("vk_like", {type: "vertical"}); </script> </div> <div id="twitter" style="float:left;margin:20px 20px 20px 20px;"> <a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical" data-via="Anton_Medvedev" data-lang="ru">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"&g…

    Asked by seomedved,

    0 votes
    11 answers

  3. Свойство transition в CSS3

    Разъясните, пожалуйста, почему не проходит валидацию свойство transition? Спецификация есть, а валидатор выдает ошибку: Я сейчас не говорю про вендоры для разных браузеров. Они, понятное дело, невалидны. Но даже в чистом виде не проходит...

    Asked by Владимир Н,

    0 votes
    1 answer

  4. рамка во круг сайта

    Приветствую! Подскажите пожалуйста, что-то никак не пойму... Нужна рамка для сайта во всю ширину и высоту страницы, с 5px отступом со всех сторон от тела документа, делаю margin:5; но сайт растягивается больше чем 100% и к тому же рамка прилипает к правой части и низу. <!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" /> <title>Untitled Document</title> <style> html,body { margin:5; padding:0; width: 100%; height: 100%; color: #FFF; backgroun…

    Asked by chillout,

    0 votes
    35 answers

  5. Не пойму поведение стилевого атрибута text-transform

    Просьба к модераторам переименовать тему в "Не пойму поведение стилевого атрибута text-decoration". Я ошибся и перепутал в названии стилевой атрибут. Вот такой пример кода (внутри которого и сам вопрос): <html> <head><title>Черновик</title></head> <body> <p style="text-decoration: line-through;">Здесь идёт перечёркнутый текст. <span style="text-decoration: none;">А здесь должен быть неперечёркнутый. Но почему отображается перечёркнутый?</span></p> Почему не действует внутренний элемент, где я отменяю перечёркивание? Здесь же написано, что значение none отменяет все эффекты, в том числе и подчёркивания у ссылок, …

    Asked by 9190,

    0 votes
    6 answers

  6. Бэкграунд

    Всем привет! Вопрос по повду бекграунда: http://d76952.u43.allramhosting.com/. Бекгрунд сверху и соотвественно снизу, когда меняешь размер окна по вертикали, вылазит белый бекграунд (снизу). Соотвественно этого быть не должно, пытаюсь сделать другой рипитбл бекграунд абсолютом, пока безуспешно. Может у кого была подобная проблема, буду благодарен за совет

    Asked by rusmn,

    0 votes
    4 answers

  7. Размер шрифта при его изменении в настройках браузера

    Увеличил шрифт в настройках браузера - на многих сайтах шрифт увеличился, но на некоторых нет! Например на этом форуме заголовки сообщений и некотор. другой контент остался прежнего размера, а Select внизу - увеличился, и сейчас я пишу в увеличенной textarea.. Вопрос: Как верстать, чтобы при изменении пользователем шрифта, он бы остался прежним на вашем сайте??

    Asked by DrStrangeLove,

    0 votes
    2 answers

  8. Есть ли хак для IE9?

    Здравствуйте. Доделываю шаблон для Joomla 1.5, создал несколько позиций для модулей - во всех браузерах отображается нормально, а в IE9 один из модулей смещён вправо. в css: .slideshow { padding: 0px; float: left; position: absolute; top: 140px; left: 515px; } Раньше использовал в таких случаях хак: /* *+ HTML .slideshow { left: 490px; } /* IE7 */ Но в девятом осле это почему-то не работает... как с ним быть (с 9-ым ие)? Какой хак можно юзать? Или как для него отдельный CSS сделать (обычно всегда хаками обходился)?

    Asked by DarkTranquillity,

    0 votes
    11 answers

  9. shadow-box смещение

    Здравствуйте. Сделал вёрстку, футер прижал к низу окна браузера. Всё нормально было. Но надо было у футера тенюшечку вверх сделать. Сделал так -webkit-box-shadow:0 -4px 4px #d4d9da; -moz-box-shadow:0 -4px 4px #d4d9da; box-shadow:0 -4px 4px #d4d9da; behavior: url(PIE.htc); В браузерах всё нормально, кроме Оперы где появляется вертикальная и горизонтальная полоса прокрутки и белые полосы под футером и справа. В "любимом" ИЕ6 футером вообще улетает вниз на свою высоту(до добавления тени всё нормально во всех браузерах). Искал в интернете но ответа не нашёл. подскажите пжлста как можно решить эту проблему.

    Asked by Vdrebezge,

    0 votes
    6 answers

  10. Вопрос по резиновой верстке

    Здравствуйте! Подскажите пожалуйста, каким образом можно сделать в резиновом дизайне, чтобы текст доходя до края страницы, перескакивал на следующую строку, а не растягивал таблицу в ширину текста. <!doctype html public "-//W3C//DTD HTML 4.01 Transitional//EN"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> </head> <body> <table width="100%" height="100%" border="1" cellspacing="1" cellpadding="1"> <tr> <td align="left" valign="top"><div id="content"> <p>Текст,текст,текст,текст,тек…

    Asked by chillout,

    0 votes
    6 answers

  11. Индексированные цвета...

    В Photoshop копирую фрагмент, вставляю в новый документ, он вставляется в ИНДЕКСИРОВАННЫХ ЦВЕТАХ, далее сохраняю для веб и устройств тоже в индексированных цветах... Это нормально?? Если нет, то как сделать чтобы Ps вставлял и сохранял как надо?? И как надо??

    Asked by DrStrangeLove,

    0 votes
    3 answers

  12. Максимальный размер слова в абзаце

    Заметил, если в абзаце( ) слишком длинное (искусственно) слово, то из-за него контент вылазит из блока... overflow:hidden помогает, но на padding всё равно лезет... С чем это связано?? Каков максимальный размер слова в абзаце??

    Asked by DrStrangeLove,

    0 votes
    10 answers

  13. font-face кириллица

    На сайте для буквицы требуется особый шрифт. Сам шрифт я скачал. Дальше пытаюсь пользоваться _http://www.fontsquirrel.com/fontface/generator Так вот, после генератора из шрифта пропадает кириллица - хотя в настройках я выбрал "expert", в "language" установил "cyrillic" и в "subset preview" я кириллицу вижу. Скачиваю полученный результат: вижу, что кириллицы нет. В исходном ttf кириллица была. Если использовать на сайте исходный шрифт, то в тех браузерах, что его поддерживают - все ок. Пробовал его конвертировать через различные сервисы, например, этот _http://www.kirsle.net/wizards/ttf2eot.cgi Там тоже проблемы с кириллицей. Как все-таки справиться с этим генератором? С…

    Asked by theo_,

    0 votes
    4 answers

  14. Переменная постоянно увеличивается

    Недавно зашел на сайт http://www.worldometers.info/ru/ и сразу заинтересовался переменными, которые постоянно увеличиваются за определенный промежуток времени. Захотелось сразу сделать что-то подобное. Прогуглил, по теме ничего не нашел . Спасибо за содействие P.S. Надо как-то прописать, чтобы переменная постоянно увеличивалась, при этом когда менялась, то записывалась куда-то. Насчет обнуления переменных каждый год сделаю сам.

    Asked by Wasc,

    0 votes
    31 answers

  15. Как выковыривать градиент?

    Всем привет! Как выковыривать из фотошопа градиент? Т.е. есть макет в psd, в нем есть несколько градиентов. А вот как их вытащить я не знаю. Надо чтобы прям скопировался весь стиль: цвета, непрозрачность и т.д. Пока получается скопировать лишь базовый цвет. Пробую еще "скопировать стиль слоя", но ничего не меняется. Вот так это все выглядит: Помогите пожалуйста, знающие люди.

    Asked by Softlink,

    0 votes
    3 answers

  16. Дефолтный текст в инпуте

    Из этой темы увидела кроссбраузерное решение: А если сделать вот так? <form action="#"> <fieldset> <input type="text" value="Default value" onblur="if(this.value=='') this.value='Default value';" onfocus="if(this.value=='Default value') this.value='';" /> </fieldset> Плохо ли чем-то это решение?

    Asked by vikusik,

    0 votes
    1 answer

  17. Скрипт работает в Мозилле, но не работает в Опере и ИЕ

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

    Asked by Aliena_spb,

    0 votes
    0 answers

  18. Проблемы с Share button

    Добрый день, уважаемые форумчане. Возникла у меня проблема небольшая... Поставив небольшую галерею при помощи замечательного скрипта Fancybox я решил, что надо бы пихнуть к каждой картинке(а точнее в модальное окно с большой копией картинки) share buttons (вконтакте, фейсбук и т.п.) Кто-нибудь занимался подобным? Если да то подскажите пожалуйста как мне это сделать а то мои потуги ни к чему хорошему не привели( Заранее благодарю за ответы PS Извиняюсь, наверное я не в том разделе тему создал, если модератору не трудно перенесите пжлст в соответствующий раздел

    Asked by Alaren,

    0 votes
    5 answers

  19. вред float'a

    Всем привет! Изучаю семантику, и вычитала на сайте у одного из отцов верстки, что float нужно исопльзовать строго по назначению, т.е. когда нужно чтобы было обтекание. Типа он не предназначен, чтобы располагать элемент слева и справа, что нет такого свойста float: center и бла-бла-бла... Так вот, а что тогда делать, когда например в каком-то блоке слева форма для входа, а справа поиск. Чем флоат заменять? не не postition:absolutе же

    Asked by vikusik,

    0 votes
    11 answers

  20. Не отображается флэшка в ИЕ7

    Почему-то не отображается флэшка в ИЕ7, точнее в режиме совместимости и ИЕ-тестере. Вот тута _http://modx.15tr.ru/ Код: <!DOCTYPE html> <html> <head> <title>Главная - Двери</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta name="keywords" content="" /> <meta name="description" content="" /> <base href="[(site_url)]" /> <title>Двери</title> <script language="JavaScript"> // Это требуется только для обозревателей Netscape. function flashGetHref() { return location.href; } function flashPutHref(href) { location.href = href; } function flashGetTitle() { retur…

    Asked by maerrry,

    0 votes
    4 answers

  21. Проблема с background

    Всем здравствуйте. Есть сайт http://rollets-spb.ru Справа в колонке таблицы предусмотрен повторяющийся кусочек бэкграунда, для того, чтобы нормально тянуть макет вниз. Задано это все при помощи CSS классом .backgr { background-attachment: scroll; background-image: url(images/index_07.jpg); background-repeat: repeat; background-position: left top; background-color: #999; и все вроде хорошо, да только в эксплорере и файрфоксе он не множится. В хроме и опере все ок. По логике все должно работать. Подскажите пожалуйста, в чем может быть проблема?

    Asked by defire,

    0 votes
    6 answers

  22. контент в блоке

    Когда в обычном блоке есть контент (заголовки, абзацы), как правильнее устанавливать вертикальные отступы между ними?? Маргинами или паддингами?? Видел, что так и так делают, но как правильнее?? или это всё равно??

    Asked by DrStrangeLove,

    0 votes
    4 answers

  23. Oracle VM VirtualBox

    Начну с того, что установил Oracle VM VirtualBox, создал виртуальную машыну с Linux Ubuntu, запускаю и через несколько секунд появляеться вот такая надпись FATAL: No bootable medium found! System halted.Что ето за ошибка?

    Asked by Mr.Black,

    0 votes
    7 answers

  24. Простой вопрос..

    <div class="r"></div> div.r { width:100px; height:100px; background: url("mycoolpic.png") left top no-repeat; } Когда фон.картинка устанавливается в левый край слоя, левый край картинки соприкасается с каким левым краем элемента div?? Левый край контент-бокса?? паддинг-бокса?? бордер-бокса?? маргин-бокса??

    Asked by DrStrangeLove,

    0 votes
    6 answers

  25. уезжают блоки в chrome

    здравствуйте. выглядит все так а должно так но в хроме все уезжает /* основной блок */ .notifiers { position: absolute; bottom: 0; right: 10px; bottom: 5px; z-index: 400; } /* маленькие блоки */ .notifiers .notifier { display: block; position: relative; width: 256px; height: 55px; padding: 8px; margin-bottom: 7px; /* тени */ } почему?

    Asked by vvsh,

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