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. drop-shadow

    Блин, вчера создал тему, а она не появилась. В краце, скажите пожалуйста, как можно заставить браузеры понимать drop-shadow??? именно дроп, а не бокс???? http://jsfiddle.net/K5hh5/1/ - вот жесть, лучший вариант придумал с дропом... может кто подскажет как сделать правильно через дроп? Пробовал, и создавать квадрат и наклонять его, но прятать за ссылку не получается, даже z-index: -1 не катит. не обращайте внимания пожалуйста, на дырки внизу, они все равно будут скрыты.

    Asked by RodgerFox,

    0 votes
    2 answers

  2. ошибка в IE7 и на некоторых IE8

    Помогите пожалуйста разобраться, в чем может быть причина следующих ошибок в ИЕ. Во всех браузерах нормально, здесь вот такое. Ошибка исчезает , если удалить кнопку "мне нравится" от вконтакте, но проблема в том что эта кнопку удалять с сайта нельзя. Скрины ошибок ниже. Гуглил ранее - не нашел ответа...

    Asked by viphp,

    0 votes
    1 answer

  3. Проблема с блоками

    Использовал разные свойства вроде float и display:block но не помогает.В общем ситуация следующая:Есть новость,фоны для заголовка и текста заданы в ячейках таблиц(это нужно,чтобы при увеличении кол-ва текста средний фон растягивался(если у кого-то есть альтернативный вариант пишите)) и еще 1 ячейка в таблицы для нижней части фона и мне нужно,чтобы эти блоки отталкивали футер.Точно такая же фигня со спанами в общем прикладываю код. Хтмл пример со спанами <!doctype html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="css/styles.css"> <title>B?rnud?rzs R?GELE</title> </head> <div id="wrap…

    Asked by oleg.kan,

    0 votes
    2 answers

  4. RSS not found

    Здравствуйте! По какой-то причине ни один браузер не видит RSS канал моего сайта. Валидаторы - тоже. При клике выходит пустая страница, а при проверке валидности ошибка: This feed does not validate. Server returned HTTP Error 404: Not Found Хотя, таким же кодом подключен RSS на другом сайте, и прекрасно работает. Вот, что висит в хэдере: <link rel="alternate" type="application/rss+xml" title="Здесь титл" href="http://мой сайт.ru/?feed=rss2" /> Вот, код в сайдбаре на самой кнопке: <a href="http://мой сайт.ru/rss" onClick="javascript:pageTracker._trackPageview('/rss2');" rel="nofollow" target="_blank" title="Подпишитесь на RSS-ленту!"><img src="http://и…

    Asked by Santorin,

    0 votes
    1 answer

  5. js-эффект

    помогите пожалуйста отремонтировать js-эффект этого выпадающего меню проблема в том, что при наведении курсора оно разворачивается и тут же сворачивается. а должно разворачиваться при наведении и сворачиваться при отведении курсора

    Asked by cyklop77,

    0 votes
    9 answers

  6. Gомогите отцентрировать контейнер (по горизонтали)

    В контейнере (на рисунке обозначен внутренним прямоугольником красного цвета) есть текст (несколько однострочных параграфов) и таблица. Нужно, чтобы контейнер располагался горизонтально по центру окна браузера (на рисунке - внешний прямоугольник красного цвета), при этом левая граница строк текста должна совпадать с левой границей таблицы. Если в качестве контейнера выбрать таблицу (из одной строки и одной ячейки) - то желаемого эффекта можно добиться при помощи <table width="1%" align="center"> А вот с div'ами я не смог добиться желаемого эффекта - текст у меня всегда прижимается к левому краю окна (т.е. контейнер всегда сдвинут влево). Подскажите, пожалуйста, мож…

    Asked by IVB,

    0 votes
    6 answers

  7. Флешь прикрытие

    Приветствую мои друзья. Я не силен в CSS вот и обращаюсь. Возьмем к примеру большой флешь объект размером - 920х635. Он стоит ровно по середине. При изменении размера экрана бразузера он все-ровно стоит по середине. В этом флешь файле мне нужно закрыть (прикрыть) часть самого этого файла. Я пытался закрыть картинкой размером 387х159, у меня получилось. Закрывал с помощью тега <div id="apDiv2"></div> вот с таким css стилем #apDiv2 { position: absolute; left: 53%; top: 1666px; width: 387px; height: 159px; z-index: 1; background-color: #FFF; background-image: url(../_img/sf_ban.png); }. Но есть небольшая проблема для меня. По вертикали проблем пока врод…

    Asked by Favorskij,

    0 votes
    7 answers

  8. Фоновый рисунок

    Всем привет изучаю я значится ЦСС фоновые рисунки по книжке очень содержательной и вот там пример с искажением сложной спирали ... вкратце: там есть 4 разных рисунка добавленных для эффекта размытости вот только как их отдельно посмотреть ума не приложу помогите пожалуйста посмотреть картинки http://meyerweb.com/eric/css/edge/complexspiral/glassy.html ПЫ СЫ видел что они делают и в стилях видно все но интересно посмотреть просто на картинки но бида в том что заданны относительные ссылки на изображения

    Asked by Bobikys,

    0 votes
    3 answers

  9. Изображение на заднем плане, которые будут исчезать на маленьком разрешении.

    Есть вот такой макет сайта была ссылка на файлообменник Проблема возникает с баскетболистами. Вроде как они на заднем плане, а вроде как и должны быть прикреплены к краям сайта. Напрашиваются само собой 2 решения. 1. Сделать спортсменов фоном, который будет меняться в зависимости от окна браузера. Но тогда на маленьком разрешении экрана, спортсмены оказываются под сайтом. При экране с соотношением сторон 1*1, всё тоже отображается не очень корректно. 2. Прикрепить спортсменов к телу сайта. Но тогда сайт начинает отображаться начиная с левого спортсмена(а хотелось, чтобы в таких случаях он не отображался и снизу появляется полоса горизонтальной прокртуки. Вот эти 2 вариант…

    Asked by All_straight,

    0 votes
    2 answers

  10. html lang="ru"

    Ранее использовал в своих шаблонах следующие строчки ?<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="ru" xml:lang="ru"> <head> и тд Теперь решил перейти на HTML5 и пока не нашел информации о том есть ли изменения в указаниях языка сайта <!DOCTYPE HTML> <html lang="ru" - ??> <head> Подскажите наиболее корректный вариант.

    Asked by cmndr_alexgreen,

    0 votes
    3 answers

  11. z-index

    Не работает Z-index В ие отказывается работать z-index,везде всё нормально http://clip2net.unet.by/page/m0/99482 ,а в ИЕ вот так http://clip2net.unet.by/page/m0/99483. css *{ margin:0; padding:0; } .top,.bottom{ width:162px; height:8px; background:#ebe9e4; float:left; margin:0 25px 40px; } #news{ clear:both; margin:0 0 15px 30px; font:0.8em calibri; } #news span{ font:bold 1.2em calibri; color:#353434; } #pict1{ width:578px; height:204px; } #main{ position:relative; height:315px; } #eat{ position:absolute; top:-5px; left:24px; } …

    Asked by Dimanchik87,

    0 votes
    5 answers

  12. Центрирование эелементов по их центру

    Доброго времени суток форумчане. У меня возникла проблема с центрированием элементов на странице. Отцентрировать элемент получается, это не проблема но он центрируется по левому и верхнему краю - то есть получается ниже и правее центра и в случае изменения размеров элемента он может доходить да правого края или даже растягивать страницу. Мне нужно чтобы элемент всегда своим центром находился в центре страницы. Надеюсь понятно? ) Чтобы лучше понять вот картинка: — Красные линии показывают центр страницы и самого элемента, но такого результата я достичь не могу но хочу. — А вот так у меня всегда становится, но мне так не надо http://s42.radikal.ru/i096/1301/ec/f8bd7698e…

    Asked by OriuS,

    0 votes
    8 answers

  13. Объявить двумерный массив

    Задача - заполнить двумерный массив на Javascript с как можно более простым синтаксисом. Оптимально было бы сделать в формате INI [запись1] парам1=значение1 парам2=значение2 [запись2] парам1=значение3 парам2=значение4 Но поскольку подключение INI файла по ajax, его парсинг и т п дело непростое и нет в нём необходимости, прошу подсказки, как проще всего объявить массив. Пока самое простое, что я знаю, выглядит так: Arr=[ ["id":"запись1", "парам1":"значение1", "парам2":"значение2"], ["id":"запись2", "парам1":"значение3", "парам2":"значение4"] ] Со всеми этими кавычками и скобками всё ещё громоздко.

    Asked by aruru,

    0 votes
    0 answers

  14. Как сделать обводку для изображение ?

    У меня есть картинка белого цвета и что нужно прописать чтобы для нее сделать обводку черного цвета? Или есть другие красивые обвотки?

    Asked by skvaer09,

    0 votes
    2 answers

  15. Выравнивание пунктов меню

    Подскажите, пожалуйста как сделать чтобы слева,справа и между пунктами было одинаковое расстояние. У меня не выходит чтобы справа от пункта FAQ было столько же сколько в начале меню. Или здесь без списка ul,li не обойтись? ссылка на проблему http://troshka.hut4.ru/ (смотреть только на зеленое меню, остальное просто накинул) И еще вопрос, как сделать тень как в примере решения здесь(от зеленого меню сверху и снизу темная полоска) http://divhack.com/downloads/study/3/html/ Только выполено как фон картинкой, а я хотел сделать тенью (ведь это более современный вариант верстки?) Думал наложу 2 тени сверху и снизу для для <nav> , но безрезультатно.

    Asked by ВикторТрошка,

    0 votes
    4 answers

  16. Реализация БЭМ на XML+XSLT

    Всем привет! И с Новым годом! Нашел тут статейку о реализации БЭМ с помощью xml+xslt. Собственно, вот и она — http://kovchiy.livej....com/70902.html (жж последние дни жутко тормозит, так что страница может очень долго открываться). Заинтересовала меня эта тема, и я решил разобраться-покопаться в этом xslt. В итоге, потратил целый день, а ничего так и не получилось. Вот результат моих мучений — http://pastebin.com/K0hqvfw9 Вроде всё логично, опечаток нету, xslt-процессор ошибок не выдает, но и браузеры тоже ничего не выводят. Консольный xslt-процессор выводит только доктайп. Ребята, если кто разбирается в xslt, помогите найти ошибку. Upd. Фухх...наконец-таки сделал. Если к…

    Asked by sammasati,

    0 votes
    0 answers

  17. отображение случайной фото в 2 местах и с разным размером

    здравствуйте. на сайте есть фоновый рисунок, надо мне сделать отображение случайной фото в 2х местах на странице. как бы ее миниатюру и "нормальный" размер. Искал информацию по этому поводу но нашел только скрипт как можно сделать вывод 1 случайной фото с определенной папки. Спасибо

    Asked by trilus,

    0 votes
    3 answers

  18. Иконка для полей ввода

    Здравствуйте, форумчане! Верстаю сайт и озадачился таким вот вопросом. Позволю себе предысторию... Сейчас модно делать иконки у полей ввода (поиск, пароль, адрес почты и т.д.), которые визуально показывают тип информации, которую в них следует ввести. Обычно это легко делается, через свойство тега background. Но мне почему-то показалось, что некрасиво, когда при наведении на эту иконку курсор остается "в режиме ввода текста" (ну вы поняли...), он имеет вид, как-будто его навели на поле ввода и не меняется. Я подумал и решил, что надо сделать так: Вначале html-код: .... <div id="searchWrap_lvl2"><input type="text" name="search_field" id="search_field" value="По…

    Asked by k0d,

    0 votes
    8 answers

  19. list-style не наследуется

    А тут пишут, что наследуется... http://htmlbook.ru/css/list-style Тут вообще маркеров нету по умолчанию http://jsfiddle.net/jKedb/ С ума сойти, ну... Ладно, прописываю у себя в боди list-style: none; <ul id="ololosh"> <li>1</li> <li> <ul> <li>111</li> <li>222</li> </ul> </li> <li>3</li> </ul> Маркеры есть для обоих списков!!! Прописываю #ololosh { list-style: none; } Для внешнего <ul> они пропали, а для внутреннего остались. Получается, не наследуется он...

    Asked by Evkaky,

    0 votes
    5 answers

  20. hover

    Привет) <ul> <li> <a href="#">пункт1</a> <ul> <li><a href="#">ссылка</a></li> </ul> </li> </ul> Есть блок (пункт меню) в нем ссылка, т.е. текст, как сделать, что бы действие после hover совершалось только при наведение на текст, а не на блок в целом??

    Asked by jonic,

    0 votes
    4 answers

  21. Как добавить один класс, к разным id

    Извиняйте, не то созал!! я нуб!

    Asked by q13m,

    0 votes
    0 answers

  22. Вёрстка вывода пользователей в категориях...

    Здравствуйте. Я занимаюсь своим проектом уже давно. На данный момент осталось не много. Сейчас загвоздка с выводом пользователей в категориях меню. Сейчас это выглядит так: http://neveste.by/category/%D0%B2%D0%B8%D0%B4%D0%B5%D0%BE%D0%BE%D0%BF%D0%B5%D1%80%D0%B0%D1%82%D0%BE%D1%80%D1%8B/ А я хочу сделать, что бы это выглядело так: , не считая красной рамки. Её я буду делать позже. Подскажите пожалуйста, как мне это сделать ?

    Asked by jazzcool,

    0 votes
    4 answers

  23. Сайт плохо отображается в IE

    Вот собственно сайт - http://barsik.ucoz.ru/ Проблемы: - У поиска не такой отступ в шапке сайта по сравнению с другими браузерами. - В выпадающее меню, формы ввода отображаются некоректно. Как исправить подскажите.

    Asked by barsik007,

    0 votes
    2 answers

  24. Размещение блоков как на картинке

    Ну В общем помогите кто может, надоело репостить короче линк http://www.cyberforum.ru/html/thread750424.html С НОвым Годом!!!

    Asked by md5u,

    0 votes
    0 answers

  25. Помогите с меню

    вот код <ul id="piano"> <li><a href="#">пункт1</a><span class="inf"><a href="#####">Пункт0</a></span><b>Archives</b> <ul> <li><a href="#">подпункт</a></li> <li><a href="#">подпункт</a></li> <li><a href="#">подпункт</a></li> <li><a href="#">подпункт</a></li> </ul> </li> </ul> как видите span находиться в элементе li, при наведение на пункт1 выпадают подпункты, и при наведение на span происходит тоже самое, мне этого не надо, как отделить э…

    Asked by jonic,

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