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. смещение текста при зажатой кнопке input[submit] в ИЕ

    Не знаю как избавится от смещения текста в кнопке. Суть: нажимаю кнопку, отвожу курсор от кнопки - текст смещается, возвращаю - текст смещается. Знаю, что это не серьезный баг, но хотелось бы управлять стилем кнопки полностью. Что я забыла учесть? стили кнопки: .get-guide { background: url("../img/tick.png") no-repeat scroll 23px 50% #8BC657; border: 0 none; border-radius: 9px 9px 9px 9px; border-bottom: 3px solid #6FA043; color: #FFFFFF; display: block; height: 56px; line-height: 56px; margin: 42px auto 0; padding: 0 12px 0 62px; text-align: left; width: 294px; } .get-guide:active{ border-bottom: 0 none transparent; …

    Asked by madhed,

    0 votes
    8 answers

  2. Background на весь экран браузера

    Помогите пожалуйста сверстать такой фон для сайта. Нужно чтобы он занимал все окно браузера. Фон такой Что посоветуете?

    Asked by sssppp6,

    0 votes
    2 answers

  3. Проверка w3.org валидатором

    Проверил страницу сайта валидатором, устранил все ошибки на которые он указал. Теперь осталась одна вроде, а где не показывает. Пишет Passed, 1 warning(s) Что это значит?

    Asked by gadjet,

    0 votes
    3 answers

  4. Сделал, сам не знаю как

    Была задача сделать блок для подписки, который бы следовал за текстом названия по мере увелечения страницы. Долго мучался, вдруг решил сделать внутри блока список ul, поставил ему display:inline-block, сразу же все получилось. Даже не понял как так произошло. Вот картинка(http://pbrd.co/12HgpIH) и временная ссылка на сайт(http://109.172.13.165/Site/blog/). Спасибо! HTML: <div class="follow"> <ul> <li><a href="https://twitter.com/RamSaw" class="twitter"></a></li> <li><a href="#" class="rss"></a></li> <li><a href="http://vk.com/id132792025" class="vk"></a></…

    Asked by Michael Myers,

    0 votes
    3 answers

  5. Проблема с line-height

    Возникла проблема с line-height Вот есть шапочка. верстаю Проблема в том что когда вешаю на body line-height он воздействует как margin-top; Вот html разметка <body> <div class="header"> <table class="header-inner"> <tr> <td colspan="3" class="header-menu"> <ul> <li> <a href="#">О компании</a> </li> <li> <a href="#">Доставка и оплата</a> </li> <li> <a href="#">Контакты</a> </li> <li> <a href="#">Помощь</a> </li> </ul> </td> </tr> <tr> <td class="logo-block"> <div class="logo"> </div> </td> &…

    Asked by Hol1killer,

    0 votes
    2 answers

  6. Помогите центрировать пункты меню

    Всем привет. Помогите центрировать меню категорий магазина. Выравнивание идет по левому краю, а хотелось бы центрировать их. Центрирование получается, если пункты в одну строчку.

    Asked by krissm8,

    0 votes
    3 answers

  7. Выравнивание изображения и текста по центру

    <p class="forimg"> <img src="img/image1.jpg"> <div class="textimg">текст текст текст текст</div> </p> В стилях p.forimg { display: inline; text-align: center; } .textimg { background: #e1e2e6; color: #000000; font-size: 14px; width: 580px; padding: 10px; } Нужно выровнять изображение с текстом под ним, по центру Если в стилях убираю строку (display: inline;) то выравнивание происходит, но текст смещается вниз Как сделать так чтобы и выравнивание происходило и текст прилегал к изображению?

    Asked by gadjet,

    0 votes
    5 answers

  8. Padding, margin. Firefox и Chrome делают по разному.

    Первый вопрос сразу же такой: почему в Firefox, чтобы сделать примерно ВИЗУАЛЬНО равные padding'и, нужно ставить разные числовые значения. padding-top: 25px; padding-bottom: 12.5px; Вот как это выглядит. Там можно определять все по border.http://pbrd.co/12SWI4e Вторая штука в том, что Chrome вообще игнорирует все, и ставит какой-то бешеный padding. И не важно будешь ты ему ставить 25px или 12.5px. Вот картинка: http://pbrd.co/12SXWMO Помогите пожалуйста, потому что я в кроссбраузерности вообще не шарю. Вот весь код: HTML: <div class="about"> <p style="color: #d4dde0;"><span style="font-size: 0.9em; color: white; font-weight: 900;font-s…

    Asked by Michael Myers,

    0 votes
    4 answers

  9. Задний фон на всю ширину экрана

    Привет всем, уже месяца 2 я занимаюсь версткой и постоянно сталкиваюсь с одной интересной проблемой. Связана она с размещением заднего фон на весь экран. Допустим, имеется блок header, у которого есть задний фон, который должен размещаться на всей ширине экрана пользователя. Но при увеличении масштаба, если прокрутить горизонтальную полосу прокрутки правее, то заднего фона там нет. Вот код http://jsfiddle.net/JscDz/1/ Вот скриншот при масштабе 200% http://s1.ipicture.r...21/og4B1GTR.png Данные способы не работают: 1. left: 0 и right: 0 для блока header 2. width: 100% для блока header Ошибка сохраняется если прописать к заднему фону цвет или же картинку, которой затем пост…

    Asked by tooq,

    0 votes
    6 answers

  10. Последовательность загрузки css и js и вытекающие из этого вопросы

    В какой последовательности загружается сайт? Например, сайт с графикой (что-то сделано в графике, что-то - с помощью css) и с js. Наверняка ответ на вопрос как-то связан со следующими: 1.В какой части html-страницы подключать css и js: в <head> или в <body>? И каким образом подключать (в html5, кажется, только один оставили - через link)? 2.Отличие описания в <style> и в css? 3.Для каких html-тегов описывать стили в самих атрибутах этих тегов, а для каких - выносить в css?

    Asked by ручник,

    0 votes
    5 answers

  11. Чертовщина в ie7 background-position

    Можно удалить, ошибочка вышла )...

    Asked by Zverushka,

    0 votes
    2 answers

  12. Tabe & rd

    Всем привет. Такая проблема: есть таблица с шириной 100% и две ячейки. Нужно, чтобы обе ячейки были фикс. ширины (200px, к примеру). Но фикс. ширину, принимает только первая ячейка, что логично (последняя занимает всю остальную ширину таблицы). Можно ли как-нибудь зафиксить вторую ячейку? P.S. Добавлять в конец 3-ю ячейку - не вариант.

    Asked by SuperJerk,

    0 votes
    6 answers

  13. Резиновый макет по высоте

    Такая задачка: имеется хедер, контентная часть и футер. Высота ни одного из этих блоков заранее неизвестна. Необходимо получить макет в котором футер, как ему и положено, прижат к низу, контентная часть при этом растягивается на всю доступную ей высоту(т.е. 100%-высота футера-высота хедера). При этом содержимое этих блоков никуда не наезжает, т.е. блоки толкают друг друга. Я примерно представляю как это можно реализовать через Javascript(правда там кажется будет проблемка при изменении высоты окна браузера, поскольку макет по идее не перестроится до перезагрузки страницы, но не пробовал еще), но можно ли еще это как-то реализовать? Кто что посоветует?

    Asked by Vulner,

    0 votes
    2 answers

  14. Как воспроизвести сглаживание шрифтов.

    Всем привет. Вот верстаю макет блога. В макете используется шрифт(сглаживание sharp). Вопрос: как повторить это сглаживание в браузере? А то текст по другому смотриться... Заранее спасибо!

    Asked by IvanRu08,

    0 votes
    5 answers

  15. Задействовать определённую область

    Здравствуйте, столкнулся с проблемой, что есть формочка (рамочка и внутри нужно вывести информацию). Собственно вот скрин, что бы лечге было понять. http://s2.ipicture.ru/uploads/20130721/oBrmVi5G.jpg Я сделал этот блок под MAIN BOX в диве и эта формочка установлена как задинй фон (background). Как мне сделать так, чтоб информация была только в синей области ? padding ? или как-то по другому, либо не в диве делать а ещё как то?

    Asked by dsasda,

    0 votes
    5 answers

  16. команда для htaccess

    помогите пожалуйста написать команду для .htaccess , которая перенаправляла бы с такого адреса на такой кстати, думаю, многим она пригодится. потому что на свежеустановленном вордпрессе сейчас приходится делать подобное перенаправление

    Asked by cyklop77,

    0 votes
    1 answer

  17. Display: none;

    Часто встречал в примерах, как кто-то делая выпадающие подпункты меню или целый текст скрывал их свойством display: none;, а потом через псевдоклассы выводил по наведению курсора на объект или клику. Я и сам так стал делать. В книге Эрика Мейра где-то упоминалось, что значение none свойства дисплей используется только в одном случае(!) От сюда вопросы. Семантически это верно? Как относятся поисковики к индексации подобных структур? Хороший ли это тон, может лучше z-index?

    Asked by Delat,

    0 votes
    5 answers

  18. Координаты в теге AREA и масштабирование картинки-карты

    Задумал для одного сайта сделать картинку-карту, по кликам на которую пользователь может увидеть разные разделы информации. Стал делать примерно так: <img src="menu1.png" usemap="#mymap" style="width: 100%"/> <map id="mymap" name="mymap"> <area shape="rect" coords="32,245,142,265" href="#page1"> <area shape="rect" coords="32,275,142,295" href="#page2"> .... И при этом наткнулся на неприятность: координаты активных областей карты в тегах area задаются абсолютно, а размер картинки-карты может меняться в зависимости от разрешения экрана и размеров окна броузера. Т.е. по какой-то фиксированный размер картинки я координаты подобрать мог…

    Asked by GRIG,

    0 votes
    4 answers

  19. Посоветуйте структуру виджета

    Задача: представить текстовые данные в табличном виде. НО. У каждой колонки в таблице должна быть возможность сплюснуться по ширине в 0, даже не сплюснуться, а как бы уехать (т.е должна быть анимция) в сторону (допустим, влево) под соседнюю колонку, спрятаться под нее. И соответственно, все колонки идущие после той, которую мы только что скрыли - подъедут влево и займут ее место, дабы не образовывать дырку в таблице. Что-то я начал приходить к выводу, что верстая все это дело на <table> будет невозможно создать эффект выежания/заежания колонки под близ стоящую колонку. В таблице даже невозможно просто сплюснуть ширину <td> в 0, если в этой ячейке есть контент.…

    Asked by Evkaky,

    0 votes
    7 answers

  20. Создаю свой первый сайт

    http://www.rfclimat.ru/htm/con_calc.htm помогите в написании такого рода калькулятора для своего сайта

    Asked by oren_rebel,

    0 votes
    1 answer

  21. Какой шрифт у текста в кнопке тега <button>?

    заметил что у кнопки созданной с помощью button забавный шрифт, после того как я не нашёл в стилях параметр отвечающий за шрифт кнопки, понял что он стоит по умолчанию, кто нибудь знает? или знает как узнать?)

    Asked by Mr. Kook,

    0 votes
    2 answers

  22. Проблема css только в "Опере"

    Доброго дня! Прошу совета профессионалов по поводу проблемы отображения в браузере Опера. На страницах, где надо что-то создать всегда много полей для заполнения, и, соответственно, рядом с этими полями присутствуют всплывающие подсказки. При наведении на картинку со знаком вопроса выплывает подсказка с текстом. Вот именно эти всплывающие подсказки работают во всех браузерах нормально, за исключением "Оперы". У меня одна из последних версий этой Оперы и в ней эти всплывающие подсказки ведут себя, как будто у них нервный тик, они дергаются, наслаиваются друг на друга. В общем неприятно. Причем, в других браузерах все о,кей. Вот выкладываю код html и css <span class="tt…

    Asked by rafaello9,

    0 votes
    0 answers

  23. умешьшить шрифт для ie

    помогите пожалуйста на страничке для ie уменьшить шрифт до 1px. в условных комментариях для него указана именно эта величина. но правило не срабатывает пробовал режим <meta http-equiv="X-UA-Compatible" content="IE=edge" /> не помогло

    Asked by cyklop77,

    0 votes
    5 answers

  24. Горизонтальное центрирование

    Добрый день. Подскажите, пожалуйста, как мне отцентрировать ссылки в блоке: http://jsfiddle.net/WNQs6/2/

    Asked by Upcoming,

    0 votes
    8 answers

  25. IE6-8 тень,скругление, градиент

    Здравствуйте. До этого делал скругленный углы для ИЕ6++ и все было отлично. А сейчас перерыл кучу инфы и не пойму в чем дело... Создал html+css файлы и там один див, в нем прописал, все работает. Подскажите как решить?(подключил pie.htc , дописывал zoom:0/1, position:relative) Мне нужно для заголовков сделать закругленной поле с градиентом и небольшую тень. Чтобы было понятно о чем я, вот скрин (сообщества лишайников) http://gyazo.com/1412ccf94ee02555e4ff9b55780c9df3 Может причина в том, что с h1 не работает? Я делал уже для родителя, но все равно не работает. .ContentPane h1{ ..... } http://ekology-blog.ru/archives/soobshhestva-lishainikov Код Css для h1: h1 { backgroun…

    Asked by konstantinskiy,

    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