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. Верстка контентной части со своим бордером

    есть какие-нибудь идеи по поводу верстки сего чуда? свой код приводить не буду, ибо он ужасен

    Asked by rus,

    0 votes
    19 answers

  2. Проблемы с трехколоночным макетом

    Уважаемые гуру! уже несколько дней бьюсь с трехколоночным макетом.. Не могу сделать так, чтоб 3-я колонка поднялась вверх. Её что-то опускает вниз. Напишите в какую сторону копать.. Спасибо! index.html <html><header><link rel="stylesheet" type="text/css" href="style.css"></header><body><div id="main"> <div id="header">Header<div id="menu">Menu</div> </div><div id="clear"> </div><div id="wrap"><div id="left_col">left</div><div id="slideshow">Slideshow</div> <div id="content">Content</div><div id="right_col">Right</div></div><div id="clear…

    Asked by compik,

    0 votes
    19 answers

  3. проблемы под Linux

    Перелажу полностью под linux, в sublime text 2 не работает livereload с chromium при этом коннект есть. С лисой нормально все работает. Еще вопрос кто как решил проблему с psd под линуксом, gimp вообще не устраивает. А может ну его, лучше сразу хакинтош сделать.

    Asked by Sergik+,

    0 votes
    19 answers

  4. Сайт где видно резиновую вёрстку

    Резиновый сайт! Люди нужна ваша помощь Мне надо какой то сайт где я смогу посмотреть как будет выглядеть моя вёрстка на разных расширениях экрана,а то как то задолбало бегать по всему отделу и тестировать. Спасибо. Я когда то встречал такие там кидаешь ссылку на сайт и оно показывает.

    Asked by vitaxastifler,

    0 votes
    19 answers

  5. Нужно ли изначально изучать JS?

    Здраствуйте! Я начал изучать HTML и CSS, прочитал 2 книги по 800 стр. каждая но у меня есть ещо много вопросов по них. Тут Я узнаю, что многие сайты написаны еще с помощю Java Script. Так хотел узнать, стоит мне изучать JS сейчас, не доконца розобрав HTML и CSS? Спасибо

    Asked by Uchenik,

    0 votes
    19 answers

  6. Автоматическое заполнение атрибута title у тега <a>

    Добрый день, уважаемые форумчане. Есть сайт. У всех имеющихся на нём ссылках атрибут title не указан. Недавно заметил странную вещь. А именно то, что атрибут title автоматически заполняется. Причём везде по разному. Где то он просто дублирует текст ссылки, где то дополняет его словами, как связанными так и не связанными с темой ссылки. А где то вообще выходит фигня типа: "порно скачать". Заполняется этот атрибут именно при отображении сайта в браузере. В самих файлах атрибут по-прежнему остаётся не указанным. Конечно, это легко исправить путем заполнения атрибута title во всех ссылках. Но хотелось бы понимать суть происходящего.

    Asked by Orangebox,

    0 votes
    19 answers

  7. html css js

    Скажите какую программу лучше исползовать для HTML CSS JS. Visual studio? Для начинающих

    Asked by Leyla84,

    0 votes
    19 answers

  8. Ячейки таблицы с одинаковыми полями без скриптов

    Доброго времени суток, уважаемые! Никак не могу решить такую задачу: нужно сделать "резиновый" ряд "кнопок" Суммарная ширина ряда - 100% от родителя. Ширина каждой "кнопки" = ширина текста в ней + ОДИНАКОВЫЕ ВО ВСЕХ КНОПКАХ поля. при растягиваии "родителя" размер всех кнопок тоже меняется НА ОДИНАКОВУЮ ВЕЛИЧИНУ хоть дивами, хоть таблицей, но без скриптов желательно вот так должно быть:

    Asked by hachik,

    0 votes
    19 answers

  9. Чат

    Кто знает как сделать этот чат? Вот ссылка:http://smartech.by/. Справа блок синий "Оставьте сообщение". Как сделать такой-же блок? Мне можно даже просто скелет, без дизайна. Буду очень, очень благодарен.

    Asked by Mestniy96,

    0 votes
    19 answers

  10. Как сделать анимацию логотипа при помощи css 3

    Один из моих клиентов хочет анимировать логотип - http://prntscr.com/75udaq Крутиться должен символ в центре круга, у меня не выходит пока ничего Подскажите решение проблемы, ил пока не получится сделать вращение по часовой стрелке при помощи свойства animation

    Asked by Anna Zharova,

    0 votes
    19 answers

  11. Один хостинг и несколько "сайтов"

    Если купить хостин, доменное имя. Т.е. получу домен 2-го уровня типа ABC.ru. Теперь на этом домене я делаю сайты 3-го уровня типа: ABC.ru/site1, ABC.ru/site2, или site1.ABC.ru, site1.ABC.ru Мне нужно чтобы было вот так. Посетитель сайта site1.ABC.ru не должен знать, что есть сайт site2.ABC.ru. Т.е. набрав в поисковике site1.ABC.ru, по крайней мере в первую десятку не должно вылезти site2.ABC.ru. Нужно, чтобы ABC.ru не индексировалось поисковиками. Например, в корне ABC.ru/ будет лежать index.html нулевой длины, а robots.txt настроен соответсвенно. И еще вопрос. Разрешается ли в яндекс директ (или в гугл адвордс) продвигать 3-уровневые сайты? Порочная ли такая практика, и …

    Asked by кэп,

    0 votes
    19 answers

  12. PHP-вставка в Jade с новой строки

    Здравствуйте! Начал осваивать шаблонизатор Jade и сейчас в рамках обучения переделываю свои WP-шаблоны (да, у меня на работе принимают проект только с натяжкой ). Есть такой код: <!doctype html><html> <head> <meta charset="utf-8"> <?php wp_head(); ?>Пишу его в Jade: doctypehtml head meta( charset='utf-8' ) <?php wp_head(); ?>На выходе получается: <!DOCTYPE html><html> <head> <meta charset="utf-8"><?php wp_head(); ?> </head></html> Возможно ли перенести PHP-вставку на новую строку с правильным отступом? И в целом, есть ли смысл пробовать верстать шаб…

    Asked by yustnip,

    0 votes
    19 answers

  13. Изучение Bootstrapa.

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

    Asked by bumerkz,

    0 votes
    19 answers

  14. Посоветуйте препроцессор для css

    Мне просто нужно что то такое ul{ li{ } li a{ } } и задача переменных через @ Спасибо

    Asked by аркей,

    0 votes
    19 answers

  15. Подвал

    Народ привет, помогите пожалуйста выйти из иступления. Ни как не получаетца прижать футер к низу страницы. Читал разные способы, но у меня немного другая проблема. Футер вообще не прижимаетца (не увеличиваетца в height) и висит на уровне контента прямоугольником. Если вас не затруднит, гляньте код пожалуйста. (у меня header вне wrappera, так как header на всю ширину браузера). <div id="header">Header image</div><div id="wrapper"><div id="content"><h1>Заголовок</h1><div id="page-content"><div class="page-text"><?php p_content(); ?><p class="page-meta">Published on ;<span></span></p></div>&l…

    Asked by bobb,

    0 votes
    19 answers

  16. Верстка фигуры

    Здравствуйте! Подскажите как можно сверстать вот такую фигуру Каждая из трех составляющих пентагона должны быть кликабельны (ссылки), а также поверх них должен быть текст. Для каждой составляющей будет разный фон в виде картинки. Как все это сделать средствами CSS и HTML? Желательно максимально кроссбраузерно. Заранее благодарен!

    Asked by _ZheKA_,

    0 votes
    19 answers

  17. nth-child(2n) не работает

    <div class='d1> <div class='d2'></div> <div class='blabla'></div> <div class='d2'></div></div>.d1 .d2:nth-child(2n){ float: right;}изза дива blabla не работает стиль, если убрать див blabla то работает. почему так и как исправить?

    Asked by https,

    0 votes
    19 answers

  18. style в body, нормально?

    Подскажите если я стили буду держать не в head, а в body, а точнее стили будут и там и там (несколько тегов style), это нормально? не будет считаться ошибкой?

    Asked by CLK,

    0 votes
    19 answers

  19. Проблема с resize()

    http://vladp.esy.es/ Я не стал сооружать в верстке 3-х колоночный макет из колонок равной высоты, а просто выровнял их через js. Помогите пожалста с проблемой: при изменении размеров окна меняется высота центральной колонки. Я вызываю функцию по событию resize, однако выравнивания не происходит. В js крайне слаб, сам не могу понять.

    Asked by Vlad_P,

    0 votes
    19 answers

  20. Псевдокласс :hover

    Всем добрый день! В общем, у меня при наведении на элемент списка, появляется скрытый элемент - другой список, через псевдокласс :hover, но при отводе курсора элемент естественно снова скрывается. Подскажите, пожалуйста, возможно ли через css без js реализовать так, что бы скрытый элемент не исчезал при отводе курсора. То есть показался и остался на месте, а скрылся только при наведении на другой элемент. Спасибо.

    Asked by dnnsus,

    0 votes
    19 answers

  21. Настройка Slick-слайдер

    Подскажите пожалуйста, как заменить в слайдере Slick стандартные кнопки навигации на свои кнопки с изображением?

    Asked by eremeevd,

    0 votes
    19 answers

  22. Картинка в шапке

    Здравствуйте. Появилось необходимость поместить в шапку сайта изображение. Использовал тег img <img src="контакты.png" alt="номер телефона"> На главной все отображается отлично, а на остальных страницах отображается альтернативный текст. Что я сделал не так?

    Asked by rob.rob,

    0 votes
    19 answers

  23. php 5.4 vs php 7.1

    Всем привет! Подскажите, пожалуйста - если есть возможность установить только php 5.4.44 - какие проблемы или недостатки это имеет по сравнению с последним php 7.1? (кроме скорости, тк запас по производительности ЦП велик) Поддерживает ли php 5.4 последние движки WordPress и LiveStreet? (или другие мощные движки соц сетей?)? Или какие-то функции сайта просто не будут работать? (HTML5?) Насколько реально требуется php 7.1 в 2016-2017гг???

    Asked by Bdvn,

    0 votes
    19 answers

  24. Как float-элемент прижать к нижней границе родителя?

    Здравствуйте! Пожалуйста, помогите решить проблему. Никак не могу прижать (оранжевый) float элемент с классом .text, к нижней границе (желтого) родителя с классом .main Пример: http://codepen.io/Econavi/pen/bgBXLp

    Asked by Goodman-77,

    0 votes
    19 answers

  25. Почему checkbox не проставляется?

    Здравствуйте! Дорабатываю форму, которая открывается по клику на кнопку "Заказ в 1 клик". Внизу разместил чекбокс. Скажите, пожалуйста, почему по клику по нему галочка не проставляется?

    Asked by borus,

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