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. Правый блок fixed наезжает на контент?

    Моя ссылка Как сделать, чтобы он не наезжал на контент?

    Asked by hea8y,

    0 votes
    7 answers

  2. Настройка качества видео

    Приветствую всех! Использую вот такой код, чтобы вставить видео на сайт. <table border="8" align="center" bordercolor="#000000" bgcolor="#000000"> <tr align="center"> <td align="center"><div><object width="640" height="360"> <param name="movie" value="http://www.youtube.com/v/qx6mlLRt8Hk?version=3&hl=ru_RU&rel=0"></param> <param name="allowFullScreen" value="true"></param> <param name="allowscriptaccess" value="always"></param> <param name="autoplay" value="1"></param> …

    Asked by virgin_user,

    0 votes
    7 answers

  3. проблема с float + div

    Привет всем ... У меня не то что проблема, мне нужна консультация ... Вот что я хотел спросить ... Я меня есть несколько блоков, основной <div id = "main">, и еще 3 дочерние <div id = "d1">, <div id = "d2">, <div id = "d3"> - хочу чтобы они строились по левому краю - есть - float: left; - все бы хорошо только прописывать флоат очень много надо ... Можно ли как-то задать осномвному блокe <div id = "main"> правило чтобы все дочерние блоки строились слева ... т.е. мне нужно показать как можно используя одно правило для <div id ="main"> - заставить все внутренние блоки строиться слева как в float: left; <html> <head> <ti…

    Asked by zerofx,

    0 votes
    7 answers

  4. проблемы с резиновым дизайном

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

    Asked by NikNak,

    0 votes
    7 answers

  5. Подскажите, как в моем случае прижать футер к низу?

    вот тут Что только не пробовал... все на середине идет

    Asked by hea8y,

    0 votes
    7 answers

  6. Микроформать.Как использовать?

    Как использовать микроформаты,просто применяя к родительскому элементу класс vcard,вроде как бы так,но откуда брать названия остальных,на офсайте особо не разбирусь так как с англ.плохо очень,помогите плиз

    Asked by Aleksey19881988,

    0 votes
    7 answers

  7. Можно ли связать через css два тега?

    Всем доброго времени суток. Подскажите, пожалуйста, можно ли как то в CSS прописать взаимосвязь, чтобы при наведении курсора на картинку, менялась сама картинка и текст рядом с ней. Я всю голову сломала, как можно эту задачу можно решить через css, чтобы не привлекать программирование или яву. А может ответ плавает на поверхности... На странице есть картинка-ссылка <a> и текст спрятанный <p style="display:none;">. При наведении на картинку нужно, чтобы она менялась (ну это понятно a:hover {url(/image.jpg)} ), но и чтобы одновременно с ней появлялся невидимый текст, который находится неподалеку. Есть выход сделать появляющийся текст тоже картинкой которая вылаз…

    Asked by rutell,

    0 votes
    7 answers

  8. HTML5 + CSS. Какие перспективы?

    Хочу заработать версткой, но мне кажется что верстать статические веб-странички, без программирования, в наше "продвинутое" время бесперспективно и никому не нужно. Так ли это? На данный момент вижу для себя либо "подмастерьем" у более состоявшегося профи, либо сидя между дизайнером и программистом. Как и где можно поискать работу? Спасибо.

    Asked by Starter,

    0 votes
    7 answers

  9. Глюк в Chrome (требуется помощь в решении)

    Имеется такая форма с select: <select> <option value="0" selected="selected">Не указано</option> <option value="0" style="display: none;">Значение 1</option> <option value="0" style="display: none;">Значение 1</option> <option value="0" style="display: none;">Значение 1</option> ... <option value="1" style="display: inline;">Значение 2</option> <option value="1" style="display: inline;">Значение 2</option> <option value="1" style="display: inline;">Значение 2</option> ... </select>? Проблема в том что в Chrome, если количество <option> со стилем display: none…

    Asked by berikiushi,

    0 votes
    7 answers

  10. Как сделать чтобы перенос выглядел как 2?

    Возможно ли сделать стиль переноса в textarea чтобы выглядело как будто их 2? То бишь пользователь ввел: А выглядело: Причем чтобы это только выглядело как 2 переноса. И возможно ли это сделать CSS (если нет, то хотя бы JS скажите) P.s. И не только эта фраза, а любая.

    Asked by iKNG,

    0 votes
    7 answers

  11. отвязка линии

    Пишу код и возникла такая проблема: линия <hr> которая была без отступа от левой стороны, теперь отступает вместе с мини-блоком title, хотя линия <hr> отделена от этого блока. Я хочу чтобы линия рисовалась без отступов слева как мне это сделать? <div class="title"> text </div> <div style="clear: left;"></div> <hr style="margin-top: -2px;color:#4D90FE;"/> это стиль класса title: .title { margin-left: 15px; margin-top: 20px; float: left; background: #4D90FE; padding: 4px; color: white; border-radius: 7px 7px 0 0; }

    Asked by robo1500,

    0 votes
    7 answers

  12. table или div

    Возник недавно такой вопрос,как лучше писать сайт? Таблицами или блоками? Либо совмещать таблицы и блоки?

    Asked by Heaven,

    0 votes
    7 answers

  13. выравнивание изображений в тексте

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

    Asked by cyklop77,

    0 votes
    7 answers

  14. Как соединить хэдер воедино

    Вот есть такая структура, хэдер правда 1024px в самой верстки но это не важно. Но у хэдера есть еще слева кусок и справа кусок, но нужно сделать так чтобы хэдер который слитый воедино центрировался как хэдер с шириной 1024px и margin: 0 auto, а части который справа и слева должны стыковаться с хэдером и им толкаться.

    Asked by tini.kRyptoNite,

    0 votes
    7 answers

  15. Набор решений проблем с IE 6, 7

    Всем большой привет!) Есть ли какой-то сборник, или набор статей по борьбе с ошибками IE меньше восьмого (то есть 6, 7)? А то в нормальных браузерах уже более менее научился верстать, а в этих все криво иногда

    Asked by Bava,

    0 votes
    7 answers

  16. Какими средствами сделан сайт (HTML5)?

    Красивые передвижения и эффекты (когда, например, девайс попадает в руку и тд) http://www.zensorium.com/tinke/ также подобные эффекты есть здесь, но тут кажется сложнее http://creative9.com/ Подскажите, что искать для прочтения? Уроки на какую тему? Просьба дать конкретное направление движения. Спасибо!

    Asked by Kirich,

    0 votes
    7 answers

  17. Помогите с Меню =)

    Всем здрасте! Помогите пожалуйста начинающему web-деятелю =) сделать менюшку, пытался сам но что то ничего не получается сдизайнил вот такую нехитрую менюшку должно выглядеть именно так а вот что получается при наведении мыщи тоже фигня какая то. Вот сам код SCC: <style> /* Главное Меню Начало */ ul.menu li{ display:inline; paddin: 10px; margin: 10px 10px 10px 10px; color:#FFF; /*Цвет текста*/ background:#060; font-family:Arial, Helvetica, sans-serif; } ul.menu li a { padding: 10px; margin: 10px 10px 10px 10px; text-decoration:none; color:#FFF; } ul.menu li a:hover { background:#090; } </style> А вот HTML: <!-- Меню начало …

    Asked by HappyUser,

    0 votes
    7 answers

  18. Отображение шрифтов в браузере

    Я новичок в вёрстке. На втором учебном макете столкнулась с проблемой, не корректно отображаются пользовательские шрифты. В хроме шрифт отображается корректно в фаерфоксе также в макете используется шрифт "ArbatDi" и "AmazoneBT", которое не отображаются даже в хроме. Что можно сделать, чтобы браузер понял шрифты?

    Asked by lunozwetka,

    0 votes
    7 answers

  19. Подскажите, как сделать футер

    Всем привет! Ребята, подскажите, пожалуйста как сделать футер резиновый с несъезжающим контентом. wrap - прижат к левому краю окна, а шапка с футером 100%. Нужно, что бы в футере при любом размере экрана правый блок копирайта не съезжал,а оставался бы на месте. Подскажите, пож-та, как сделать правильно. Пример вот: http://radikal.ru/F/s018.radikal.ru/i518/1211/ce/a7d32f88c18e.jpg.html html <div id="footer"> <div id="call">тел: +7 123 <noskype></noskype> 456 78 90</div> <div id="mail"><a href="mailto:info@yandex.ru">e-mail:info@yandex.ru</a></div> <div id="rights">Company name, 201…

    Asked by Fol,

    0 votes
    7 answers

  20. Вертикальное форматирование текста в <div>

    Кодик здесь Пожалуйста подскажите, как сделать так, чтобы строки были форматированы по нижнему краю слоя!

    Asked by poad,

    0 votes
    7 answers

  21. Получить селектор автоматически возможно?

    Здравствуйте. Есть ли в Хроме в инструментах разработчика(или Firebug, т.п.) средства, позволяющие автоматически получить селектор какого-нибудь тега, которому дальше потребуется прописать стиль? Благодарю

    Asked by borus,

    0 votes
    7 answers

  22. Как научиться верстать быстро

    Здравствуйте! Подскажите как научиться верстать быстро? Т.е. приблизительно за 1 час (максимум 2) сверстать 1 страницу (HTML5/CSS3) с PSD макета. У меня получатся не меньше чем за 3-4 часа

    Asked by irene,

    0 votes
    7 answers

  23. jquery load

    Подскожите пожалйста, не срабатывает load() в jquery <script type="text/javascript"> $(document).ready(function() { $("#nav li a").click(function() { var li = $(this).attr("href"); $("#content").load(li + ".html"); return false; }); }); </script> <div class="wrapper"> <ul id="nav"> <li><a href="page">home</a></li> <li><a href="pas">news</a></li> </ul> <div id="content"></div> <script type="text/javascript"> $(document).ready(function() { $("#nav li a").click(function() { var li = $(this).attr("hre…

    Asked by paseonru,

    0 votes
    7 answers

  24. Очередной вопрос начинающего

    Доброе время суток. Я тут наночь глядя написал вот такую радость Подскажите плз почему между меню и рисунком получился пробел и почему меню не двигается вправо под дейсвием комадны li:first-child a Заранее спасибо. Вот код HTML <body> <div id="main"> <a href="#"><img src="img/logo.png" alt="альтернативный текст"/> </a> <div class="menu"> <ul> <li ><a href="#">Home</a></li> <li ><a href="#">Portfolio</a></li> <li ><a href="#">Become a member</a></li> <li ><a href="#">Partners</a></li> &lt…

    Asked by Bizon4ik,

    0 votes
    7 answers

  25. Backgound-image поверх img

    Привет всем! Такой вопрос. Есть код: html: <img src="test.png"> css: img:hover { background: url(test2.png); } Т.е. я хочу чтобы при наведении на img накладывалось изображение из background. А сейчас оно появляется ПОД img.

    Asked by EdBond,

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