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. бажок

    http://htmlbook.ru/layout/fiksirovannyy-podval 2 пример для ие6 смотрите)) подвал не полностю прилягает к низу страници если много контента в #content внизу страници видны части текста !!

    Asked by bot87,

    0 votes
    3 answers

  2. box-shadow на старых браузерах

    box-shadow на старых браузерах не работает (вот, если со зрением все ок то видно отлично полупрозрачный "бордер" http://xn--8-mtbvk1b.in.ua/) как сделать ему замену на старых браузерах? так как они ничего не показуют и это портит диз сайта +++++++++++++++++++++++++++++ Просто мне с ним ещё в соревнованиях участвовать а та нужна поддержка старых арбузеров

    Asked by T@NKIST,

    0 votes
    2 answers

  3. Масштабируемый бэкграунд с сохранением пропорций изображения

    Всем здравствуйте. Хочется поставить фотографию в качестве масштабируемого бэкграунда с сохраняющимися пропорциями изображения (без искажения) на всю ширину и высоту экрана монитора без прокрутки. Реализация по средствам html css, при этом обойтись без всяких скриптов. Пример сайта, который сделан так: http://firefly-photography.co.uk/ Протестировал его в разных браузерах при разных разрешениях мониторов - все отлично работает. Как добиться такого пропорционального масштабирования изображения? Всем заранее спасибо!

    Asked by Джиган,

    0 votes
    1 answer

  4. Выпадающий список с поиском.

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

    Asked by Titansword,

    0 votes
    3 answers

  5. Верстка div-ами

    Подскажите, как на дивах сверстать такой макет? Конкретно трудности вызывают цветные блоки и блок снизу в левой колонке. Макет

    Asked by Goldie,

    0 votes
    8 answers

  6. Всплывающее меню

    Здравствуйте. Недавно начал осваивать верстку. Сейчас делаю первый макет и столкнулся с проблемной. Не могу сделать горизонтальное всплывающее меню. HTML <!DOCTYPE html> <head> <meta charset="utf-8" > <title>TeaM GreeD</title> <link href="css/common.css" rel="stylesheet" type="text/css"> <!--[if IE]> <link href="ie.css" rel="stylesheet" type="text/css"> <![endif]--> </head> <body> <div id="container"> <!--Регулирует размеры по ширине!--> <div id="header"> <ul id="menu"> <li><a href="#"><span>Главная</span></a></li> <li…

    Asked by WHITEMAN23,

    0 votes
    22 answers

  7. Выравнивание изображений

    Здравствуйте. Есть список ul, также изображения около каждого пункта, которые появляются при наведении курсора на пункт. Ниже css и список. div.firmwares ul li { position: relative; } div.firmwares ul li img { display: none; position: absolute; top: 0; border: 1px solid #228B22; left: 40%; } div.firmwares ul li:hover img { display: block; } <ul id="se"> <li><a src="/se_c510">Aino</a><img src="img/se/Aino.png" /></li> <li><a>C510<img src="img/se/c510.png" /></li> <li><a>C702<img src="img/se/c702.png" /></li> <li><a>C902<img src="img/se/c902.png" /></li> …

    Asked by Jonathan,

    0 votes
    6 answers

  8. Горизонтальная прокрутка

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

    Asked by Ichy,

    0 votes
    7 answers

  9. Книга по HTML5 CSS3в полном объёме.И прочее

    Я решил начать учится создавать сайты! 1.Сайты хочу создавать правильно,красиво и что бы функциональные были! Так как книг в общедоступной сети много, прошу помочь с выбором хороших!Где всё рассказывается о HTML5 - не только что-бы о новых тегах и прочему а обо всём HTML языку в целом и новых фишках в новом стандарте, желательно без лишней воды(как говорится что бы сразу к делу)!Аналогично и с CSS3. 2.На компьютере уже имеются программы notepad++ последней версии,так же вся продукция Adobe CS5, ENG и RUS версий. Ну Mozilla и Opera конечно как же без них. Wind-а 7-ая если что... Даже не знаю что ещё и добавить? Хочу изучать всё по одному пособию, так как различия авторов …

    Asked by Andre10Menkov,

    0 votes
    18 answers

  10. Посмотри те пожалуйста!

    Доброго времени суток. Прошу вашей помощи. Верстаю впервые. Нужен ваш совет. Посмотрите пожалуйста, не допускаю ли я какие либо ошибке в плане самой конструкции кода и самого подходу к верстке? Сверстал только шапчёнку и то замучался. Просто нехочется потом весь сайт переписывать, если что то не так... _http://www.yourspotolki.ru/ Код думаю выкладывать не стоит, наверняка все файрбаг юзают. Верно?) Заранее благодарю P.S. Да и ещё, подскажите пожалуйста как h1 выровнять по центру относительно блока logo.

    Asked by Un1x,

    0 votes
    7 answers

  11. Реализовать динамическую форму

    Есть таблица порядка 100 строк. Нужно чтобы по щелчку на строке таблица разделялась и под строкой появлялась форма. Соответственно в запросе формы имеет значение та строка под которой она открылась. Подскажите в какую сторону копать ?

    Asked by Seretyr,

    0 votes
    2 answers

  12. Помогите поровнять

    Друзья, что я делаю не так? .catwrap { display: inline-block; width: 320px; height: 290px; padding: 5px; } .category { margin: 0 0 0 10px; width: 200px; } h2.category { padding-top: 5px; padding-left: 10px; padding-bottom: 5px; background: #F90; background-image:url(<?php bloginfo('url'); ?>/wp-content/themes/build/images/h2side.jpg); background-position:top; position:relative; top:0px; left:0px; } .catlist { position:relative; top:-10px; width: 280px; height: 200px; border: #F90 solid 1px; margin: 10px; padding:5px; } Получаю А хотелось бы чтобы блоки стояли ровно (как в табличке, т.е. "Покер" и "Полезно знать" должны стоять на одной линии…

    Asked by kentastik,

    0 votes
    2 answers

  13. Резиновый дизайн

    Резина и ещо раз резина Я сделал фон сайта резиновым ,но в Браузере Opera при размере страници 100% слева виден маленький белый промижуток размером 8-10px Но при минимальном размере промижутка нету Как это исправить? И как зделать кнопки зделаные тегом img заставить быть по соотнашению с BG чтоб не только BG был резиновым ,но и кнопки.

    Asked by yarickyarick,

    0 votes
    4 answers

  14. Картинки в html5

    Нашел статью "Векторные иконки на HTML5 + JS" Там приведен код: paper.path(<код иконки>).attr({fill: "#000", stroke: "none"}); Есть коды различных иконок и js файл с http://raphaeljs.com/ Но в итоге ничего не выходит. По сути нужно в разных местах на странице (в большом количестве) напихать иконок (в основном в таблицу). Помогите пожалуйста. Сам в js не разбираюсь, а html5 в процессе освоения.

    Asked by Ururu,

    0 votes
    3 answers

  15. Перенос сайта с одного сервера на другой

    Всем добрый день. Меня попросили перенести один интернет-магазин с одного хостинга на другой. Мне дали файлы уже выкаченного сайта с другого хостинга. Я прежде чем закачивать на хостинг хочу проверить локально у себя на компьютере. У меня установлен денвер. Я в нём создала папку с названием сайта и в ней папку www (как и обычно в денвере) и скопировала туда все файлы из папки public.html. Дело в том что я ни разу не закачивала сайты, прикреплённые к движку на сервер и естественно не знаю как правильно это сделать. На денвер я устанавливала цмс-ки и конечно в их настройки проблем не было - там всё просто. Знаю что надо создать для этого сайта новую базу данных, но не знаю …

    Asked by meta,

    0 votes
    4 answers

  16. Нужен шаблон!

    Всем доброго времени суток! В общем мне нужна ваша помощь. Пожалуйста помогите найти мне шаблон/дизайн что то типа этого: Не реклама! В общем нужен слайдер на основе html/css с выбором. Типа как на этом сайте! P.S. Вот клевый сайт, но не слайдер к сожалению.

    Asked by ice72,

    0 votes
    6 answers

  17. Иконки в выпадающем меню

    Есть выпадающее вниз меню и хотел слева от каждого пункта воткнуть маленькую иконку. Помогите плиз! Не получается! <form name="form" id="form"> <select name="jumpMenu" id="jumpMenu" onchange="MM_jumpMenu('parent',this,0)"> <option>Родители</option> <option>Дети</option> <option>Внуки</option> </select> </form>

    Asked by voproskin,

    0 votes
    1 answer

  18. Вопрос по семантике

    Такой вопрос: есть заголовки <h1>.....<h6> - по убыванию значимости. Как при вёрстке определить, какой заголовок в макете самый значимый, а какой - менее? Например, название раздела будет <h1>, подраздела этого раздела <h2>? Можете описать заголовки на примере сайта habrahabr.ru?

    Asked by OlegALL,

    0 votes
    2 answers

  19. Как такое сделать?

    Привет всем! Вот делаю свой сайт на ВП и там пхп, который я еще не совсем гуд понимаю. Дело в том чтобы в выпадающем меню, нада сделать много пунктов (в ширину) Вот само меню Вот отгрызок из пхп <div class="header-menu"> <?php wp_nav_menu( array('fallback_cb' => 'blue_and_grey_page_menu', 'menu' => 'primary', 'depth' => '3', 'theme_location' => 'primary', 'link_before' => '<span><span>', 'link_after' => '</span></span>') ); ?> </div> А вот из ксс. Пробовал менять стили, но даже увеличив ширину понял, что если написать пять слов ширину, они всеровно будут одной ссылкой, так что надо менять пхп отгрызок, но я н…

    Asked by Shader,

    0 votes
    2 answers

  20. ширина блоков в ie7

    помогите пожалуйста понять почему 2 колонки этой страницы ie7 отображает в вертикальном порядке, а нормальные браузеры в горизонтальном. возможно ли это исправить? ширину левой колонки я задал 75%, правой - 25%

    Asked by cyklop77,

    0 votes
    6 answers

  21. Валидация виджета "Вконтакте"(коментарии)

    Подскажите как побороть проблему с валидацией виджета "Вконтакте"(комментарии).

    Asked by Alex&R,

    0 votes
    8 answers

  22. Помогите решить вопрос с меню

    Здраствуйте, помогите пожалуйсто решить вопрос с меню Выматало все нервы мне за сегодня.... В новом документе работает отлично, при ингегрирование в движок вообще не видит стили, что я только не делал, просто игнорирует... На движке вообще без стилей отображаеться. Главная Галерея Activities 1 Activities 2 Activities 3 Water Sports 1 Water Sports 1 Water Sports 1 Water Sports 1 Activities 4 Афиша Меню Traveling 1 Traveling 2 Traveling 3 Traveling 4 Africa 1 Afghjrica 2 Africa 3 Africa 4 Kenya 1 Kenya 2 Kenya 3 Kenya 4 Kenya 5 Traveling 5 Контакты все пути использовал которые только знал...я в шоке что это может быть?!

    Asked by Bandyy,

    0 votes
    8 answers

  23. атрибут accept

    accept не поддерживается в большинстве браузеров! как решить эту проблему??

    Asked by bot87,

    0 votes
    3 answers

  24. Валидность JavaScript в html документе

    Помогите пожалуста исправить ошибку с валидацией. Есть облако тегов реализованное с помощь JavaScript, все ошибки исправил осталось иправить ещё одну. А вот сам скрипт: <script type="text/javascript"> function myTags(mytags){ mytags=mytags//<![CDATA[.replace(/<A/g, '<a')//]]> //<![CDATA[.replace(/\/A>/g, "/a>")//]]> //<![CDATA[.replace(/(\starget=_)(\w*)/g, ' target="_$2"')//]]> //<![CDATA[.replace(/(\sclass=)(?!")(\w*)/g, ' class="$2"')//]]> //<![CDATA[.replace(/(\sname=)(?!")(\w*)/g, ' name="$2"')//]]> //<![CDATA[.replace(/(\sid=)(?!")(\w*)/g, ' id="$2"')//]]> //<![CDATA[.replace(/(\srel=)…

    Asked by vadimcucherencko,

    0 votes
    2 answers

  25. Центрирование блока по горизонтали и вертикали...

    Доброй утро! Подскажите кто знает: как выровнять блок с телевизором по горизонтали и вертикали – так чтобы при минимальной высоте браузера этот блок не пропадал ,cкрываясь за верхнюю панель! Перепробовал все известные мне способы центрирования – не один не подходит... (последний из способов находиться по нижеуказанной ссылке...) Буду благодарен за помощь... P.S. Сейчас делаю заказ и сроки по серьёзному жмут! Это ссылка на страницу с проблемой: http://yamaradg.narod2.ru/history/indigo/index.html

    Asked by Yamaradg,

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