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. Помогите найти необычную галерею

    Нужна галерея на jquery с превьюшками, у превьюшек должна быть прокрутка вправо/влево. Но есть один момент - в галерее должны отображаться 1,5 картинки. То есть одна полностью и следующая частично. Это сразу отметает большинство галерей, так как они работают по принципу: всем картинкам задаем display: none, а нужной display: block. Сейчас мучаю эту галерею http://www.gcmingati.net/wordpress/wp-content/lab/jquery/svwt/ но в ней сложно оформить превью, так как у них жестко задан размер.

    Asked by SEObomj,

    0 votes
    1 answer

  2. размеры в процентах для ID

    Здравствуйте, многоуважаемые! то ли лыжи не едут, то ли я мастер спорта :-( помогите пролить свет на темное царство: задача вроде элементарная - таблица в пол-окна шириной. поделена на 2 равные колонки. в каждой колонке - по картинке шириной с колонкую. вот решение: <!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> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <meta name="charset" content="windows-1251"/> </head> <body> <table border="1" width="50%"> …

    Asked by hachik,

    0 votes
    2 answers

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

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

    Asked by hrabrik,

    0 votes
    2 answers

  4. Работа со списками

    Здравствуйте.Подскажите пожалуйста как можно сделать вот такой список: 1.Элемент А 2.Элемент Б Элемент Б.1 Элемент Б.2 3.Элемент В Заранее спасибо.

    Asked by Ferma,

    0 votes
    12 answers

  5. позиция элемента в зависимости от разрешения

    Здравствуйте форумчаене. Надеюсь на вашу помощь, т.к. мой мозг уже сломан окончательно и не подлежит ремонту... Создал шаблон с помощью программы артистер, прилипил его к джумле, все гут. Но тут потребовалось внести новый блок над всем сайтом для баннеров, сделал, выровнял у себя... вроде б нормально, попросил друга глянуть на его на мониторе, и увидел что мой тестовый баннер, сьехал у него в сторону, в то же время у меня все отображается гут... Сопсна сам вопрос: как сделать так что бы баннер начинался от начала главного листа сайта(сайт не резиновый, а с определенным размером листа) при разных разришениях? Пробывал задавать padding и margin в процентах один хрен ничего…

    Asked by greeb,

    0 votes
    7 answers

  6. Проблемы с меню на CSS

    Здравствуйте. Надеюсь на вашу помощь. Сделал меню с помощью CSS Menu Generator, установил на сайт. Но подменю недоступны. То есть они открываются, но при наведении мыши закрываются. Так же Логотип заезжает на меню. Помогите разобраться. http://kinoglas.com

    Asked by sayatmeir,

    0 votes
    0 answers

  7. Помощь с дизайном

    http://meeta.ucoz.ru/666.png - это скрин сайта, в тэг не закрыл, так как разширение слишком большое. Всем доброго времени суток. Столкнулся с одной проблемой в IE9, поставил меню на jquery & css, во всех браузерах работает нормально, стоит там где нужно, только в ИЕ9 проблема, что видно на рисунке. Вот CSS код: ul#navigation { position: fixed; margin: 0px; padding: 0px; top: 266px; left: -115px; list-style: none; z-index:9999; } ul#navigation li { width: 100px; } ul#navigation li a { display: block; margin-left: -2px; width: 250px; height: 50px; background-color:#ff3c00; background-repeat:no-repeat; background-position:center right; border:2px dotted …

    Asked by ven000mus,

    0 votes
    12 answers

  8. Помогите разобраться с float

    Здравствуйте! пожалуйста помогите разобраться с задачкой с которой мне пришлось столкнуться. Задача тривиальная, создать блок в котором будут ещё два блока.Вопрос в следующем, почему при увеличении текста в левом блоке блок включающий его не увеличивается, а текст залезает на следующий блок.А ведь по идеи фон должен растягиваться вместе с вложенным в него блоком http://savepic.su/535000.htm <div id="content"> <div class="container_content"> <div id="main">"On the other h...</div> <div id="sidebar">...</div> </div> </div> http://savepic.su/543194.png Заранее благодарен.

    Asked by web_body,

    0 votes
    5 answers

  9. 2 div в одну линию при неизвестной ширине родительского div

    есть примерно такая ситуация <div class="0"> <div class="1"> </div> <div class="2"> </div> </div> div.1 { float: left; width: auto; } div.2 { float: left; width: 83%; } Ширина div.0 не известна, т.к. это схема организации комментариев, а при "комментарии на комментарий" div.0 смещается вправо и соответственно сужается. Можно ли сделать так, что бы div.2 растягивался на всю ширину от правого края div.1 до правого края div.0?

    Asked by Nilagor,

    0 votes
    5 answers

  10. Чтобы в двухсловных пунктах меню второе слово переносилось на вторую строку

    Задача: в двухсловных пунктах меню второе слово должно переноситься на вторую строку (см. рисунок ниже). По ширине ограничений для li или a не ставится (на основе этого реализовать перенос не получится, см. опять же рисунок). Тегов <br /> и прочих вручную между слов не вставить, это CMS. Как можно сделать? Причем нужно, чтобы выравнивались слова по низу (см. опять же рисунок).

    Asked by Squidward,

    0 votes
    6 answers

  11. table, td в css

    Здравствуйте. Есть у нас такой кусок кода(см. изображение) и в нем два тега td без класса, но со своим стилем, можно ли изменить стиль выделенного на изображении <td bgcolor="#ffffff" colspan="2"> в css без добавления класса? Вопрос такой назрел потому что доступа к html у меня нет. например: таблица класс такой то, td номер такой то или какими другими способами

    Asked by romariorus,

    0 votes
    6 answers

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

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

    Asked by Tchorteg,

    0 votes
    3 answers

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

    Помогите исправить маленький недочёт в спойлере <!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

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

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

    Asked by DenimTornado,

    0 votes
    2 answers

  15. Multiple Backgrounds IE6 / 8

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

    Asked by Motoko Kusanagi,

    0 votes
    9 answers

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

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

    Asked by mylogin,

    0 votes
    6 answers

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

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

    Asked by Vedrys,

    0 votes
    6 answers

  18. Диалоги

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

  19. Задача по 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

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

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

    Asked by Petr,

    0 votes
    26 answers

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

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

    Asked by Beatler,

    0 votes
    8 answers

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

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

    Asked by Paloskin,

    0 votes
    2 answers

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

    Всем доброго дня, вечера и настроения. Вопрос чайника. Не пинайте, а если все таки, то, пожалуйста, не ногами и не по голове. Есть вот такой скрип по защите е-маиль адреса от спамовых роботов: <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

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

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

    Asked by d0ublezer0,

    0 votes
    21 answers

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

    Сделал выпадающее меню, также при наведении на "Женская одежда", у неё появляется фон рисунком, хочу прилепить еще недостающий рисунок к правой части основного рисунка. Как это сделать? У меня не получается. Меню сделал так: <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

  • Обсуждения

    • 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