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. Помогите сделать авторизацию

    Помогите плз сделать красиво авторизацию на моем сайте. Залил шаблон, но авторизация как то криво (см. скрин). хотелось бы что бы получилось так как на скрине справа. в html сам практически не разибраюсь( спасибо в файле login.tpl код такой <ul class="reset loginbox"> <li class="loginbtn"> <form method="post" action=""> <div id="logform" class="radial"> <ul class="reset"> <li class="lfield"><label for="login_name">Имя:</label><input type="text" name="login_name" id="login_name" /></li> <li class="lfield lfpas"><label for="login_password">Парол…

    Asked by Tsilya,

    0 votes
    9 answers

  2. Вопросю Можно ли с помощю css задать цвет для нескольких элементов в одном месте.

    Всем доброго времени суток. Поучаствуйте пожалуйста в моей проблеме. Я разрабатываю приложение на базе QT, которое отображает несколько десятков HTML страничек(локально). Есть один css файл, который описывает кнопки и прочие элементы. Везде используется не более 6 базовых цветов, которые необходимо менять в настройках. Мне бы хотелость иметь конструкцию вроде следующей: color1: "red" color2: "green" color3: "yellow" color4: "black" color5: "blue" color6: "#010101" ............. TD.mainSelect { color: "color1" TD.menu { border-bottom: 4px color1 solid; Но к сожалению я ничего подобного в css и html не нашел. Ма…

    Asked by sev1961,

    0 votes
    3 answers

  3. длинное слово распирает блок

    <html> <head> <META http-equiv=Content-Type content='text/html; charset=windows-1251'> <TITLE>Поиск на GOOGLE </TITLE> <style type="text/css"> div{width:50px;height:100px; border:1px solid red;} </style> </head> <body> <div>FFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFFF</div> </body> </html> как сделать чтобы длинное слово автоматически разбивалось а не розпирало блок!?? какой то регуляр нашел которое делить слова больше 15 символов x.replace(/(\S{15}[^$])/g,'$s1\n') но не получается...

    Asked by bot87,

    0 votes
    6 answers

  4. Проблема с наложением элементов

    При длинном MESSAGE - залазит на кнопку, что справа http://jsfiddle.net/8r5DM/1/ Как сделать какое-нибудь ограничение чтоб текст мог обтекать кнопку сверху и слева но не залазил сверху на неё. решение пожалуйста. Заранее спасибо. Кстати желательно без табличную вёрстку, т.е. div'ами или чем-нибудь другим

    Asked by and_zheltukhin,

    0 votes
    1 answer

  5. Положение ползунка (скроллинг) в div блоке

    Подскажите пожалуйста, как установить положение ползунка <style> #block_a { width: 100%; height: 300px; overflow: auto;} </style> <div id="block_a"> <?php while($i<100){$i++; echo "<br/>";}?> </div> Нужно чтобы ползунок автоматом был внизу

    Asked by wollk,

    0 votes
    1 answer

  6. Ccs оформление. в iframe

    Суть такая на форуме вставил вот так. <iframe class="donatwow" src="http://billing.besthost.by/wow/easypay.php"></iframe> Как к нему привязать оформление. А то я создаю ccs для donatwow и как бы ничего не происходит. Как я понял надо изменить оформление в http://billing.besthost.by/wow/easypay.php, так что бы у меня оно отображалось красиво. То есть изменить размер колонок, шрифт, цвет и так далее. Что предложите.. Вставляю в боковую панель ipb 3.2.2, там разрешен: Включить RAW HTML / JS режиме Если enbled, NO разбора произойдет. Хорошо, если вы хотите показать HTML / JavaScript только, например, поместить его виджет или баннер. Используйте таблицу / Граница …

    Asked by angelShlesser,

    0 votes
    0 answers

  7. Не работает Colorbox !

    Сутки мучаю этот скрипт . И не могу понять что не так . Вроде подключил стиль и два скрипта , пути к картинкам норм прописал и че ...Смотреть PS: js-ки не трогал только в css добавил селектор для превью из "Pirobox-a" а так все из оф сайта.

    Asked by Vandeko,

    0 votes
    3 answers

  8. Подскажите, пожалуйста, со стилем Яндекс.карты

    Здравствуйте, подскажите пожалуйста - совсем запуталась с тегами. Мне нужно создать border-image вокруг яндекс.карты на страничке. Код страницы <div class="map-border"><div id="YMapsID-5652" style="width:350px;height:270px"></div></div> css #map-border { border-width: 25px 30px 10px 20px; -moz-border-image: url("img/map-border.png") 25 30 10 20 repeat stretch; -webkit-border-image: url("img/map-border.png") 25 30 10 20 repeat stretch; border-image: url("img/map-border.png") 25 30 10 20 repeat stretch; } Бордюр не отображается.. в чем намудрила, никак не пойму Т_Т Заранее благодарю за помощь всех откликнувшихся

    Asked by Skazzi,

    0 votes
    4 answers

  9. Проблема с офромлением меню выпадающего списка

    Сделал выпадающее меню, также при наведении на "Женская одежда", у неё появляется фон рисунком, хочу прилепить еще недостающий рисунок к правой части основного рисунка. Как это сделать? У меня не получается. Меню сделал так: <div id="menu"> <ul> <li> <a href="#">Женская одежда</a> <div> <ul> <li><a href="#">Платья</a></li> <li><a href="#">Топы</a></li> </ul> </div> </li> <li> <a href="#">Мужская одежда</a> <div> <ul> <li><a href="#">Костюмы</a></li> <li><a href="#">Рубашки</a></li> </u…

    Asked by Ritter,

    0 votes
    13 answers

  10. Нужен совет по верстке

    http://leveler.ru/malina/ Вот верстаю макетик. Как бы сделать так, чтобы сияние под логой всегда совпадало по расположению с самим логотипом? Пока у меня нет мыслей, кроме как логотип вклеить в фон. Но тогда он вместе с фоном будет уезжать за страницу при масштабировании.

    Asked by d0ublezer0,

    0 votes
    21 answers

  11. Мобильная верстка. Автоматическая подсветка тапнутых элементов.

    Добрый день. При верстке странички для android возникла проблема. При тапе на определенном диве, он автоматически подсвечивается средствами браузера (желтая область с оранжевыми границами). Каким образом возможно убрать эту подсветку?

    Asked by Paloskin,

    0 votes
    2 answers

  12. Скрипт по защите е-маиль адресса не работает....

    Всем доброго дня, вечера и настроения. Вопрос чайника. Не пинайте, а если все таки, то, пожалуйста, не ногами и не по голове. Есть вот такой скрип по защите е-маиль адреса от спамовых роботов: <script language="JavaScript"> <!-- var name = "name"; var domain = "domain.ru"; document.write ('<a href=\mailto:' + 'имя' + '@' + 'домейн.ru' + '\>'); document.write('<img src=pict/mail.gif border=0 alt=" НАПИСАТЬ ">' + '</a>'); // --> </script> Во всех браузерах работает, а в Мозиле (версия 7) не работает... Какова причина? По идее при нажатии на ссылку (в данном случае картинка) должен открываться мейлер (почтовая прогр.)... Мозила открывает …

    Asked by copyright,

    0 votes
    8 answers

  13. Диалоги

    Хочу написать Диалоги как вКонтакте, подскажите в чем тут может быть проблема? Чтобы do while так же выводил как вКонтакте. <div>w1ndw0rk - v0in<div> <div>v0in - w1ndw0rk<div> http://cs5870.vk.com/u10393717/107424414/x_a9c1abda.jpg $dialog_res = mysql_query("SELECT * FROM messages WHERE author='$login' ORDER BY id DESC") ; $dialog_row = mysql_fetch_array($dialog_res) ; //************************************************ //************************************************ if (!empty($dialog_row['id'])) { do{ $user_res = mysql_query("SELECT * FROM users WHERE login='$login'") ; $user_row = mysql_fetch_array($user_res…

    Asked by w1ndw0rk,

    0 votes
    1 answer

  14. Маленький дефект отображения футера в Opera

    Здравствуйте, уважаемые эксперты! Столкнулся с небольшим, но очень неприятным глюком при отображении вёрстки сайта в Opera "Версия: 11.50 Сборка: 1074". Во всех браузерах всё ок, а вот в Опере при первом открытии страницы футер выглядит съехавшим вверх (страница построена с прилипающим к низу подвалом). После обновления страницы футер садится куда надо. Причем можно сделать "Проинспектировать элемент" на любом элементе и справа в списке стилей любую галочку снять, футер тут же встанет на место. Такое ощущение, что не хватает странице совсем чуть-чуть, чтобы догрузить до конца все данные. Вёрстка валидна. Тут HTML код Тут CSS

    Asked by Beatler,

    0 votes
    8 answers

  15. для совсем чайников

    Добрый день! Начал самостоятельное изучение html и css. Есть пока пара совсем глупых общих вопросов, о которых в учебниках ответа нет. Поэтому обращаюсь к сведущим в данном вопросе людям. 1. Как редактировать html-код страницы? Я всё время сохраняю код в 2х разрешениях - .txt и .html. Можно ли сохранять только в .html и как потом дополнять/редактировать? (у меня MacOs, браузер Safari) 2. Когда использую css, то изначально всё отображается правильно. Но после внесения изменений/дополнений в файл .css внесённые изменения уже не отображаются при просмотре в .html. Как правильно вносить изменения в .css, чтобы они отображались? Спасибо за любые пояснения.

    Asked by Petr,

    0 votes
    26 answers

  16. Задача по CSS

    Возникла задача, которую я не смог осилить. Поэтому прошу вашей помощи. Дано: <!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>Задачка по CSS</title> <style type="text/css"> * { margin: 0; padding: 0;} .nav { list-style: none;} .nav > li { display: inline-block; width: 100px; border: 1px solid #000; vertical-align: top; } </style> </head> <body> <ul class="nav"> <li> &lt…

    Asked by psywalker,

    0 votes
    26 answers

  17. Нумерованный список с рисунками в качестве маркера

    Здравствуйте! В общем, помню, видел в каком-то шаблоне такой хит: нумерованному списку задаешь класс, к примеру какой-то "num_list", и вместо цифр шрифтом отображаются цифры картинками... Для маркированного списка без проблем сделать маркер картинкой, а для нумерованного, чтобы 1-му элементу списка соответствовал рисунок с изображением единички, 2-2, 3-3 и т.д. Или такое невозможно и я все это придумал? Если кто-нибудь знает, подскажите, пожалуйста. Спасибо!

    Asked by Vedrys,

    0 votes
    6 answers

  18. При увиличении масштаба браузером беда!

    Что нужно что бы сайт нормально масштабировался и сохранял позиции блоков? Масштаб содержимого увеличивается а самой страницы только по высоте!

    Asked by hrabrik,

    0 votes
    2 answers

  19. Верстка дивами или с помощью таблиц

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

    Asked by mylogin,

    0 votes
    6 answers

  20. Multiple Backgrounds IE6 / 8

    Здравствуйте уважаемые верстальщики. Подскажите, никак не могу разобраться. Как в IE8 хотя бы, не говоря уже о более ранних версиях, сделать несколько фоновых изображений (body)? У меня стоит через запятую (CSS3). Есть какая либо альтернатива, которая будет работать во всех браузерах. Сайт работает на WP.

    Asked by Motoko Kusanagi,

    0 votes
    9 answers

  21. Антивирус и сайт

    Тут возникла такая проблема,у некоторых пользователей сайта(с антивирусом касперский) при его загрузке начинает ругаться на содержание вирусов,что можно сделать и как исправить кто нибудь может подсказать? *желательно по подробней Спасибо за ранее

    Asked by misnik92,

    0 votes
    3 answers

  22. Меню на JS

    вот тут верстка: ВЕРСТКА В общем меню надо сделать так, чтобы при наведении на любой участок раздела меню картинка этого пункта меню менялась с черно булой на цветную. Э это смог реализовать только когда наводишь непосредственно на саму картинку. Когда навожу на ссылку, картинка не меняется! Как сделать чтобы поменялась?? Сейчас я пытаюсь написать функцию на JQuery, но пока идей нет. Это то самое меню! <ul class="pages-menu"> <li><a href="#" title="#"><img src="images/home-a.png" onmouseover="this.src='images/home-h.png';" onmouseout="this.src='images/home-a.png';" />Главная</a></li> <li><a href="#" title=…

    Asked by WebMasterOleg,

    0 votes
    8 answers

  23. Проблема с css в Chrome

    Добрый день, не могу понять в чём проблема. В Хроме на сайте http://baffin-world.ru/ проблема с главным меню, при наведении на пункт и попытке выбрать подпункт все подпункты исчезают. во всех остальных браузерах всё хорошо. Подскажите, в чём проблема?

    Asked by DenimTornado,

    0 votes
    2 answers

  24. Помогите исправить маленький недочёт в спойлере

    Помогите исправить маленький недочёт в спойлере <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> A.s1 { display: block; width: 200px; height: 30px; } A.s1:hover { background: #33CC00; border: 3px double #339900; } A.s2 { display: block; width: 200px; height: 30px; } A.s2:hover { background: #FF0000; border: 3px double #CC0000; } .m1 { display:block; width: 200px; height: 30px; margin:0 auto; } .m11 { display:none; padding-top: 0px; } .m1:hover .m11 { display:block; } .p1 { line-height: 2; font-size: 11pt; font-weight: bolder; color: #000000; margin-left: 10px; }…

    Asked by skoch244,

    0 votes
    0 answers

  25. Съехал весь сайт

    Заменил гугло скрипт один на другой и сайт весь съехал Помогите узнать почему. Сайт: http://twiu.ru/h92

    Asked by Tchorteg,

    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