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

    Как подвинуть синие треугольники ближе к пунктам меню и сами пункты раздвинуть. В моём варианте треугольники съезжают в сторону от текста, а надо чтоб они прилипли на расстоянии 5px. .menu{ list-style:none; overflow:hidden; } .menu li{ float:left; background:url(images/bg-menu.jpg) right no-repeat; padding: 15px 60px;

    Asked by sivsronov,

    0 votes
    2 answers

  2. Помогите доработать подвал

    Необходимо что бы копирайты были по левую сторону а счётчики по правую. Вот вырезки кода: footer.php </div> <div id="footer"> <div id="copy"> <p>Компания «<a href="http://мойсайт.ru">СтроимВместе</a>» - строительство и ремонт.</p> <p>Все права защищены. 2011 </p> </div> </div> </body> </html> CSS : /* Footer —————————————————————————--*/ #footer { height: 100px; border-top: 1px #e5e5e4 dashed; margin-top: 20px; text-align: right; } #fmenu { width: 90%; height: 25x; margin-top: 10px; } #fmenu ul { display: inline-block; } #fmenu li { list-style: none; padding: 0 …

    Asked by Kramag,

    0 votes
    5 answers

  3. Неправильное вращение в Опере

    Нашел интересный пример горизонтальной гармошки, решил использовать. В примере опера вообще не хочет вращать заголовки. Скачал пример, поправил стиль: добавил для оперы "о-трансформ" .easy-accordion dt{margin-bottom:0;margin-left:0;z-index:5;/* Safari */ -webkit-transform: rotate(-90deg); /* Firefox */ -moz-transform: rotate(-90deg);-moz-transform-origin: 20px 0px; /* Internet Explorer */ filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); /* Opera */ -o-transform: rotate(-90deg); cursor:pointer;} Но это не помогло, загловки все равно странно смещены. Теперь просто интересно докапаться, как исправить неправильное отображение. Помогите разобраться.

    Asked by partiz,

    0 votes
    1 answer

  4. Не работает тег

    Файл работает отлично, пишу тег для прокрутки, мой редактор не видет его, при мне по курсам преподаватель пишет, у него все работает, как так.. http://s018.radikal.ru/i524/1207/98/afcd67d6350b.jpg

    Asked by systemix,

    0 votes
    2 answers

  5. Изменение ширины при увеличении

    Допустим, есть такой код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>...</title> <style> body {margin: 0} #header {background: green} .wrap { width: 980px; margin: 0 auto; border: thin solid red } </style> </head> <body> <div id="header"><div class="wrap"> text </div></div> </body> </html> Почему при увеличении масштаба ширина #header становится меньше ширины .wrap и, как следствие, появляется область без фона зеленого цвета?

    Asked by sfc,

    0 votes
    1 answer

  6. Input - в сафари

    Всем привет! Вот сайт - http://nyashki-tv.ru/news/manga_blich_500_bleach_manga_500_spasitel_v_glubokoj_tme/2012-07-10-80 Дело в том,что кнопка "ОК" в форме добавления комментария почему-то имеет разную ширину в сафари и в хроме.Для примера в хроме все нормально я задала paddin:0px 20px и все какк по маслу.Но почему в сафари все иначе блок с таким паддингом не влезает и инпут прыгает вниз(( Логин - Nyashki-tv Пароль - test

    Asked by ELBegemotos,

    0 votes
    1 answer

  7. не работает скрипт

    <img src="/images/site/WOM_mini.jpg" style="margin:20px;border: 4px ridge #adadad;" id="bigtip" onclick="click()"> <script> var svertmenu5 = document.getElementById("bigtip"); function click(){ svertmenu5.style.border = "10px"; } </script> где ошибка?

    Asked by supernet95,

    0 votes
    4 answers

  8. Высота содержимого колонки

    Доброго времени суток. Имеется следующая проблема: есть таблица с 4 колонками. Первая из них имеет 3 вложенных друг в друга дива, высоту которых - то мне и нужно увеличить до 100% от высоты самой колонки.("Содержимое 1"). Живой пример (http://jsfiddle.net/2ftXk/). Заранее спасибо

    Asked by Alex768,

    0 votes
    2 answers

  9. Поиск по сайту

    Подскажите пожалуйста по собственному опыту, какой скрипт лучше использовать для поиска по сайту? Поиск Яндекс ставить не хочу, нужен именно для данного сайта Спасибо

    Asked by Yarkaya,

    0 votes
    5 answers

  10. Оформление <option>

    по этой статье сделал селект http://frontendblog.info/styles/whatever/pretty-drop-downs/ на выпадающие оптионо всё равно такиеже. перепробывал всё что только знаю но оформить покрасивше не как не получается, задний цвет изменить получается а вот поменять его на картинку не получается. А вообще хотел получить что-то на подобие такого селекта http://demo.uthemes.ru/index/sedona/0-172

    Asked by supernet95,

    0 votes
    3 answers

  11. Форма обратной связи на сайте выдает иерогифы

    Подскажите пожалуйста, форма обратной связи на сайте выдает иерогифы, что подправить? <!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> <?php if (isset($_POST['name'])) {$name = $_POST['name'];} if (isset($_POST['email'])) {$email = $_POST['email'];} if (isset($_POST['mess'])) {$mess = $_POST['mess'];} if (empty($name)) { echo "<b>Не указано имя!<p>"; echo "<a …

    Asked by Yarkaya,

    0 votes
    2 answers

  12. Сайт расплывается в IE

    Подскажите пожалуйста, как выровнять conteainer относительно body, чтобы он был посередине монитора в IE? В остальных браузерах нормально body { font: 0.8em Arial, Helvetica, sans-serif; background-image: url(bj.png); background-repeat:no-repeat; } #container { width: 1000px; margin: 0 auto; min-height:100%; position:relative; }

    Asked by Yarkaya,

    0 votes
    1 answer

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

    Помогите перевести на русский шаблон одностраничного сайта. Замена английских слов на русские и сохранение в UTF-8 не помогло. На большее знаний не хватает. Подскажите что надо сделать. Не знаю как показать шаблон... Скачала здесь: Моя ссылка

    Asked by ln2121,

    0 votes
    4 answers

  14. Добавить разделитель в меню?

    не могу догнать как добавить разделитель в меню после "карта сайта" сайт pechati89.ru #pagemenucontainer { height: 30px; padding: 0 8px 0 8px; background: #FFFFFF; margin-top: 4px; border: 1px solid #F3F4F5; -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; float: left; } #pagemenu { height: 30px; float: right; } #pagemenu, #pagemenu ul { padding: 0; margin: 0; list-style: none; line-height: 1; } #pagemenu { margin-bottom: 1px; } #pagemenu ul { float: left; list-style: none; margin: 0px 0px 0px 0px; padding: 0px; } #pagemenu li { float: left; list-style: none; marg…

    Asked by alex89,

    0 votes
    2 answers

  15. Глюк с menu ?

    Вот, чтобы список имел одинаковый отступ слева, надо писать так ul { padding: 0; margin-left: 0; }, и тогда во всех браузерах будет одинаковый отступ слева. Но вот если вместо ul использовать menu, то такой фокус не работает. В google chrome и safari Один отступ, а в других браузерах - другой. Такие вот дела.

    Asked by prowoke,

    0 votes
    4 answers

  16. тег для автора

    подскажите пожалуйста какой html5-тэг использовать для обозначения имени автора в конце статьи

    Asked by cyklop77,

    0 votes
    3 answers

  17. 4 состояния кнопки?

    Кнопки формы имеют 4 состояния: по умолчанию, блокированное, наведение, нажатие. А как сделать блокированное состояние?

    Asked by olechic,

    0 votes
    4 answers

  18. Расположение элементов

    Как сделать что-бы меню было ровно с приветствием? CSS #ave{ margin-top: 30px; width: 700px; margin-left: 300px; } #menu { margin-top: 30px; background: url(img/menu_bg.jpg); width: 205px; height: 440px; -webkit-box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); -moz-box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); box-shadow: -4px 5px 13px rgba(50, 50, 51, 0.48); padding-top: 10px; padding-left: 10px; padding-bottom: 10px; }

    Asked by vova.a99,

    0 votes
    2 answers

  19. блок не тянется по ширине в ie7

    Нужна помощь. Во всех браузерах все работает нормально, а в ie криво. Вот код: Html <div id="wrap_header"> <!--Блок который должен тянуться --> <div id="header"> <!--Блок который должен быть фиксированным --> <div id="logo"></div> <div id="menu"></div> </div> </div> CSS #wrap_header{ width: 100%; height: 150px; background: url(../images/header_bg.jpg) repeat-x; } #header{ width: 1024px; height: 150px; margin: 0 auto; } #logo{ float:left; width: 200px; height: 80px; background: имадже; } #logo{ float:right; height: 80px; } Во всех нормально отображается, нормально тянется и фиксируется. А во…

    Asked by Digidie,

    0 votes
    10 answers

  20. Проблема скомпилированный стиль

    Есть такое <div id="top_menu"> {cpt_category_tree} </div> top_menu задан в style.css , {cpt_category_tree} дает следующий код <div id="top_menu"> <div class="cpt_category_tree"> <ul id="menu"> ..... ... </ul> </div> </div> высота cpt_category_tree разная в разных браузерах, выходит из скомпилированного стиля. Оставлял даже так <div id="top_menu"> <div class="cpt_category_tree"> </div> </div> Высота все равно не та, что нужно, от 19 до 25 пкс в разных браузерах. Не могу понять откуда оно взялось и как найти и поправить.

    Asked by saygo,

    0 votes
    6 answers

  21. Таймер снова отсчитывает при обновлении

    Здравствуйте! Сразу скажу, незнаю в том ли месте прошу помощи, но может кто то сталкивался и поможет ссылкой или советом. В общем дело такое. Есть таймер обратного отсчета. Сделан на флэше. Все настройки присутствуют. Чтобы было понятнее куплен был здесь. Все нормально работает, таймер обнуляется, выводится сообщение. Но стоит обновить страницу, как таймер снова начинает отсчитывать. А надо чтобы не отчитывал. Помогите плз! Приведу пару строк кода: <object type="application/x-shockwave-flash" height="100" width="200" data="cdt_base/cdt_main.swf"> <param name="movie" value="cdt_base/cdt_main.swf" /> <param name="base" value="." /> …

    Asked by Digidie,

    0 votes
    2 answers

  22. "Плывет" сайт после доработки css

    Привет, всем жителям форума! Возникла проблема, не знаю в чем причина и куда копать. Лежал у меня сайт в сети интернет некоторое время пока не пришла мне в голову мысль немного его перелопатить (поменять немного теги и стили к ним). Поменял и все поползло. Т.е. открываешь сайт не зависимо из адресной строки или через поиск, все отображается криво. Нажимаешь F5 все встает на свои места. И так с любого компьютера. В чем причина подскажите, как это убрать? Вот сайт www.srub-profi.ru

    Asked by KoDA86,

    0 votes
    5 answers

  23. поле уехало

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

    Asked by cyklop77,

    0 votes
    8 answers

  24. проблема верстки в Safari

    Здравствуйте. Столкнулась с проблемой верстки в Safary - сжимается текст в блоке. В опере, фф, ие, хроме все отображается корректно(скрин хрома): А вот так все выглядит в сафари: html для новости: <div class="content-item"> <div class="item-image"><a href="#"><img src="images/pic/items1.jpg" border="0" /></a></div> <div class="item-text"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus vel mi vitae lectus mattis facilisis. </p> </div> <div class="item-more"><a href="#">Читать далее... →</a></div> </div> css для новости: .content-item {padding-bottom…

    Asked by milledi,

    0 votes
    4 answers

  25. Не округляются картинки в хроме

    Помогите разобраться почему в Google Chrome не округляются картинки. .news img, .news img a { border : #ffffff solid 3px; border-bottom : 0 solid #ffffff; border-radius : 10px; } Причем не округляется очень странно, верхние углы остаются полностью квадратными а нижние накосо срезаются (скрин ниже).

    Asked by alleclf,

    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