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. Multiple Backgrounds IE6 / 8

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

    Asked by Motoko Kusanagi,

    0 votes
    9 answers

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

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

    Asked by DenimTornado,

    0 votes
    2 answers

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

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

    Asked by d0ublezer0,

    0 votes
    21 answers

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

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

    Asked by mylogin,

    0 votes
    6 answers

  5. Диалоги

    Хочу написать Диалоги как вКонтакте, подскажите в чем тут может быть проблема? Чтобы 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

  6. div в таблице

    у меня есть вот такой код <table width=100%><tr><td> <div style='float: left; margin-right: 10px; margin-bottom: 10px;'> eee </div> <div style='float: left; margin-right: 10px; margin-bottom: 10px;'> eee </div> ... </td></tr></table> В этом случае все дивы прижаты к левой стороне и при изменении размера броузера те которые не влезают переходят на нижнюю строчку. Вот мне интересно а можно сделать так чтобы первый див в строку был прижат к левой стороне а последний к правой при этом дивы между ними были распределены равномерно. вот на этой странице можно посмотреть как это выглядит.

    Asked by flipper1001,

    0 votes
    4 answers

  7. Помогите сделать авторизацию

    Помогите плз сделать красиво авторизацию на моем сайте. Залил шаблон, но авторизация как то криво (см. скрин). хотелось бы что бы получилось так как на скрине справа. в 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

  8. Откуда стык фона в Chrome?

    Добрый день. Столкнулся с тем, что в Хроме градиентный текстурный фон страницы имеет стык, причем если покрутить колесиком масштаб, он исчезает, пока не вернёшься к определённому масштабу. Вот картинка: Почему? В других браузерах такого нет. Вот код: <body> <div id="main"> ... </div> </body> body { font: 14px/21px Verdana, Geneva, sans-serif; text-align: center; color: #003; background: url(images/bg.jpg) repeat; } #main { width: 100%; text-align: center; background: url(images/bg2.jpg) repeat-x top;/*верхний текстурный градиент фона*/ }

    Asked by borus,

    0 votes
    14 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. Не работает Colorbox !

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

    Asked by Vandeko,

    0 votes
    3 answers

  11. CSS-код для такой формы кто-нибудь делал?

    сверху закругления на градиентном фоне, а низ - белое прямоугольное поле с рамкой и вокруг всей формы тень: поделитесь опытом

    Asked by borus,

    0 votes
    18 answers

  12. Положение ползунка (скроллинг) в 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

  13. Клик меню на :target

    Есть меню с одним уровнем вложения - http://trifler.ru/blog/i/menus/click/target.htm Вывод вложений осуществлен при помощи псевдокласса :target Каким образом решить проблему в IE6(7,8)? Как понимаю нужен Java Script. Использование jQuery и других, не предлагать. Простой скрипт для эмуляции :target только для IE6(7,8)

    Asked by gordi,

    0 votes
    25 answers

  14. Разное отображаение кнопки [type=submit] в Опере/IE и FF/Chrome

    http://jsfiddle.net/NZLqu/1/ В Опере все пучком, а в FF и Хроме надпись уезжает вниз и при нажатии смещается вправо, а не вниз. Пока пошел на компромисс - добавил padding-bottom:3px; чтобы поднять надпись. В Опере правда она на пиксель смещается вверх.

    Asked by SEObomj,

    0 votes
    6 answers

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

    Здравствуйте, подскажите пожалуйста - совсем запуталась с тегами. Мне нужно создать 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

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

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

    Asked by and_zheltukhin,

    0 votes
    1 answer

  17. выпадающие списки: дергается страница при свертывании/развертывании пункта

    Чтобы воспроизвести, раскройте два последних пункта списка, category 2 и LAST. Страничка дёргается при разворачивании/сворачивании LAST, то есть когда контент пересекает нижнюю границу экрана: http://jsfiddle.net/kpoxo6op/kWBBz/#base Мне же нужно поведение, как на этом примере: http://www.designchemical.com/lab/jq...gin/examples/# Тут как ни жми, страничка просто удлинняется и укорачивается, без дёрганья.

    Asked by kpoxo6op,

    0 votes
    5 answers

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

  19. Размещение кнопок на странице

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

    Asked by Soviero,

    0 votes
    7 answers

  20. Создание 404 страницы

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

    Asked by vadimcucherencko,

    0 votes
    8 answers

  21. Подогнать текст под размер блока на разных мониторах

    Попытаюсь объяснить на словах, что к чему. Создаю таблицу - в ячейке оной ещё одну таблицу. В новой таблице в ячейку помещаю текст (все размеры - таблицы и ячеек - в %) - на моем мониторе 1024х768 отображает нормально - по всей высоте блока есть текст, как и надо. На другом мониторе где разрешение 1280х1024 (или около того) нижних процентов 30 блока стали пустыми - т.е. текст при 14рх отображается более мелким шрифтом, между тем как ячейка таблицы по % осталась на нужных размерах относительно экрана. Есть ли способ как-то фиксированно вписать текст в нужный блок на сайте, чтобы на разных мониторах он занимал одинаковый объем? Нужно ли как-то использовать font-size в % css…

    Asked by laird,

    0 votes
    3 answers

  22. Верстка для почтовых рассылок

    В Windows Live Mail и Hotmail размер имиджей не соответвует действительным в режиме отключенных фотографий причем только по высоте. На картинке четко видно что размер имиджа больше в разы чем прописан в html а именно 57px. <table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%" id="backgroundTable"> <tr> <td height="43" align="center" valign="top"> <table border="0" cellpadding="0" cellspacing="0" width="886" id="templatePreheader"> <tr> <td valign="top" class="preheaderContent"> …

    Asked by dmitriy977,

    0 votes
    9 answers

  23. float:left — выталкивание нижестоящего контейнера

    Приветствую, односельчане Прошу о небольшой помощи по верстке — буду очень признателен вам за советы. Поставил фотогалерею NextGEN на этот сайт. И заметил, что фотографии странно себя ведут: Привожу html-код левой верхней фотографии (см. скриншот выше) <div class="ngg-gallery-thumbnail-box" id="ngg-image-26"> <div class="ngg-gallery-thumbnail"> <a rel="lightbox[set_4]" title="Применение сигнализаторов загазованности RGD" href="http://seitron.ru/wp-content/gallery/objects/obj1.jpg" class="cboxElement"> <img width="250" height="188" src="http://seitron.ru/wp-content/gallery/objects/thumbs/thumbs_obj1.jpg" alt=" " title=" "> </a> &l…

    Asked by dreamcutter,

    0 votes
    9 answers

  24. проблемы с @font-face

    Трудно объяснить в чём проблема, но правило не срабатывает! Без проблем работает в IE с его oet-ами... Опера отображает только один из двух шрифтов. Фокс ни одного! В чём может быть проблема? ссылки перепроверил - срабатывают (по крайней мере браузер предлагает сохранить файл) есть несколько вопросов по синтаксису: family надо записывать в кавычках или без разницы? должно ли название файла совпадать с тем что прописана в файле шрифта? можно ли использовать в правиле font варианты начертания: файл шрифта bold - в правиле надо указывать font:bold... или font:normal... мог ли браузер как-то хитро закэшировать предыдущие версии шрифта и отдавать их? Какие есть варианты - как …

    Asked by Nanto,

    0 votes
    9 answers

  25. Помогите выравнить блоки по центру

    Помогите выравнить блоки по центру <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> A.S1 { display: block; position: absolute; top: 0px; width: 200px; height: 30px; } A.S1:hover { background: #888888; } #t1 { display: block; position: absolute; text-align: center; top: 10px; width: 200px; height: 30px; } #t2 { display: block; position: absolute; text-align: center; top: 40px; width: 200px; height: 30px; } .p1 { line-height: 2; text-align: left; font-size: 11pt; color: #ffffff; font-weight: bolder; margin-left: 20px; } A { text-decoration: none; } </style>…

    Asked by skoch244,

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