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. Проблема с position:absolute на длинной по высоте LP

    Добрый день! Есть сайт http://valeodent.spb.ru/, представляющий длиннющую landing page, сделанную на темизированном Drupal 7. При щелчке по кнопке "Записаться" выходит форма, после заполнения которой посетитель должен увидеть сообщение типа "Заказ отправлен. В ближайшее время с вами свяжутся для уточнения деталей." - или сообщение об ошибке, если не все поля формы были заполнены. Сообщения реализуются через стандартные системные сообщения Drupal, но темизированы в файле .css шаблона сайта. В шаблоне страницы page.tpl.php это сообщение выводится в блоке <div class="message">, который вложен в <div class="content-block">. Соответственно, поскольку content-blo…

    Asked by NDanilov2015,

    0 votes
    1 answer

  2. Наложение Div-ов

    Доброе врем суток! Столкнулся с такой проблемой. При переходе на новую строку, идет наложение картинки на картинку. Картинка кстати, при наведении меняется на другу. Код кину ниже. Как видно, вверху картинки ложатся друг на друга. Пытался сделать все что в голову пришло, ничего не получилось. А вот что нужно сделать: <!DOCTYPE html Version-1.0><html> <head> <title>Сотрудники</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="style-employees.css"> <link rel="stylesheet" type="text/css" href="style-media-screen.css"> </head> <body> <div class="Employees-Box-Block"> …

    Asked by sergey-starostenko,

    0 votes
    1 answer

  3. Отступы в Мозиле

    исправили бубном, пока не актуально

    Asked by Bicou,

    0 votes
    0 answers

  4. CSS валидация

    Не могу найти ошибку в валидации, выдает выдает такое http://cs627923.vk.me/v627923236/14d57/uZepzpynQC8.jpg Сайт сделан на респонсив с помощью медиа запросов @media (max-width: 980px){} и @media (max-width: 767px){} и если убрать один из этих запросов то все норм, а так ошибка

    Asked by Dmitrij,

    0 votes
    9 answers

  5. UTF-8 в css

    Как вставить символ ⛳ в css? :after { content: '\e9971'; } не работает...

    Asked by PavelTkachev,

    0 votes
    6 answers

  6. Как сделать непрозрачный текст в прозрачном блоке

    Пожалуйста, подскажите, как сделать непрозрачный текст в прозрачном блоке. Может, кому то приходилось решать такую задачу и у него получилось? У меня, что то никак не получается. Нашла одно решение, но оно мне не подошло потому, что содержит заданную высоту блока. Нижняя часть блока, если она не используется, скрыта. А в моем блоке закругленные края. Если нижняя часть блока скрыта, то они не отображаются, и нижние края блока получаются прямоугольными. Как с этим бороться? Помогите, плиз, кто может. Вот стиль для блока: .rightcolumn { position:relative; top: 80px; right: 30px; padding:30px; width:600px; color:#000; float:right; overflow:hidden; } .rightcolumn .trans…

    Asked by Mila,

    0 votes
    12 answers

  7. Кроссплатформенный ИЕ тестер. Есть или нет?

    Проблема в том, что после прехода на Linux, задался вопросом. А где же мне тестить верстку под "всеми уважаемый" internet explorer? И возможно новый Edge? Кстати по поводу Эджа. Хотелось бы услышать мнение разработчиков. Это спасение от ИЕ или плюс один геморрой?

    Asked by BirviZ,

    0 votes
    1 answer

  8. Стилизация BOOTSTRAP

    Вопрос в следующем. Начал изучать данный фреймворк и, собственно, на нем верстаю один проект. Мне не всегда хватает встроенных в него стилей и некоторые не подходят под мой проект. Если я создам свой файл стилей и буду там переопределять их. Это правильный подход? Или есть другой выход выход из ситуации и я не до конца понял суть фреймворка? Например нет встроенных стилей для футера и т. д.

    Asked by BirviZ,

    0 votes
    1 answer

  9. переход на якорь заезжает за верхний фиксированный блок.

    Добрый день! Уже двое суток голову ломаю, как сделать так, чтобы при нажатии на якорь блок не заезжал за фиксированное меню сверху? Сайт на котором это творится: https://smart-remont.com/ Помогите, пожалуйста.

    Asked by audisport,

    0 votes
    12 answers

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

    Всем привет. Начал учиться адаптивной верстке. Сразу же возникли первые проблема. Верстаю шапку, прописываю ей width:100% и max-width:960px. При уменьшении окна браузера примерно с 1000px откуда то появляется горизонтальная прокрутка. Откуда, никак не могу понять. Посмотрите, может у меня вообще не правильный подход к верстке. Заранее спасибо. http://cm04741.tmweb.ru/test.html

    Asked by IvanRu08,

    0 votes
    3 answers

  11. Выравнивание содержимого одной колонки таблицы

    Добрый день! Помогите пожалуйста. Имеется таблица 3 столбца 100 строк. Как выровнять по правому краю содержимое первого столбца? Через задание стилей тегу Col или Colgroup не получается. <!DOCTYPE html> <html> <head> <style> table, th, td {border: 1px solid black;} th, td {width: 150px;} .col1 {text-align:right; background-color:yellow} </style> </head> <body> <table> <colgroup> <col class="col1" /> <col /> </colgroup> <tr> <th>ISBN</th> <th>Title</th> <th>Price</th> </tr> <tr> <td>3476896</td> …

    Asked by FSe®g,

    0 votes
    1 answer

  12. Внедрение микроразметки schema.org в шаблон сайта

    Всем привет! Целый день бьюсь с внедрением schema.org/Product , а именно "обвернуть" саму валюту (priceCurrency). <!--строка цены-->{if $product->variants|count > 0}<form class="variants" action="/cart">{foreach $product->variants as $v}<div id="fu6"> <div class="inl" id="fu9">{if $v->compare_price > 0}<p class="compare_price">{$v->compare_price|convert}</p> {/if}<p itemprop="offers" itemscope itemtype="http://schema.org/Offer" <span class="price" itemprop="price">{$v->price|convert}</span> <b>{$currency->sign|escape}</b></p><div class="in_tx">{if $v->stock>5}Есть…

    Asked by KotoeD,

    0 votes
    5 answers

  13. Нарезка макета

    Как нарезать такие иконки, если вырезать из без фона, то получиться не то, и с фоном их тоже не вырежешь http://cs610723.vk.me/u252023236/docs/9650dfc1ebfa/dsaasdfdsafmm.png?extra=oCNkf3MfGI-cYh6zq2mFuuM_qlBMdIbejN15hZ2eEJx2b9UxdoWgYaj7OISo52mun2XwbkIG0WTCBT7no4n4DoPVHD4DJJiv

    Asked by Dmitrij,

    0 votes
    6 answers

  14. SVG и смена его позиции при наведении курсора

    Речь идет об обычной кнопке с hover-эффектом. С png все получается. Код выглядит примерно так: a.overBtn { display: block; height: 32px; width: 124px; background-image: url(../images/bt.png); background-repeat: no-repeat;}a.overBtn:hover { background-position: 0px -32px;}Для изображения устанавливаются четкие границы. И нижняя часть кнопки, которая перемещается при наведении курсора в видимую позицию, отрезана заданными размерами изображения. Если png поменять на svg, то последний тупо масштабируется (уменьшается), заполняя заданные размеры. Того же эффекта достигнуть не удается. SVG всегда заполняет данный блок. Можно ли как-то реализовать hover с од…

    Asked by Bugert,

    0 votes
    3 answers

  15. Сбивается чередование цветов в таблице при удалении некоторых строк

    Добрый день! К сути: Есть таблица, в которой применено чередование цветов в четных/нечетных строках: tr:nth-child(2n) td{ background-color: #def;}tr:nth-child(2n+1) td{ background-color: #ddf;}Чекбоксом скрываю часть строк: #check-in:checked ~ * .up{ display: none;}После этого чередовании цветов в строках сбивается. Есть ли какая-либо возможность применить чередование только к тем строкам, которые отображены (т.е. display: table-row) или может есть более простые способы удалить строки с сохранением чередования цветов? Заранее спасибо за советы! html: <input type="checkbox" id="check-up"><input type="checkbox" id="check-in"> <table> <thead&…

    Asked by Oktava6,

    0 votes
    4 answers

  16. Как использовать relative в Bootstrup

    Подскажите пожалуйста, у меня почему то не работает команда relative Не получается сделать шапку сайта, элементы не позиционируются правильно а картинка выпадает из контейнера. Вот код https://jsfiddle.net/regina68/p30780r8/

    Asked by regina68,

    0 votes
    3 answers

  17. перевод фраз

    бывалые, подскажите пожалуйста правила хорошего тона при работе с разными cms и фреймворками стоит ли любые фразы привязывать к системе перевода? например вместо такого: <h2>Вы успешно изменили пароль</h2>упорно писать подобное: <h2><% translate('pass_change_ok') %></h2>при просмотре тестового задания или сайта из фолио, увидев первый вариант, не сделает ли фейспалм среднестатистический работодатель? как вы лично относитесь к описанной ситуации?

    Asked by cyklop77,

    0 votes
    4 answers

  18. Позиционирование

    Привет, такая проблема: - есть блок в состоянии покоя маленький - только фото; - при наведении курсора блок растет ( принудительно указана фиксированная высота в 500 пикселей), под фото появляется текст. - этот текст был скрыт ( display:none ). при наведении он становится видимым ( display:block ) раз, position:absolute - два. абсолютным для того, что элементы снизу не смещались вниз при резком увеличении блока, а чтобы он их покрывал. Все ок. только когда наводим курсор на блоки в последней строке ( их много) граничащих с футером, то футер прыгает вверх и его верхняя граница фиксируется на уровне середины изображения. Почему может смещаться футер и как сделать так…

    Asked by noobHTML,

    0 votes
    2 answers

  19. Сайт не работает в ИЕ

    Здравствуйте, ребята. Возникла боль в ИЕ - http://landpage.gezerweb.com/ Сайт-контруктор, там где текст - при клике появляется поле для редактирования. Эта гадость не работает в ИЕ 11. Есть свои косяки и в версиях ниже, но это решаемо с pie.htc. Может быть проблема в лпагине редактирования? Та то он срабатывает, но текста при этом в ИЕ11 нет. Шрифты отсюда - http://fonts.googleapis.com/earlyaccess/alefhebrew.css Думаю, дело в них. Сайт на вордпрессе. Всем шолом и алейхем

    Asked by kattiperk,

    0 votes
    1 answer

  20. Блок внутри inline-block

    http://jsfiddle.net/Launder/38femeh7/2/ <ul class="menu"> <li><a href="#">Русская кухня</a> <ul> <li><a href="#">Филе рябчика фаршированное в сухарях </a></li> <li><a href="#">Заливной пирог с картофелем и белыми грибами</a></li> <li><a href="#">Щи суточные с расстегайчиками</a></li> </ul> </li> <li><a href="#">Украинская кухня</a> <ul> <li><a href="#">Борщ украинский с пампушками</a></li> <li><a href="#">Вареники с печенью в луке с салом</a></li> <li><a h…

    Asked by Launder,

    0 votes
    5 answers

  21. Как лучше и красивее сделать ?

    Здравствуйте. верстаю сайт по макету на бутстрап. есть 4 блокам ,которые пронумерованы. и между ними граница ввиде "плюса". Проблема в том ,что при уменьшении экрана , блоки уходят друг под друга и "плюс" портит весь вид. Как лучше сделать? или может через media запрос убирать стили "плюса" ? или есть решения покрасивее?

    Asked by ishurgaya,

    0 votes
    2 answers

  22. Нужна фильтрация элементов на сайте (лэндинге)

    Доброго времени суток уважаемые гуру верстки, програмирования и дизайна! У меня возникла потребность на одностраничном сайте, создать блок с фильтрацией элементов находящемся в нем, порывшись в интернете нашел довольно интересный для меня вариант, http://ruseller.com/lessons/les756/demo/demo_3.html Но у меня возникла большая проблема (так как я совсем не силен в скриптах, пхп и т.п.), мне необходимо сделать фильтрацию двойного уровня, в примере по ссылке - фильтрация + сортировка, мне же нужна просто двойная фильтрация! Помощи прошууу!

    Asked by Shennow,

    0 votes
    2 answers

  23. Как сделать адаптивный треугольник?

    Доброго времени суток, уважаемые форумчане! Подскажите пожалуйста, как реализовать треугольник внизу блока, чтобы при уменьшении блока он тоже уменьшался? http://www.screencapture.ru/file/22327B50 В принципе я нашел поведение, которое мне нужно http://jsfiddle.net/webtiki/x9cxz423/199/ , только совместить не могу то что в примере с моим блоком. Сам блок здесь: https://jsfiddle.net/tLsd4aa2/1/ Спасибо!

    Asked by web-monster,

    0 votes
    0 answers

  24. Удаление подсказки из ссылки после нажатия

    Как прописать полное удаление описания .removeAttr('original-title') jQuery(document).ready(function($) { $('#amoney').on('click', '.south', function(){ $('#amoney .south').removeClass('active').removeAttr('original-title'); $(this).addClass('active'); }); });

    Asked by lev99,

    0 votes
    13 answers

  25. О css фреймворках

    Вопрос к мастерам и гуру! Уважаемые скажите, в каких целях и как часто вы используете фреймворки? Верстал много различных страниц, но я так и не пойму, чем фреймворки должен упростить жизнь как верстальщику? Если есть конкретный дизайн страницы, и он никак не похож на то что предлагает фреймворк, то не ужели есть смысл это все допиливать подгонять? Это же занимает на много больше времени, нежели верстки с нуля. Те же самые адаптивные навигационные бары с бургер батонами, аккордионы. Или же на самом деле предназначение фреймворка для не знающего верстки кодера, сделать быстренько страничку, которая по сути не имеет дизайна как такового? Может быть и грубый пример, но ес…

    Asked by vladmih,

    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