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. Отменить несколько стилей одним свойством ?

    К примеру тегу <p> наследованием пришла рамка, фоновая карnинка, жирный шрифт и т.д. Существует ли одно такое свойство, которое одной строкой в CSS сможет отменить все наприкрученные свойства элемента? Что-то типа p {style:none;}

    Asked by borus,

    0 votes
    6 answers

  2. Картинка - кнопка

    Уважаемые форумчане! Заранее прошу меня извинить, почему-то сама сообразить не могу. Есть две картинки к одной кнопке (синего и серого цвета). В "спокойном" не нажатом состоянии кнопки серые, как сделать так, чтобы кнопка становилась синей при нажатии на нее, т.е. когда она становится активной. Именно при нажатии, а не при наведении. Причем глубоко в душе понимаю, что здесь работает .active{} и иже ему подобное, но как реально прописать такое - увы совсем туплю. Буду благодарна за пинок в правильном направлении. P.s. Можно еще конечно (я так думаю) обратиться к onmouseover, onclick, onmouseout - но с ними я как-то общего языка пока не нахожу). Заранее спасибо.

    Asked by Avesha,

    0 votes
    6 answers

  3. Как сделать кнопку при наведении курсора картинка изменяется

    Я хочу сделать свою кнопку при наведении курсора картинка изменяется Это CSS код: .hrss { float: right; margin-top: 8px; padding-top: 32px; width: 32px; background: url("http://codmws.ucoz.ru/rsshead.png") no-repeat; } .lcol { float: left; } .rcol { float: right; } А это код могу вставить куда хочу: <a class="thide hrss" href="http://vkontakte.ru/codmws" target="_blank" title="Наша группа в контакте">Наша группа в контакте</a> Помогите дополнить кнопку при наведении курсора картинка изменяется

    Asked by GhostNiniga,

    0 votes
    6 answers

  4. Select и required

    Собственно проблема в названии темы. Required не желает работать с select <!DOCTYPE html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Форма регистрации</title> <link rel="stylesheet" type="text/css" href="Style.css"> </head> <body> <form action ='Script.php' method ='POST'> <fieldset> <legend>Заполните форму</legend> <fieldset> <legend>Информация о студенте</legend> <p align="right"class="header">Фамилия:<a class="star">*</a> <input class="field" type="text" …

    Asked by Serafim1991,

    0 votes
    6 answers

  5. Таблица с меняющимися стилями

    Здравствуйте, уважаемые форумчане. Мне нужно сделать таблицу с меняющимися стилями ячеек как на этом сайте: http://www.gmprint.ru/products/list/2day/ - расскажите пожалуйста как это работает.

    Asked by nick-ru,

    0 votes
    6 answers

  6. Кроссбраузерность

    http://jsfiddle.net/HJrSb/ При наведении в эксплорере пропадает верхний бордер. Как лечить? Проверял в IE8

    Asked by Imperil,

    0 votes
    6 answers

  7. Тормозит IE при добавлении 3d галереи jquery

    Здравствуйте! Подскажите пожалуйста как бороться с такой проблемой. На странице добавлена 3d галерея jquery появляется при нажатии кнопки методом show,hide везде работает нормально кроме IE(7,8,9) в них тормозит очень сильно(при появлении галереи!). Заранее спасибо!

    Asked by Indo,

    0 votes
    6 answers

  8. Свернутое окно

    Всем доброго дня! Вопрос следующий, при сворачивании окна на половину, все картинки и текст съезжаются, подскажите что нужно прописывать для закрепления текста в таблицах, и картинок, заранее спасибо.

    Asked by Web,

    0 votes
    6 answers

  9. Таблица при помощи <li> css

    Здравствуйте! помогите решить одну проблему: есть список, который выводит категории с подкатегориями сайта в виде таблицы Категория1 Категория 2 Категория 3 ———— ———— ———— ———— ———— ———— ———— ———— ———— ———— Категория 4 Категория 5 ———— ———— ———— ———— Как реализовать вывод категорий таким образом Категория1 Категория2 Категория3 ———— ———— ———— ———— ———— ———— ———— КАТЕГОРИЯ5 ———— ———— ———— ———— ———— ———-- Категория6 КАТЕГОРИЯ4 ———— ———-- ———— ———— ———-- ———— …

    Asked by ashel,

    0 votes
    6 answers

  10. Проблемы в IE7 с float:right

    Здравствуйте! Встала проблема с 7м осликом.. Уже не первый раз сталкиваюсь с таким моментом. Есть простой код: <div class="caption"> Отзывы <a href="#">Все (232)</a> </div> со стилями: .caption { color: #0B0B0B; font: 18px/22px Arial,Tahoma,Verdana,sans-serif; height: 26px; } a { float: right; font: 14px/18px Arial,Tahoma,Verdana; } Так вот, везде всё нормально: кроме ie7 (синим выделен контейнер .caption в "средствах разработчика"): Просьба, помогите разобраться! Сталкиваюсь с таким далеко не впервые, побороть так и не смог. Приходилось для ослика отказываться от float'a. Может это типовая проблема? Может у неё уже д…

    Asked by AlOshka,

    0 votes
    6 answers

  11. можно в показать в виде таблицы xml документ

    Доброе время суток! у меня есть html страничка c данными сотрудников (фио, телефон, кабинет и т.д.) в виде таблицы. При изменении каких-либо данных приходится ручками менять эту таблицу. Но есть возможность получить эти данные в виде xml-документа. Вопрос можно ли как-то показать данные этого xml-документ в табличном виде на html-страничке, чтоб при изменении содержимого xml автоматически менялись данные в таблице? Меня интересует, существуют ли способы добиться желаемого без использования php или asp.net.

    Asked by avn72,

    0 votes
    6 answers

  12. CSS свойство transition и Chrome

    Всем здравствуйте. Разрабатываю ресурс на Wordpress (если это важно). Работа пока проходил на локале. Решил применить CSS свойство transition для плавного изменения цвета названия категории при наведении курсора. Использовал код: ul#catmenu li a { text-align:center; font-size: 1.0em; font-weight: bold; color: #737373; transition: all .20s linear; -moz-transition: all .20s linear; -webkit-transition: all .20s linear; -o-transition: all .20s linear; } Сначала думал применить данное свойство совместно с псевдоклассом hover, но тогда плавность работает при наведении, но если убрать курсор, то цвет меняется к первоначальному резко, без анимации. Тому применил свойст…

    Asked by Dayks,

    0 votes
    6 answers

  13. Web Developer

    Возникла проблема. Установил Web Developer 3.3 на Firefox 10.0.2, дополнение отображается в списке, но не включить панель дополнения ни через меню "вид", ни "инструменты". В чем может быть проблема?

    Asked by Sketch,

    0 votes
    6 answers

  14. Помогите с браузерами

    В опере шапка отображается нормально Опера а в мазиле и гугле хроме Гугл мазила В чём проблема?помогите пож

    Asked by Gvard,

    0 votes
    6 answers

  15. текстовое содержание дива наезжает на соседней див

    текст в теге div id="content" наезжает на футер. У меня уже все мысли исчерпались по этому поводу. В чём проблема? Можете объяснить? Заранее спасибо. CSS: html { height: 100%; } body { height: 100%; } * { padding:0; margin:0; } #wrapper { min-width: 1000px; min-height: 100%; background: #f00; } /* Middle —————————————*/ #middle { border-left: 250px solid #B5E3FF; border-right: 250px solid #FFACAA; position: relative; background: #988780; } #container { width: 100%; float: left; overflow: hidden; margin-right: -100%; } #content { padding: 0 20px; } /* Footer —————————————*/ #footer { height: 100px; backgroun…

    Asked by dmr,

    0 votes
    6 answers

  16. Подключение плагина для радиобаттона

    Всем Привет. Решил попробовать написать для себя скрипт по кастомизации радиобаттонов(с подключением через классы) и столкнулся с непонимаем того, почему при клике на инпут начинает появлятся и сама картинка в теге: <i class="myVirtualRadio">? Такого по моим планам возникать не должно Также хотелось бы понять как правильно организовать исчезание ’галочки’ при клике на другой радиобаттон? Убирается почему 'галочка' то только с радио под названием 'шестой'? Остальные не реагируют... (Буду признателен — если кто подскажет...) Js код выглядит следующим образом: var myClassRadio = document.getElementsByTagName('input'); var virtualClassRadio = document.getElementsByT…

    Asked by Yamaradg,

    0 votes
    6 answers

  17. Цикл for

    Внутри xsl-шаблона пробую написать скрипт, использующий оператор цикла for. Корневой тег xsl:stylesheet, в нем объявлен тег html, принадлежащий пространству имен xmlns="http://www.w3.org/1999/xhtml". Далее все теги xhtml вложены как обычно. Внутри body контейнер script в нем простейший цикл for - и шаблон не срабатывает. Если цикл заменить условным оператором if - все работает нормально. А на for валидатор notepad++ ругается "invalid element name". Почему?

    Asked by hike,

    0 votes
    6 answers

  18. Меню на CSS

    Добрый день! Постановка проблемы: Сделал меню, все работает, кроме активной ссылки (когда нажимаешь на пункт меню, он остается подсвеченным, что мы ТУТ находимся). Не совсем понимаю в какую ветку написать. Однако думаю сюда, тк проблема точно с кодом CSS. Проверил валидатором, есть проблемы с CSS, но они точно не влияют на конкреную проблему (и кстати пока не представляю как от них избавиться, но здесь не об этом). Экскурс: Делаю сайт на MODx, ссылка на сайт с проблемным меню, ссылка на сайт с меню работающим. Я перепробовал за последнюю неделю уже все на что я способен видимо, по логике (моей) все работает, а на деле нет... Пользовал информацию из этого урока про меню. Н…

    Asked by wowa,

    0 votes
    6 answers

  19. Дивы в стоку

    Знаю, что проблема обсуждалась миллион раз, но решения не могу найти. <div id="main"> <div id="col1"></div> <div id="col2"></div> <div id="col3"></div> </div> Первые 2 колонки должны выравниваться влево, при этом у обоих ширина 25%. третья - вправо, ширина - по контенту. Высота у всех трех фиксированная. Так вот, никак не могу добиться того, чтобы третья колонка не вываливалась вниз. #main{overflow:hidden}, #main>div{display:inline-block}, задание высоты у всего что можно, добавление <br clear="all"> - ничего не помогает

    Asked by leventov,

    0 votes
    6 answers

  20. Проблема с отображением фотографий

    Здравствуйте! Есть сайт, на котором миниатюры фотографии (форматов jpg и jpeg), отображаются с потерями в качестве в браузерах Mozilla и Opera, и без потерь в Google Chrome. (в IE не проверяла). В полном размере фотографии отображаются с помощью плагина fancybox и без проблем. Сайт работает на Umi.CMS. Почему миниатюры искажаются? Это проблема браузеров или CMS?

    Asked by vikver,

    0 votes
    6 answers

  21. Как можно открыть нужную папку сайта в проводнике Windows?

    Здравствуйте. Нужно изменить разом разрешение группы фоток с помощью программы пакетной обработки. Думаю было бы удобно воспользоваться привычной программой, вот только как открыть нужную папку хостинга в проводнике Windows? Или так не следует поступать (редактировать удалённо)? P.S. Более подходящего раздела не нашёл.

    Asked by borus,

    0 votes
    6 answers

  22. Резиновый header

    Помогите пожалуйста. Вот сверстал по советам хэдар. Середина должна растягиваться до левой и правой картинки, в Firefox все ок, но в IE по бокам почему то остаются полосы(( Вот код HTML: <!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" xml:lang="en" lang="ru"> <head> <link rel="stylesheet" type="text/css" href="styles.css" /> <!--[if IE]> <link rel="stylesheet" type="text/css" href="ie_styles.css" /> <![endif]--> </head> <body> <div id="main"> <div id="header_carrier"> <…

    Asked by tarkinsky,

    0 votes
    6 answers

  23. вопрос по "get" и "submit"...

    Не могу решить такую проблему: Есть форма для поиска <form action="http://www...../search" method="get">. В ней есть инпут для ввода запроса <input name="q" size="22" />. Ну и кнопка, разумеется <input type="submit" value="Искать" />. Вопрос: Как сделать, чтобы текст из инпута отсылался на запрос всегда с "припиской", то есть некой текстовой константой, например вы вписали в инпут "Вася", а субмит отсылает запрос как "Вася 666", или вписали "Оля", а отсылается "Оля 666", то есть не зависимо от того что вы ввели всегда в конце должно приписывается " 666" (666 - просто для примера)... Как такое сделать? Помогите. Очень нужно.

    Asked by qwaszx,

    0 votes
    6 answers

  24. Попиксельная верстка макета из Adobe Illustrator'а

    Добрый день всем. Заказчик подкинул задачу: "сайт должен отображаться точно так же, как и в макете". Дело в том, что в макете (Adobe Illustrator) шрифты сглаженные, ровные... А в браузере это не так... И на сколько я знаю, это касается не только AI, но и PhotoShop. В итоге заказчик требует попиксельного соответствия макету. Собственно, вопросы: 1) какова причина такой разницы? пока что очевидным ответом был бы "это AI играет со шрифтами, дополнительно их обрабатывает" 2) как привести отображение шрифтов на сайте к виду в макете? Заранее спасибо.

    Asked by MiReQ,

    0 votes
    6 answers

  25. CMD в HTML возможо?

    Подскажите, как добавить выполнение комманд\BAT файлов.\запуск программ в код HTML (если это возможно) если нет - напишите плиз

    Asked by var,

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