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

    Здравствуйте! Помогите с картинками. В Firefox, почему-то браузер читает ссылку с обратным слешем: _http://www.pizzacity.dp.ua/img/1000x667\Neapol.jpg Хотя Хром и IE видят правильно: _http://www.pizzacity.dp.ua/img/1000x667/Neapol.jpg Никак не получается. Помогите новичку))

    Asked by usv008,

    0 votes
    6 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. проблема с background-size в ie

    есть блок, ему устанавливаю задний фон и растягиваю(background-size:100% 100%), для ie делаю({ /* IE8 */ -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/fon-1.png',sizingMethod='scale')"; /* IE < 8 */ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader( src='img/fon-1.png', sizingMethod='scale'); background-image: none; /* IE ? 9.0 */ }), Все работает хорошо, только текст находящийся в этом блоке в IE начинает искажаться. Кто знает как можно решить эту проблему

    Asked by Marat,

    0 votes
    0 answers

  5. Ненужное смещение то ли текста то ли divа при изменении цвета border-bottom по a:hover в IE

    При первом наведении происходит ненужное смещение то ли текста то ли divа при изменении цвета border-bottom по a:hover в IE 8 и 10 (в остальных нормально). Вживую (в области основного контента): http://suits.ru CSS: a:link { text-decoration: none; color: #003366; border-bottom: 1px solid #C0C7CE; } a:visited { text-decoration: none; color: #4E5869; border-bottom: 1px solid #C0C7CE; } a:visited:hover, a:hover, a:active, a.active { text-decoration: none; color:#B50000; border-bottom: 1px solid #E7E7E7; } Помогите, пожалуйста, исправить. Может я запрос не так формулирую, но поиск ничего не дал.

    Asked by cuman,

    0 votes
    3 answers

  6. drop-shadow

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

    Asked by RodgerFox,

    0 votes
    2 answers

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

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

    Asked by IVB,

    0 votes
    6 answers

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

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

    Asked by skvaer09,

    0 votes
    2 answers

  9. 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

  10. Ищу гуру(наставника)

    Добрый вечер. Я начинающий веб-программист. Хотел бы найти наставника, который помог бы мне освоить html верстку, ее процесс, помогал бы при появлении какие то проблем, указывал бы недочеты, я в свою очередь помогал бы ему с какой-то мелкой работой, я достаточно общительный. Сойдусь с любым человеком. Опыта верстки у меня нету, но html естественно на достаточном уровне. Сам имею какой-то опыт, на мой взгляд, небольшой, но для начала будет достаточно. Прошу ответить здесь или в личку, если таковы найдутся.

    Asked by БУБЛ1К,

    0 votes
    4 answers

  11. 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

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

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

    Asked by Bobikys,

    0 votes
    3 answers

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

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

    Asked by OriuS,

    0 votes
    8 answers

  14. hover

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

    Asked by jonic,

    0 votes
    4 answers

  15. как сделать "дырку" в div

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

    Asked by warobushek,

    0 votes
    2 answers

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

    Задача - заполнить двумерный массив на 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

  17. Реализация БЭМ на 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

  18. Не применяется стиль к классу

    Доброго времени суток, у меня есть вопрос. Написал код проверил, валидатором пишет что есть ошибка синтаксиса но какая в упор не вижу, не применяются стили к классу "new", в чем может быть дело, объясните по возможности. http://jsfiddle.net/JPD93/1/

    Asked by Всеволод,

    0 votes
    2 answers

  19. absolute position

    Всем привет. Прошу обьяснить мне как сдвинуть 1 див внутри другого на координаты 0, 0 относительно этого дива; Вот пример: <div id="wrap" style="width: 300px; height: 300px; background-color: #3366CC; margin-top: 50px;"> <div id="rect" style="width: 50px; height: 50px; background-color: red; position: absolute; top: 0px; left: 0px;"></div> </div> Так вот при таком подходе я получаю сдвиг на точку 0, 0 относительно документа а не дива(т.е квадрат перемещается в левый верхний угол документа). Мне же нужно чтобы квадрат был как-бы с абсолютным позиционированием, но при этом оставался внутри дива и двигался вместе с ним, если я к прим…

    Asked by Esigns,

    0 votes
    3 answers

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

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

    Asked by barsik007,

    0 votes
    2 answers

  21. Ссылки-картинки, помогите!

    Здравствуйте. Срочно нужен чей-то дельный совет. Есть две ссылки-картинки. При наведении на одну, другая должна вылезать наверх как тут http://index12.byethost11.com/. В моей версии http://index13.byethost11.com/ прописаны map(ы) для картинок-ссылок и такого эффекта сделать не получается. Может кто поможет? Please... Вот код для моей версии, с map(ами): <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/> <link rel="stylesheet" type="text/css" href="css/template.css"/> <style type="text/css"> #charles{ position: relative; height: 706px; width: 588px; z-index: …

    Asked by gorniawe4ka,

    0 votes
    1 answer

  22. Тег command, атрибут command

    Нужна помощь экспертов. Значит, имеется такой тег: command Спецификация У него имеется атрибут: command Спецификация Вопрос: Как это понимать, где и как это использовать? Если можно - со ссылками или с примерами. Что-то не могу разобраться... Спасибо.

    Asked by DjTarik,

    0 votes
    13 answers

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

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

    Asked by q13m,

    0 votes
    0 answers

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

    вот код <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

  25. три колонки, минимальная ширина, резиновый дизайн

    не могу допЭтрать.. :/ таблица ,в ней 3 ячейки, из них выбирается одна, например 2-ая и расстягивается, если ширина окна увеличивается. объясните плиз, вот в таблицах вс? просто: <table width="100%" height="27" cellpadding="0" cellspacing="0" border="1"> <tr> <td width="528"><img src="w01.jpg"></td> <td background="w02.jpg"><img src="1px.gif" width="1" height="1"></td> <td width="418"><img src="w03.jpg"></td> </tr> </table> как это в css сделать?? я блин вообще не шарю, второй день мучаю этот код, ничего не выходит: <html> <head> <meta http-equiv="Content-Type" content="text/htm…

    Asked by maza,

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