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. Как выделить текст внутри блока обернутого в ссылку?

    Всем привет, В мобильной верстке применяется вот такая конструкция: <a href="http://www.somelink.com" title="Info"> <div class="container"> <img src="http://imagesource" alt="Info"> <div class=""> <h2>Furniture</h2> <p>#12345678</p> etc. </div> </div></a> Проблема в том, что выделить потом текст внутри такого блока, проблематично иногда даже критично. Например, Furniture, выделить почти нереально. Я лично привык всегда иметь возможность выделять текст, и считая большим недостатком, когда это сделать сложно, тем более с названием продукт…

    Asked by Svatov,

    0 votes
    2 answers

  2. Контент обнулился!

    http://updatedir.ucoz.ru/dir - вот сайт Проблемка)Верстаю дивно макет,сделал обтекание у элементов материалов слева и высота левого блока обнулилась.Как решить эту проблему?

    Asked by ELBegemotos,

    0 votes
    2 answers

  3. Уезжает меню, HELP!

    Ребята, меню наверху с кодом #headermenu{ margin:0; clear:both; width:1000px; height:82px; background:url('../image/jp/header_menu.png') center no-repeat; margin:auto 10% auto 10%; position:fixed; top:65px; z-index:1002; При расширении на большой экран не остается по центру, а уезжает левее. Как сделать так, чтобы оно оставалось по центру?? =( Ссылка на скриншот:

    Asked by ce-ce,

    0 votes
    2 answers

  4. Отправка формы (jQuery,javascript)

    Подскажите пожалуйста . Я скачал форму вот такого вида- И нужна именно такого вида.Объясните ,подскажите пожалуйста как отредактировать плагин ResourceLoader.js. Чтобы данные приходили на мой хост, а почта на мою почту. Насколько я понимаю, форма обрабатывается скриптом ResourceLoader.js. Подскажите пожалуйста, какие файлы мне необходимо дописать/править для нормальной работы формы. И зачем нужен хэш ? Вот HTML: <HTML> <script type='text/javascript' src="1/javascript/com/web/ResourceLoader.js"></script> <script type='text/javascript'> WebCom.ResourceLoader.loadLib('com.jquery', '', true); WebCom.ResourceLoader.loadLib('com.web.components.n…

    Asked by dgek495,

    0 votes
    2 answers

  5. Главное меню

    Помогите разместить элементы главного меню друг возле друга. <div class="hmenu"> <ul class="gor_menu1"> <li><a href="#"><span><b>Головна</b></span></a> </li> </ul> <ul class="gor_menu1"> <li><a href="#"><span>Загальна інформація</span></a> <ul class="gor_menu"> <li><a href="#">Законодавча база</a></li> <li><a href="#">Контакти</a></li> </ul> </li> </ul> <ul class="gor_menu1"> <li><a href="#"><span>Напрямки діяльності</span></a> <…

    Asked by Tyurin,

    0 votes
    2 answers

  6. Где искать элементы шаблона?

    Возможно, тема сформулирована неправильно, но я не знаю, как по-другому. Итак, есть картинка, которую нужно удалить вместе с дивом, в инспекторе браузера это выглядит так: <div id="left-col" class="three columns"> <div id="block-block-16" class="block block-block">содержимое</div> <div id="block-aggregator-feed-2" class="block block-aggregator">содержимое 2</div> <!--9c7ec26b--><!--9c7ec26b--> </div> Мне нужно полностью удалить блок <div id="block-block-16" class="block block-block">, при этом в файле шаблона на этом же месте: <div id="left-col" class="three columns"> <?…

    Asked by maritca,

    0 votes
    2 answers

  7. Убрать фокус с элемента в форме.

    Задача следующая. Есть форма в ней список, в списке инпуты, но последним в списке идёт плюсик, нажав на который, добавляются ещё инпуты. Но суть в том, как сделать так, что бы при нажатии Tab, фокус не попадал на плюсик? Без скриптов.

    Asked by tefery,

    0 votes
    2 answers

  8. Горизонтально меню с разделителем пуктов картинкой

    Здравствуйте, суть проблемы: есть меню <div class="mainmenu"> <ul> <li><a href="#">Главная</a></li> <li><a href="#">Услуги</a></li> <li><a href="#">Новости</a></li> <li><a href="#">Контакты</a></li> </ul> </div> его стиль .mainmenu { height: 50px; background-color: #003362; border-radius: 20px 20px 0 0; } .mainmenu ul { padding-left: 20px; margin-top: 0; } .mainmenu ul li{ list-style: none; display: block; float: left; padding: 0 15px 0 15px; height: 50px; background: url(../images/tab.jpg) 0 50% no-repeat; /* картинка разделитель*/ } .mainmenu ul…

    Asked by alfaq,

    0 votes
    2 answers

  9. чем отличается div class от div id ?

    подскажите пожалуйста, чем отличается <div class=""> от <div id=""> ?? просто очень часто встречал это, просматривая исходный код сайтов...

    Asked by enom,

    0 votes
    2 answers

  10. less/sass

    уважаемые верстальщики, объясните мне пожалуйста есть ли смысл использовать less/sass? главные плюсы я вижу в том, что можно в более удобном виде записывать код и заменять одни селекторы другими(миксинг, переменные и т.д.) расплачиваясь за это некоторой частью быстродействия. если не так, поправьте меня как думаете стоит ли тратить время на изучение этой технологии и привыкать к новому формату записи? какие плюсы это может дать в будущем? часто ли заказчики платят больше за применение этих технологий? в каких случаях применение less/sass эффективно?

    Asked by cyklop77,

    0 votes
    2 answers

  11. Выравнивание блоков + минимальная высота

    Имеется 3 вертикальных Divа, выравниваемых по высоте через java-script, футер лежит отдельно от остальных. Так же задача была сделать прижатие футера книзу при минимальной высоте вертикальных колонок. На данный момент имеются глюки: При первом открытии страницы, правый и левый вертикальные блоки короче среднего, либо же высота одинаковая, но наполнение среднего блока выползает вниз, т.е. блок не растягивается... Если обновить страницу - все встает на свои места. И так повторяется постоянно. Второй глюк - в Мозилле футер прижимается к низу не до конца, при этом нижняя ссылка в футере вываливается из блока... В Хроме наоборот, немного уходит под экран нижняя ссылка... Сам с…

    Asked by Shurrr,

    0 votes
    2 answers

  12. Не получается нормально приделать фон к ссылке

    Всем привет, Возникла проблема, которую не могу решить уже несколько дней. Есть ссылки, к которым я хочу привинтить фон так, чтобы получилась кнопка. Вот так это выглядит сейчас: Вот сам файл из которого копируется фон: И вот CSS код, описывающий всю эту хрень. @CHARSET "UTF-8"; .pcb, .pcb span { background: url('../images/header/buttons/header-button.png') no-repeat; line-height: 29px; padding: 4px 5px 7px 5px; font-size: 14px; } .pcb, a.pcb:link, a.pcb:visited { color: #ffffff; font-size: 14px; padding-left: 14px; text-decoration: none !important; } * html div#frame .pcb { color: #333; padding-top: 0px; padding-bottom: 0px; text-decoration: none; } …

    Asked by goodguy,

    0 votes
    2 answers

  13. Ссылки

    Ребята! Есть такой вопрос - на сервере куча файлов, папок и разной всячины, есть файл php и html которые не в корне лежат, а в папках и папках папок. Есть ли разница в том, как писать ссылки на эти файлы: <a href="http://ссылка из строки браузера"></a> или <a href="имя папки/файл.html"></a> Не будет ли первый вариант ошибкой?

    Asked by alex_stepanow,

    0 votes
    2 answers

  14. DIV-ы в DIV-е

    Физкульт-привет, товарищи верстальщики! Столкнулся с небольшой проблемой. Имеется DIV с фиксированной шириной, нужно расположить в нём 4 DIVа с фиксированным отступом между ними, так чтобы DIVы растягивались на всю доступную ширину. Т.е. должно быть как на картинке: Вроде ничего сложного, но у меня не получается.

    Asked by Тёмик,

    0 votes
    2 answers

  15. Блок под размеры изображения внутри

    Здравствуйте, уважаемые. Мне надо создать блок, в котором будет картинка и подпись к ней. Ширина блока должна быть равной ширине картинки + какой-нибудь padding. Я создал пример на котором видно что у меня ничего не получилось http://borber.ru/htmlbook/04072012/1.html — там я попробовал четыре варианта: • Просто блок. Он растягивается по ширине подписи • Попробовал сделать width: 100px (типа пинимальная ширина), но картинка вылезает справа • Попробовал сделать inline — мало ли что • Сделал табличкой — я был изначально уверен что так будет работать, но по-моему табличка неуместна тут. Подскажите, пожалуйста, как это делать правильно?

    Asked by Veseloff,

    0 votes
    2 answers

  16. Выровнять текст меню по вертикали

    Есть вертикальное меню, когда пункты меню короткие и вмещаются в 1у строку, все хорошо, но как сделать так что бы если текст не вмещается в 1 строчку он становился в 2е строчки но при этом становился по центру пункта меню. <ul id="left-menu-e" class="menu"> <li class="level1 item1 first"> <a class="level1 item1 first" href="#"> <span class="bg">Link link link</span> </a> </li> <li class="level1 item2"> <a class="level1 item2" href="#"> <span class="bg">Link link link</span> </a> </li> <li class="level1 item3 last"> <a class="level1 item3 last" href="#"> <span class="bg">Link …

    Asked by DrMartens,

    0 votes
    2 answers

  17. Окно браузера закрывает контент

    Собственно есть два блока рядом друг с другом внутри третьего, во внутреннем блоке находится непереносимый текст (ну или любой контент с фиксированным размером для сравнения), который закрывается правой границей окна браузера. Посоветуйте как сделать чтобы окно не могло закрыть это содержимое. <!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=windows-1251" /> <title>test</title> <style> .block{ overflow: hidden; padding: 1em; border: 1px solid red; } .block .t…

    Asked by Kenshi24,

    0 votes
    2 answers

  18. Валидность верстки

    В общем учусь верстать, пока сверстал пару шаблонов, не очень сложных. Один из них поставил на свой сайт (CMS uCoz), решил сделать его валидным. Сначала было около 180 ошибок, вот сейчас осталось только 9, которые я сам исправить не могу. Надеюсь на Вашу помощь. Скриншот с ошибками: http://savepic.net/3079081.png Спасибо за помощь.

    Asked by Hardwell,

    0 votes
    2 answers

  19. Совершенно непонятный баг!

    ...

    Asked by nicafortune,

    0 votes
    2 answers

  20. Строчка в таблице "спрыгивает"

    Здравствуйте. Вот что есть в наличии Вот код: <!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=utf-8"> <title>веб-страницы</title> </head> <body> <!--Вторая табличка--> <TABLE width="1000" border="1" cellpadding="5" cellspacing="0" align="center"> <!--Первая--> <TR> <TD colspan="3">1</TD><TD align="right"><STRONG>2</STRONG></TD><TD align="right"><STRONG>3</STRONG></TD><TD rowspan="2" align="right" valign="bottom">4</T…

    Asked by Tezil,

    0 votes
    2 answers

  21. фоновое изображение

    Здравствуйте всем, подскажите пожалуйста в чём может быть проблема? вот обычный стандартный код для фонового изображения body{ margin: 0px; padding: 0px; background-image: url('img/bg.png'); background-repeat: no-repeat; background-position:50% 0% ; background-color: #000000; overflow-x: hidden; } почему то на планшете при уменьшении сайта заказчики не видят фонового изображения а только центральный блок, и с права маленький кусочек буквально в пикселей 10 фонового изображения. Ещё одна плохая ситуация что у меня нет iPad'a и я даже не вижу что мне надо исправлять. В чём ошибка?

    Asked by imper,

    0 votes
    2 answers

  22. как сделать резиновую кнопку валидную под ие7

    Всем привет. Помогите пожалуйста. столкунлся с такой проблемкой. Поручили мне сделать шаблон кнопки (резиновой) фактически состоящей из 3-х частей 1) это левая часть в ней рисунок вида < 2) резиновая часть для текста 3) правая часть с рисунком вида < То есть условно <:текст:< Хотел я это сделать 3-мя блоками внутри главного блока 3 блока с float: left все как бы нормально за исключением того что в ИЕ 3 вложенные блока переносяться каждый на отдельную строку Прочитал в нете что это глюк ИЕ7 что он не правильно считает ширину родительского блока В результате пришлось верстать ТАБЛИЦЕЙ. Вот что то на подобии <button id="basket_checkout" class="button" name="…

    Asked by kent666,

    0 votes
    2 answers

  23. Фон не привязывается к низу страницу

    Всем привет! Столкнулся с проблемой, на странице где может быть минимум текста, а может быть 3-4 экрана текста необходимо размещать в самом низу в BODY фон. Прописываю фон таким образом: html, body{height:100%;} body{background:#dafcff url(img/bg.jpg) bottom center no-repeat;} В итоге, фон не крепится снизу страницы, а остается в самом верху http://popov.ints.net/_projects/scandilife/verstka/test.html Если убрать высоту боди и html, тогда всё работает для большого кол-ва текста но не работает для маленького объема http://popov.ints.net/_projects/scandilife/verstka/test2.html Может быть кто-то сталкивался с подобным?

    Asked by Kurilshik,

    0 votes
    2 answers

  24. Маленькая проблема в меню

    Здравствуйте. Сижу делаю меню. Почти всё сделал. Но возникает косяк в выпадающей части. При наведении на "Пункт 1" открывается выпадающая часть которая состоит из таблицы (3 строки и 3 столбца). В каждой ячейке таблицы будет от одного до нескольких div. Только не спрашивайте зачем так сделано, это всё не просто так, тут всё продумано Ссылка на страницу с меню: http://rosnominal.ru/Ros-l_NEW/index.html Ссылка на файл стилей: http://rosnominal.ru/Ros-l_NEW/style.css Само меню сделано через UL и LI. Косяк в том что список UL не встаёт в блок div а лежит поверх и следовательно не тянет этот div. Границы div обозначены красным цветом. Что не так???? Сижу уже третий день..…

    Asked by krasniy,

    0 votes
    2 answers

  25. AJAX и его экстендеры

    Не уверена, что я сильно по теме, но кто-нибудь сталкивался с проблемами отображения в разных операционных системах? И, если да, то как это учитывать при верстке? В частности, интересует стандартный ajax extender календарь. На 2003: - (обрезает 4 дня) На остальных: Спасибо заранее за ответ.

    Asked by Zoilga,

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