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. Выделение текста в теге <option>

    Здравствуйте форумчане! Помогите мне решить проблему верстки. Есть такой кусочек кода: <p><form> <label>Выберите страну и SMS номер. </label> <select> <option>Россия / Russia номер 9999 | 130 РУБ</option> <option>Финляндия / Finland номер 8888</font> | 4,3 EUR</option> <option>Литва / Lithuania номер 7777</font> | 7 LTL</option> </select> </form> </p> Как вы понимаете, эта форма оплаты. Мне надо выделить страны жирным шрифтом, а номера красным и жирным. Пробовал стандартными тегами, но столкнулся с проблемой, что в контейнере <SELECT> не работают стандартные html теги…

    Asked by Holli,

    0 votes
    3 answers

  2. Тег VIDEO как ссылка

    На iPAD Необходимо создать переход на другую страницу по клику на видео. Пробовал разные варианты. - В div который содержит этот тег video прописывал onclick="location.href='#'" - на компах работает на iPad нет. - Pазмещал div над самим видео - на компах работает на iPad нет. - Вешал картинку над самим видео и делал её ссылкой - на компах работает на iPad нет. Уже замучался. Как можно сделать переход по клику на видео для iPad? Спасибо. З.ы. Если убрать атрибут controls, то работает и на iPad, но мне нужно с контролем. Autoplay на iPad не работает.

    Asked by mr.moser,

    0 votes
    3 answers

  3. Помогите с Ролловер-эффектом

    Всем доброго времени суток. Делал кнопки по такому же принципу, как в уроке "Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?", когда забиваешь одну кнопку всё отлично, а когда 2, то 1 кнопка повторяет изображение 2, когда третью тогда 1 и 2 кнопки повторяют изображение 3, и т.д. но при этом имеют разные адреса..Подскажите плз как сделать так чтобы 3 ссылки имели разные изображения, разный путь и обладали одним эффектом.. Я тупо копировал код, указанный в уроке(Пример 2. Изменение положения рисунка) 3 раза, меняя путь к файлу и адрес страницы..

    Asked by Dextor,

    0 votes
    3 answers

  4. Горизонтальное меню на ul li в IE при залитии на сайт становится вертикальным

    Всем привет! Собсна, собрал меню 2 уровневое. На компе из файла хтмл запускаю - в ИЕ все как надо. При установке на сайт - добавляются переносы строк после каждого пункта, фактически, меню становится вертикальным. при этом вложенные пункты меню отображаются как надо (без переносов). div#menu img { width:48px; padding:10px 16px; border:0px; display:block; } div#menu { font-size:8pt; margin:0px;padding:0 0 5px 0; border:0; background:none; float:left; z-index:100; } div#menu ul { margin: 0px; padding: 0px; background-color:#ffffff; } div#menu li { float:left; width:100px; height:14px; text-align:center; margin: 5px 0; position: relative; list-style-type: none; backgro…

    Asked by HeTpe3B,

    0 votes
    3 answers

  5. Таблица с сылкок по всей ширине

    Всем хи... Есть задача: сделать таблицу, в которой вся строка являлась ссылкой. Вот придумал вот такое решение: <!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></title> <style type="text/css"> /* Reset блок */ /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, …

    Asked by CoDy,

    0 votes
    3 answers

  6. Опера 10-11 тянет высоту

    Помогите разобраться с высотой страницы, пожалуйста... мозги в кучку уже. Проблема такая: почему-то опера 10 -11 (Win) тянет документ больше актуальной высоты (при этом в opera 11.01 lin, chrome, mozilla, ie 8 - все ок). Собственно, высота страницы увеличивается чуть не в два раза без особо видимых на то причин.. в чем может быть дело? скрин архив с html-css - http://ifolder.ru/23648701 (148.59 кб) Большое спасибо.

    Asked by Deidre,

    0 votes
    3 answers

  7. CSS и display:none - проблема с появлением списка <ul></ul>

    Здравствуйте! Задача: При наведении курсора мыши на <li>Галерея</li> должен появляться список <ul></ul> c подменюшками. После того как курсор убран с <li>Галерея</li> список <ul></ul> снова исчезает. Загвоздка: При установке в CSS параметра display:none скрипт отказывается работать, когда устанавливаю параметр display: ' ' , то скрипт работает. Будьте добры, подскажите в чем может быть проблема? Вот код: <html> <head> <title></title> <style> ul.menu ul { display:none; } </style> </head> <body> <ul id="menu" class="menu"> <li><a href="#">…

    Asked by Light 13,

    0 votes
    3 answers

  8. Музыка на разных html страницах

    Здравствуйте, подскажите пожалуйста возможно ли сделать музыку (например на флешке) на сайте на всех html страничках, при условии, если я отключу музыку во флешке на одной страничке, они отключаться на другой. Не обязательно на флеш. Вообще возможна такая затея средствами html и php? В деталях Есть 3 простых html странички, на каждой стоит плеер (флешка) с кнопкой плей и старт. Далее если я например отключу музыку на первой страничке и далее захожу на вторую, то естественно музыка начинает играть заново, и приходится снова отключать. Подскажите, как реализовать чтобы выбор запоминался во флешке и передавался на другие странички, чтобы заново не отключать в плеере. Или воз…

    Asked by dedmene,

    0 votes
    3 answers

  9. отрицательный Margin

    #contentwrapper{ float: right; width: 100%; margin-left:-430px; /*Set left margin to -(leftColumnWidth + RightColumnWidth)*/ background:red;} <div id="contentcolumn"> ukukukukukku </div> зачем margin-left:-430px; ели ширина колонки 100% так и останется и колонка не двигается.... объясните мне принцип действия отрицательных марджинов

    Asked by bot87,

    0 votes
    3 answers

  10. Не появляется вертикальная прокрутка в IE

    У меня не стандартный список select (не стандартный тем что, работает с jquery), все в норме работает. Единственное проблема в том, что в IE вертикальная прокрутка не появляется. overflow:scroll не помогает. как еще можно заставить ie чтоб, прокрутил список вверх-вниз. Заранее спасибо. Ссылка на код

    Asked by jumancy,

    0 votes
    3 answers

  11. Кнопка для сайта

    DELLETED

    Asked by stanislay007,

    0 votes
    3 answers

  12. IE bug

    Здравствуйте, возник вопрос по IE багам.Искал у всезнающего гугля ,он паршивец не нашел ничего. Есть ли у IE 7,6 баг с position absolute, когда он не прижат по умолчанию у левому краю а ведет себе так как блочный? И второй вопрос по background-position в IE6 если применяеш к спрайтам ведет себя не так как хотелось бы?

    Asked by Mr.Black,

    0 votes
    3 answers

  13. Комментарии вконтакте

    Добрый день. Подскажите пожалуйста как сделать чтобы комментарии от вконтакте не наезжали на элементы снизу http://udmmusic.ru/chto-vy-khoteli-uvidet-na-saite.html.

    Asked by smirn0ff,

    0 votes
    3 answers

  14. В домене www.сайт.com появилась приставка ?lg_2sr

    pikamsk в домене www.сайт.com появилось что то)))) _http://www.сайт.com/?lg_2sr что эт такое ?lg_2sr как исправить? Домен прикреплен к хостингу ucoz www.сайт.ucoz.ru Добавлено: P.S. приствка _http://www.сайт.com/?lg_2sr то есть то её нет www.сайт.com может что то в исходном коде,не знаю что делать,боюсь что отразится на индексации сайта(((( Cheery.:МордератоР:. домен нашел в сети по аналогичному вопросу pikamsk Иногда появляется,а в основном нормально,решу проблему,отпишусь на форуме,не закрывайте тему. panserg Newbie Может быть элемен ДДОС защиты? Кто что думает по поводу элемента защиты?Или есть какие другие мысли?

    Asked by pikamsk,

    0 votes
    3 answers

  15. Как оформить заголовок

    Подскажите, как делается такой заголовок с заливкой не до конца? http://www.vashgarazh.com/dekorativnaya-otdelka-fundamenta И еще, какой это шрифт&

    Asked by fowl,

    0 votes
    3 answers

  16. Помогите переделать оформление h2 в div

    Было так .sidebar h2{ margin: 10px 0 0px 0; padding: 10px 0 10px 6px; text-align: left; font-size: 18px; line-height: 18px; color: #F4F5F6; font-family: Arial, Helvetica, Sans-serif; font-weight: bold; text-transform: uppercase; background: url(images/sidebar-tab.png) left top repeat-x; } .............. <h2 class="widgettitle">Новые статьи</div> Мне нужно убрать тег h2 и сделать такоеже оформление, но через div. Как правильно переделать код?

    Asked by fowl,

    0 votes
    3 answers

  17. CSS - проблемы с наведением на li

    Всем привет! Во в чем проблема, значит. Я один сайт под себя переделываю, и мне захотелось сверху сделать менюшку получше, уж больно она неказистая. Увеличил высоту, все как положено, текст остался по центру. Затем с помощью li:hover сделал другой фон. И при наведении фон изменяется, но текст сдвигается вверх. Вот, собственно, какой кусок кода вышел: #topmenu ul, #topmenu li { list-style-type:none; list-style-image:none; padding: 0; margin: 0; } #topmenu table { background-color: #2A85E0 !important; height: 50px; } #topmenu li:hover { background: rgba(0, 0, 0, 0.15); height: 46px !important; text-deco…

    Asked by Qeaction,

    0 votes
    3 answers

  18. fieldset

    Здравствуйте! Объясните мне пожалуйста в каких случаях нужно использовать fieldset? теорию читала, но всё равно до конца не ясно. Никогда не использовала в формах fieldset, советали так. Говорят его применять нужно только в крайних случаях, по необходимости, почему?

    Asked by vikusik,

    0 votes
    3 answers

  19. Резиновый сайт с помощью CSS и DIV.

    Здравствуйте. Подскажите, кто сталкивался с такой проблемой. Есть дизайн сайта, надо сделать резиновую верстку. Но эта верстка должна отвечать многим требованиям: Сайт должен быть резиновым. Но крайне желательно ограничить размеры сайта шириной 1200 пикселей и минимальной шириной 860 пикселей. И нужно, чтобы сайт был позиционирован по центру на широких мониторах. В шапке сайта есть три рисунка. Нужно их позиционировать таким образом, чтобы рисунок слева оставался слева, рисунок справа оставался справа, а рисунок по центру находился по центру всегда, независимо от ширины монитора. Подскажите, кто сталкивался с такими трудностями - как решить? Спасибо.

    Asked by Artweb,

    0 votes
    3 answers

  20. height 100% и не тянется

    Подскажите пожалуйста, у меня такая проблема. В предпоследнем родительском диве, куда вставляется весь контент, я поставил height:100%; что бы он растягивался на до конца при любом разрешении монитора. Но почему-то не срабатывает. В чем может быть проблема?

    Asked by sh1va,

    0 votes
    3 answers

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

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

    Asked by Softlink,

    0 votes
    3 answers

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

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

    Asked by DrStrangeLove,

    0 votes
    3 answers

  23. Непонятный артефакт

    Здравствуйте! До того как я вставила форму, все было ОК. А теперь сбоку (слева и права) странный артефакт. Не могу понять, что именно не так? Сама страница Откуда появляется этот артефакт?

    Asked by Bredova,

    0 votes
    3 answers

  24. Два DIV: левый резиновый, правый фиксированый

    Проблема в общем то вот какая. Есть сайт с дизайном: http://cxem.net/arduino/arduino.php, мне нужно справа добавить панель. Т.к. я старой закалки и секу в основном в табличной верстке, в DIV'ах пока что не очень получается реализовать такую вещь: нужно сделать панель справа, типа меню. Фиксированого размера (около 150-200 пикселей), а левую основную панель с контентом резиновую. Чтобы между 2-мя панелями был какой-то промежуток 10-20 px. Справа я панель присобачил кое-как, но вот левая панель либо наезжает на нее, при задании у нее свойства width:80% (незнаю какое тут число ставить), либо не доезжает. Подскажите как сделать? Заранее спасибо

    Asked by tolik777,

    0 votes
    3 answers

  25. div с фиксированной высотой, нужно сделать футер

    есть div с фиксированными высотой и шириной. внутри 3 дива - заголовок, контент, футер. <div class="container"> <div class="header"> title </div> <div class="content"> item content </div> <div class="footer"> toolbar </div> </div> нужно сделать, чтобы футер был снизу, а контент занимал все свободное пространство между заголовком и футером. прижал футер к низу так: .container{ position:relative; } .footer{ position: absolute; bottom: 0; } но с контентом не могу сообразить как.. upd забыл один важный момент: div с контентом должен быть с overflow:hidden. т.е. содержимое дива не должно растягивать див-контейнер.

    Asked by maximt,

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