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. Навигация по странице

    Всем привет! Подскажите можно ли сделать навигацию по странице на css, ,(чтобы длинная страница отображалась короче и имела внизу менюшку вперед-назад, дальше и нумерацию 1.2.3. ит.д )? Если да то как? подскажите технологию или где можно прочесть об этом. Заранее благодарен. !

    Asked by ksonline,

    0 votes
    2 answers

  2. Не могу убрать отступы между INPUT

    Вот скриншот: Проблема заключется в том что я не могу убрать отсуп между думая INPUT, хотелось что сама форма была цельной. Вот прилагаю код: <ul class="burner"> <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=site.ru', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input type="hidden" value="site.ru" name="uri"/><input type="hidden" name="loc" value="ru_RU"/> <li class="inputForm"><input type="text" name="email" onblur="if(this.value=='') this.value='Введите Ваш email'" onfocus="if(this.value=='Вв…

    Asked by Scorpio2011,

    0 votes
    10 answers

  3. Автоматическая нумерация строк

    Как всем известно, для добавления номеров строк используются теги OL и LI. Придумал, как обойтись без этих тегов с помощью counter и content и сделал занятный пример. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Нумерация строк</title> <style type="text/css"> div.example { counter-reset: item; /* Обнуляем счетчик списка */ background: #f0f0f0; /* Цвет фона */ border: 1px solid #333; /* Параметры рамки */ } div.example p { margin: 0; /* Обнуляем отступы */ } div.example p:before { conte…

    Asked by Vlad,

    0 votes
    7 answers

  4. Смещение блока списка

    Вот моя проблема Почему блок с изображением смещает последний элемент списка? и как это исправить?

    Asked by flintovich,

    0 votes
    2 answers

  5. Chrome и visited

    Доброго дня, форум! Пытаюсь настроить кроссбраузерность. Радуют все, кроме Chrome. Проблема такая: не меняется background-image у visited ссылки. - что показывает Chrome - что должно быть #menu a:link { color:#00338D; background-repeat:no-repeat; padding-left:20px; background-image:url(img/pup_sin.png); * background-image:url(img/pup_sin.gif); } #menu a:visited { color:#D52B1E; padding-left:20px; background-image:url(img/pup_kr.png); *background-image:url(img/pup_kr.gif); background-repeat:no-repeat; } #menu a:active { color:#fff; background-color:#D52B1E; background-image: none; text-decoration:none; padding-left:20px; } #menu a:h…

    Asked by Zoilga,

    0 votes
    2 answers

  6. href в div

    Здравствуйте. Возник такой вопрос. Допустим у нас есть кнопка не картинкой, а на css, в виде дива. Внутри - текст. Можно ли расширить активную область ссылки, чтобы она была не только на тексте? <div class="button"><a class="buttext" href="#">MAIN</a></div> Спасибо

    Asked by Peekit,

    0 votes
    4 answers

  7. Не работает отступ между слов

    del

    Asked by Ergonav,

    0 votes
    3 answers

  8. cid

    Здравствуйте, подскажите пж верстаю html-письмо путь к картинке указываю через cid: <img src="cid:logo.jpg" alt="" width="186" height="49" /> но письмо приходит без картинок. Письмо выглядит так <!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></title> </head> <body> <table> <tr> <td> <img src="cid:logo.jpg" alt="" width="186" height="49" /> </td> </tr> </table> </body> &lt…

    Asked by Rubik,

    0 votes
    1 answer

  9. Интересная компоновка

    Есть такая проблема - фон такой что его рипитом не растянешь ни в ширину ни в высоту - согласно заказу - ширина то стандарт жестко задать и спозиционировать по центру. А в высоту всё интереснее - при высоте сайта больше высоты экрана скролиться должен контент в белом блоке по центру фон и футер должны оставаться статично - и контент как бы выползает из под футера. Помогите реализовать данную компоновку.

    Asked by fancygoth,

    0 votes
    1 answer

  10. Как сделать тянущийся фон сбоку от контента?

    слева и справа от контента надо сделать 2 блока от шапки до подвала с картинкой (падающие лепестки), которые бы дублировались при увеличении размера высоты. перед футером поместил эти 2 блока (чтоб грузились уже после основного контента) попробовал сделать так: #bg-left { position:relative; float:left; left:-100px; top:-250px; background:url(../images/bg-petals.png) repeat-y; } но почему-то это не работает.. не расятигивается, а только внизу появляется. как же тогда сделать эти резиновые блоки по краям?

    Asked by nikki4,

    0 votes
    5 answers

  11. Направьте в нужное направление :)

    Начну с того что хорошо знаю HTML и CSS, немного JQuery. Но хочу научиться писать хотя бы простой движок для сайта. Но так как нет в этом знаний, прошу вас подсказать в каком направлении двигаться, какую литературу изучить и т.д. Сейчас у меня сайт на Joomla, но CMS не даёт развития в программном плане, тупо установил модуль и работаешь, мне интересней научиться написать к примеру этот же модуль самому. Кто-то наверное подумает, а зачем изобретать колесо, когда уже есть готовое, бери да пользуйся, к примеру та же CMS, но я не понимаю её работу, да и кто муже расширения к CMS бывают кривые и зачастую необходимо их подпиливать. А для меня это проблема. Лучше уж я потрачу …

    Asked by Modestes,

    0 votes
    2 answers

  12. Пропадает border при background

    Здравствуйте. Вот такая штука. В браузерах ff, opera у меня пропадает border у th, когда я использую background-image. Картинка множится по x и тем самым заливает рамку у th. Причём в google chrome всё нормально. Не знаете в чём может быть дело?

    Asked by prowoke,

    0 votes
    6 answers

  13. Как растянуть iframe?

    Всем привет. Люди помогите разобраться с iframe. Как сделать, чтобы он растягивался на всю длину? Вот код, который не хочет работать. Iframe должен быть без полос прокрутки. И как поставить блок div, содержащий фрейм, рядом с блоком содержащим много текста. <html> <body> <div style="max-width:1200px; min-width:800px; margin:4px;"> <div style="width:100%; height:146px; border:solid 1px #000;"></div> <div align="center"> <div style="float:left; width:120px; border:solid 1px #000;"> <br /> много текста <br /> много текста <br /> много текста <br /> много текста <br /> …

    Asked by Straik,

    0 votes
    1 answer

  14. Как поправить HTML код

    Всем привет! Есть у меня готовый сайт, сделанный не мною и добавленный на хостинг тоже не мною! И надо на сайте просто чуть поправить HTML код. Работает на WordPress. Опыта работы с хостингами нету(((( Не могу понять где на хостинге найти html странички, там все в php. С этой технологией пока не знаком! Подскажите, в каких папках на хостинге, обычно хранятся html странички! или как это сделать на WordPress. там только Html код можно поправить, там где, что то через него добавляешь! P.S. Ссори за такое постановление вопроса((( с технологиями PHP не знаком и не знаю каким образом делаются шаблоны на WordPress и к тому же не было сайта на хостинге! Спасибо

    Asked by Patrickk,

    0 votes
    3 answers

  15. Наложение 2-х картинок

    вот такая как бы тень появляется, как мне избавиться от нее? Ссылка

    Asked by across,

    0 votes
    1 answer

  16. CSS свойство clear

    http://htmlbook.ru/css/clear http://www.w3.org/TR/CSS21/visuren.html#propdef-clear Из htmlbook-а (я так понимаю) clear навешаный на плавающий блок, запрещает обтекать себя другим элементам. И нифига так не работает. Из W3 (если я правильно понимаю инглиш) следует, что clear надо навешивать на тот элемент, контент которого может обтекать плавающие блоки. Пример я отредактировал так <!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"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>clear</title> …

    Asked by skvor,

    0 votes
    4 answers

  17. Постоянная hover-кнопка

    Здравствуйте! Как можно реализовать следующее? Предположим есть меню: <a>Главная</a> <a>Новости</a> <a>Галерея</a> Мне нужно, чтобы, когда я нахожусь на странице "Новости", ссылке "Новости" придавался псевдокласс :hover

    Asked by Dimusyan,

    0 votes
    8 answers

  18. Верстка HTML страницы с флеш элементами

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

    Asked by jillkorn,

    0 votes
    24 answers

  19. Русские буквы в url

    Подаскажите пожалуйсто как сделать так чтобы в адрессной строке на сайте можно было писать с помощью русских букв, при этом чтобы они не менялись в набор кодов букв. К примеру чтобы была ссылка site.ru/привет вместо site.ru/%EF%F0%E8%E2%E5%F2

    Asked by ZYX,

    0 votes
    7 answers

  20. Натолкните на нужный путь

    На этом сайте мне понравилась основная часть. Собственно, вопрос, как сделать такую обводку (на сайте она зелёная) у таблицы?

    Asked by Immortal,

    0 votes
    8 answers

  21. Блок не двигается

    здравствуйте! есть компонент для джумлы, но он не удачно налез на кнопки навигации, хотел его подвинуть ниже. добавил туда такую строчку #comments-form-link {position:relative; top:50%;} пробовал менять цифры, а блок не двигается.. как его опустить?

    Asked by nikki4,

    0 votes
    2 answers

  22. Меню на css или ....

    Всем привет !Сделал страничку одно меню написал на css , а второе сдела с помощью dreamweaver (dw написал его на javascript). Как лушче оставить как есть или сделать чтобы оба меню были однотипной технологии.И что лучше менюшка сделанная на css или JS?

    Asked by ksonline,

    0 votes
    5 answers

  23. Консультация в вёрстке

    Как лучше сверстать окно чата, Внешний вид выглядящее как на рисунке, конкретно интересует та часть, где появляются сообщения, как реализовать полосу прокрутки? фреймсетом? и как поменять её внешний вид - системный элемент же.

    Asked by fancygoth,

    0 votes
    1 answer

  24. Не понятки "png на прозрачном фоне"

    Помогите пожалуйста. Мне нужно в полупрозрачном div, выводить png иконки но что б они не были тоже позрачными. Вот html: <div class='footer_app_menu'> <div class='footer_bar_item'><img src='pic/32/circle_32.png'></div> </div> где css стили: .footer_app_menu{ z-index:1000; margin:0 auto;width:700px;border:1px solid #838B8B;background-color:white;border-radius: 45px 45px 0px 0px;margin-top:-37px;height:33px;padding-left:45px;padding-top:2px; /*градиент*/ background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1)); backgr…

    Asked by CrazyBird,

    0 votes
    1 answer

  25. Укажите на ошибку

    В сверстанном макете дважды дублируется информация, думаю на Тег <body>. Подскажите новичку в чем ошибка. Посмотреть trigis(точка)ру

    Asked by utckindmitrij,

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