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. Деактивация содержимого и z-index IE6

    Казалось бы не тривиальная задача сделать вот такое выдвигающееся меню у блока — Но возникла достаточно неприятная ситуация. Во первых в обычных браузерах ссылки на меню неактивны, т.к снизу находится блок, который перекрывает их, не смотря на то что в меню указан высокий z-index и она визуально находится выше. А ИЕ6 и вовсе игнорирует высокий z-index меню и отображает нижний блок поверх неё — Страница с проблемными блоками. Прошу помочь. Код выкладывать не буду, т.к его много и просто так без каких-то помощников, типа Inspect Element'а для фаерфокса не разобраться.

    Asked by 100kd,

    0 votes
    8 answers

  2. Не работают псевдоклассы

    Здравствуйте, наверно эта тема не раз обсуждалась, но уже час не могу найти решения. a:link, a:hover, a:visited и a:active некоректно работают. A.ctrpan:link{ font-size:13px; font-family: sans-serif; color: #C8C8C8; } A.ctrpan:hover{ font-size: 14px; color: #F0F0F0; } A.ctrpan:active{ font-size: 11px; color: #AFAFAF; } A.ctrpan:visited{ font-size:13px; color: #C8C8C8; } Сначала все работает, но после посещения ссылки hover не работает, а ссылка имеет вид active, т.е. выглядит как при нажатии. Браузеры FF3.5.1, IE8 Почему так Можно ли это решить без js?

    Asked by Azz[z],

    0 votes
    3 answers

  3. Какой тег использовать?

    Подскажите, пожалуйста, как сделать, чтобы кнопки друзей сайта располагались не столбиком 1 а вто так 1 2 ____________2_________3 4 ____________3 ____________4

    Asked by arbuz,

    0 votes
    8 answers

  4. кракозябры съедают(((

    не могу понять в чем проблема?,после верстки появились кракозябры вместо текста, в бблокноте исправил прописал: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <meta http-equiv="Content-Type" content="text/html; CHARSET=utf-8" /> , изменил все кракозябры на руский, на сайте теперь отображается руский, но в дремвовере, и фронт пэйдже все равно кракозябры(((читать не реал(посоветуйте пожалйста как в редакторах сделать русский)

    Asked by Aleksandrid,

    0 votes
    4 answers

  5. Zend Studio

    Привет всем Как этот программа хорошие. Помогите плиз

    Asked by josik,

    0 votes
    8 answers

  6. Сайт и google - проблема.

    Привет. У меня проблема - создал сайтик небольшой и довольно простой, но вот незадача - не индексировался где-то месяц , а теперь вместо Title выдаёт мне заголовки сайта .... что делать, как заставить гугл находить и отображать титуль, раньше с сайтами ткаих проблем не было. www.altfotoplus.lv http://www.google.lv/search?hl=lv&q=al...mp;aq=f&oq= И еще. .я в Google Web master central зареган, туда тозе пихнул сайтик, он вроде особо не ругается, роботс.тхт нащел, но там где детали сайта.. типа crawler error и не может отобразить детали сайта .. В общем как то так. что делать?

    Asked by Accessdenied,

    0 votes
    10 answers

  7. Кнопки в IE

    В IE почему-то не отображается фон на кнопках, заданный следующим образом: [b]CSS:[/b] #button { background-image:url(img/img_06.png); border:none; width:65px; height:32px [b]HTML:[/b] <input type="submit" name="enter" id="button" value=""> Вместо этого отображается обычная XP кнопка. В других браузерах разумеется все в порядке.

    Asked by Cmaster2K,

    0 votes
    19 answers

  8. Кнопки в IE

    В IE почему-то не отображается фон на кнопках, заданный следующим образом: [b]CSS:[/b] #button { background-image:url(img/img_06.png); border:none; width:65px; height:32px [b]HTML:[/b] <input type="submit" name="enter" id="button" value=""> Вместо этого отображается обычная XP кнопка. В других браузерах разумеется все в порядке.

    Asked by Cmaster2K,

    0 votes
    2 answers

  9. Вопрос о приоритетах

    Я совсем недавно в css. Так что не обессудьте =) Если верить самоучителю, то "стиль определенный во внутренней таблице имеет приоритет перед стилем из внешней таблицы". Но на практике выходит совсем наоборот... Так что же вернее?

    Asked by Emelyan,

    0 votes
    2 answers

  10. Страница сайта

    Проблема с этим, создаю страницу сайта,а там сверху нет добавить новость и материал не оформлен вот можети посмотреть http://tecktonik-klass.ucoz.ru/index/0-4 помогите

    Asked by Лунтик,

    0 votes
    1 answer

  11. Очень странный глюк с радио-кнопками

    Здравствуйте, Ситуация следующая: Есть динамическая форма (http://favorite-group.ru/index.php/stoimost). При выборе услуг из выпадающего списка, страница перезагружается, и появляется 2ая часть формы с услугами. В некоторых услугах есть радио кнопки. В коде строго прописано, что в каждой группе радио кнопок одна активная. Мой заказчик выбирает нужные пункты (IE7), начинает проверять свои ответы и скроллить страницу вверх-вниз, и в этот момент активные радио кнопки изчезают, либо везде, либо в только в некоторых услугах. Т.е. в каждой группе кнопок все становятся неактивными. Проблема в том, что я тестировал на 4 компах, в IE6-7, FF и Опере и ниразу не столкнулся с этой п…

    Asked by Chervontsev,

    0 votes
    6 answers

  12. FireFox не видит дополнительную таблицу стилей

    Всем привет! Проблема, которая просто шокировала! вот 2 странички: http://new.forexltd.ru/ru/trade/mt4mobile/ - с доктайпом http://new.forexltd.ru/ru/study/forex/ - без доктайпа при <!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"> ФФ не применяет дополнительную таблицу стилей, при отключении доктайпа все работает, но появляются проблемы кроссбраузерности. Честно говоря, от мазилы я такого просто не ожидал, как с этим бороться поняния не имею, может кто то сталкивался с подобной проблемой? помогите плиз. За ранее всем спасибо! З.Ы. Может дело в Ц…

    Asked by verybigboy,

    0 votes
    5 answers

  13. Сложный ролловер

    Ребята подскажите как создать средствами CSS ролловер, состоящий из текстовой ссылки и картинки (тоесть из двух елементов), при наведении курсора на ссылку или картинку картинка должна менятся на другую и ссылка тоже должна менять цвет. Возможно ли такое?

    Asked by Singer,

    0 votes
    22 answers

  14. Пара вопросов?

    Я здесь новичок. Вот возникла пара вопросов: 1). Что значит "верстальщик"? Это HTML, CSS, PHP и т.д. кодер (см. Web-программист) или же это человек, который занимается дизайном будущей страницы(Web-дизайнер)? 2) Вот хочу заняться созданием сайтов. Что для этого требуется? Интересует сам практический процесс обучения. Следует ли писать какие-либо тестовые проекты или же заниматься созданием сайтов на заказ попутно вникая в тему? P.S. надеюсь меня поймут

    Asked by zeep,

    0 votes
    18 answers

  15. DIV без фона над другим DIV

    <!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" xml:lang="ru" lang="ru"> <head> <title></title> <style type="text/css"> .d1 { position: absolute; z-index: 100; width: 100%; height: 100%; background: none; } .d2 { position: relative; z-index: 50; width: 100%; height: 100%; } </style> </head> <body> <div class="d1"></div> <div class="d2"><a href="">Некликабильно в FF</a></div> </body> </html> В остальных браузерах все нормально работает. в FF же верхний элеме…

    Asked by Razor,

    0 votes
    3 answers

  16. Div в футере

    Здравствуйте! Подскажите, пожалуйста, как поставить див в самый низ экрана, но в случае если контента больше чем одна страничка(по вертикали я имею ввиду), то он бы смещался и шёл в самом низу, за контентом? Т.е. Если контента на пол страницы, то этот див находиться внизу экрана, а если допустим контента полторы страницы, то этот див идёт сразу после контента? Хочу туда поместить счётчик 1)Пробовал ставить блоку position:absolute;bottom:5px; Но тогда, в случае если контента больше чем на страницу, то этот див налазиет на контент 2)Пробовал ставить position:relative; Но тогда в случае если контента меньше чем на страницу, тогда этот див может оказаться посерёд экрана, …

    Asked by pivkos,

    0 votes
    5 answers

  17. Равномерно разместить содержимое ячеек таблицы.

    Есть таблица. В одной из её ячеек помещена еще одна таблица. Как сделать так, чтобы первая ячейка прижалась влево, последняя - к правому краю. А оставшиеся 4 ячейки распределились по свободному месту между первой и последней? Размер картинок известен и для всех шести одиноков. Спасибо.

    Asked by ХОЛОДный,

    0 votes
    7 answers

  18. Чего не хватает для работы а:hover

    Не работает в ФФ, Опера. В ИЕ 6 все окей. ul li { font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 20px; text-decoration: none; list-style-image: url(img/bullet.gif); } li a { font-family: Arial, Helvetica, sans-serif; color: #4C4D4F; text-decoration: none; } li a:hover{ list-style-image: url(img/bullet_grey.gif); } li a:visited{ color: #666666; }

    Asked by piryaz,

    0 votes
    9 answers

  19. Вопрос по Usemap

    Я начинающий. Хочу сделать карту так, чтобы она отображалась на экране с любым расширением всегда полностью. Использую для этого WIDTH=100%. Картинка сжимается и отображается полностью на экране, но координаты для ссылок, задаваемые при этом в пикселях, пропорционально не уменьшаются. Как сделать так, чтобы картинка всегда занимала полностью экран и происходило пропорциональное изменение заданных координат? Спасибо заранее, если кто знает. <img src="activities1.jpg" WIDTH=100% usemap="#activities"> <map name="activities"> <area shape="rect" coords="45, 32, 545, 382" href="crafts/crafts.html" alt="crafts"> <area shape="rect" coords="568, 32, 1068, 382"…

    Asked by Scheres,

    0 votes
    5 answers

  20. если дизайн сайта шириной 1024px, то как сделать без горизонтальной прокрутки на 1024x768?

    Добрый день, друзья! Меня давно мучает вопрос. Часто видел в Сети сайты, которые отлично смотрятся на экране 1024х768, а когда экран, допустим 1600x1200, то края сайта тупо не обрезаны, а за ними идет какая-то картинка или продолжение изображения в шапке сайта. При этом сайт не резиновой верстки и текст, как и блоки, остаются на своем месте. Вот на днях нарисовал дизайн сайта шириной 1024px, теперь хочу его верстать. Возник вопрос. Как сделать на экране 1024x768 без горизонтальной прокрутки. А если экран чуть по больше, то края чуть расширяются. Конечно, всегда можно тупо обрезать дизайн до 999px/970px и париться не надо, но мне интересно. Спасибо! p.s. Допустим. Я делаю …

    Asked by Вадим,

    0 votes
    5 answers

  21. Позиционирование текста

    Есть шапка, вот схема: 1. Требуется совет, правильно ли я сделал, что полосу, в которой будет меню слил с шапкой в единую картинку? Или лучше ее делать контейнером?

    Asked by x11,

    0 votes
    6 answers

  22. Пропорциональное выравнивание блоков по горизонтале

    Привет, экспериментирую и гуглю часа 4е... ничего подобного найти не удалось, в общем: Необходимо выравнить произвольное (и заранее не известное) кол-во блоков (то есть блочных элементов со всеми признаками блочности, включая возожность иметь потомков различного типа, включая блочных) по горизонтали, внутри родительского блока, и с учётом пропорционального центрирования. например, имеется 4е сестринских блока, располагающихся внутри контейнера по всей его ширене, занимающие всё его клиентское пространство пропорционально (так сказать по центру), и имеющие одинаковые отступы друг от друга, изменяющиеся (уменьшающиеся/увеличивающиеся) в зависимости от количества сестринских…

    Asked by Партия ЦКCSS,

    0 votes
    9 answers

  23. Как вставлять рисунки?

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

    Asked by muva,

    0 votes
    5 answers

  24. Проблема с футером

    http://www.sobzem.ru/ Стили Проверял у себя на компе: IE8 Chrome FF3.5 У знакомого на компе IE6 Всё работает как нужно У 3-х людей проблемы в IE8 и FF3.5 Тут почему-то белые заголовки Исправил вроде... Не пойму почему во всех браузерах всё было ок... Стоял цвет белый в стилях... Тут картинка должна быть над текстом Тут тоже вроде решил, решил оставить так. )) Тут подвал вообще уехал Это не могу проверить ((( Если кто увидет съехавший подвал отпишите. В чём могут быть проблемы ?

    Asked by AnTiBAnnik,

    0 votes
    0 answers

  25. Оптимизация

    Добрый день, посетители форума. Я здесь недавно. Очень много информации. Это хорошо. У меня мало времени, поэтому со всем на форуме ознакомиться не смог. Прошу прощения, если тема уже была затронута. Речь пойдёт об оптимизации сайта под различные браузеры. Мой сайт сделан без применения рнр и других языков програмирования. Он создан исключительно на html. Так же присутствует и javascript. Просматриваю его в основном через ie8 (пока что в разработке). Мне этот браузер кажется наиболее удобным. Но когда я увидел сайт через FF и Оперу, то сильно расстроился. Сайт выглядел иначе. Многие элементы дизайна не отображались. Я решил всё-таки доделать сайт в ие, а уже потом перейти…

    Asked by crysis007,

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