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

29542 questions in this forum

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

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

    Asked by Bicou,

    0 votes
    0 answers

  2. Проблемы с навигацией

    Я столкнулся с проблемой, когда делал навигацию для сайта. Суть в том, что оп не понятной мне причине, при наведении появляется ещё раз border.По пунктам:Нажал на пункт меню > Ссылка активна, рамка снизу активна. Но при hover эффекте на уже активный пункт меню появляется ещё один border. Как его убрать? код на JS:$(document).ready(function(){ var link = window.location.pathname; $('#custom-bootstrap-menu a[href="'+link+'"]').parent().addClass('Active'); });Ну тут понятно, обьяснять не надокод CSS: #custom-bootstrap-menu.navbar-default .navbar-nav>li>a:hover,#custom-bootstrap-menu.navbar-default .navbar-nav>li>a:focus { color: rgba(255, 255, 255,…

    Asked by saha300000,

    0 votes
    3 answers

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

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

    Asked by BirviZ,

    0 votes
    1 answer

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

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

    Asked by BirviZ,

    0 votes
    1 answer

  5. UTF-8 в css

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

    Asked by PavelTkachev,

    0 votes
    6 answers

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

    Добрый день! Помогите пожалуйста. Имеется таблица 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

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

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

    Asked by Dmitrij,

    0 votes
    9 answers

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

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

    Asked by IvanRu08,

    0 votes
    3 answers

  9. Внедрение микроразметки 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

  10. Проблема с 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

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

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

    Asked by regina68,

    0 votes
    3 answers

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

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

    Asked by kattiperk,

    0 votes
    1 answer

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

    Добрый день! К сути: Есть таблица, в которой применено чередование цветов в четных/нечетных строках: 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

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

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

    Asked by cyklop77,

    0 votes
    4 answers

  15. 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

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

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

    Asked by Shennow,

    0 votes
    2 answers

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

    Доброго времени суток, уважаемые форумчане! Подскажите пожалуйста, как реализовать треугольник внизу блока, чтобы при уменьшении блока он тоже уменьшался? 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

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

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

    Asked by Dmitrij,

    0 votes
    6 answers

  19. Как заставить левый див наезжать на правый, при изменении размера внешнего див?

    Всем привет! Как заставить левый див наезжать на правый? http://jsfiddle.net/g3fwatff/5/

    Asked by zvezda_t,

    0 votes
    0 answers

  20. Многослойный градиент

    Подскажите как сделать на фоне многослойны градиент? пытался линейный градиент прописать несколько раз через запятую — не вышло.

    Asked by vano1208,

    0 votes
    3 answers

  21. Границы inline-block

    http://jsfiddle.net/Launder/d70c2kg1/4/ <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 href="#">Халва из ядрышек урюка</a></…

    Asked by Launder,

    0 votes
    7 answers

  22. Блок внутри 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

  23. как вставить нестандартный шрифт в email-рассылку

    Добрый вечер! Подскажите, как вставить нестандартный шрифт для email-рассылки?

    Asked by Nailya,

    0 votes
    1 answer

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

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

    Asked by noobHTML,

    0 votes
    2 answers

  25. Как избавиться Invalid property in CSS2.1

    Проверял CSS на оптимизацию, выдал вот такой список: 247 Invalid property in CSS2.1: border-radius 354 Invalid property in CSS2.1: border-radius 355 Invalid property in CSS2.1: box-shadow 363 Invalid property in CSS2.1: text-shadow 376 Invalid property in CSS2.1: border-radius 377 Invalid property in CSS2.1: box-shadow 385 Invalid property in CSS2.1: text-shadow 393 Invalid property in CSS2.1: box-shadow 399 Invalid property in CSS2.1: border-radius 400 Invalid property in CSS2.1: box-shadow 408 Invalid property in CSS2.1: text-shadow 416 Invalid property in CSS2.1: box-shadow Исходный код: 8.006 Кб, Оптимизированный код: 7.545 Кб, Коэффициент: 5.8% (-461 байт) ht…

    Asked by lev99,

    0 votes
    12 answers
×
×
  • 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