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. Кто сможет объяснить отличие <div> от <p>

    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>HTML CSS Example</title> <style> body { width: 50%; margin: 8px auto; font: 1em/100% sans-serif; color: #000; } .ex_01 { line-height: 250%; background-color: #ccc; padding: 20px; text-shadow: 0 1px 0 #fff; } .in_01 { background-color: #999; padding: 20px; text-shadow: 0 1px 0 #ccc; } .in_02 { background-color: #666; padding: 20px; text-shadow: 0 1px 0 #999; } </style> </head> <body> <!-- 1. div.ex_01>lorem20+div.in_$$*2&g…

    Asked by FishNetWeaver,

    0 votes
    4 answers

  2. Пример верстки логотипа

    Здравствуйте. Давно не брал я в руки шашек Посоветуйте, пожалуйста примером, как правильно и лаконично сверстать то, что видно на картинке: Строка красным будет картинка, а коричневым - должна быть текстом, который центрируется относительно картинки плюс поле ссылки должно занимать всю картинку и весь текст. Либо быть может вы посоветуете, какие стили либо даже изменения структуры нужны прямо на боевом примере.

    Asked by borus,

    0 votes
    8 answers

  3. Как реализовать увеличение карточки товар при ховере как ikea.com?

    Добрый день, подскажите пожалуйста, как реализовать поведение карточки товара при ховере как на странице магазина ikea

    Asked by Drunk_Monkey,

    0 votes
    1 answer

  4. Проблема отображения элемента в Firefox

    Добрый день уважаемые коллеги, столкнулся со странным поведением элемента в Firefox, точнее странном отсутствии поведения. http://test.shn-host.ru/ в разделе Каталог товаров есть фильтр, с цветом, размером, стилем. Во всех браузерах выпадающие списки в фильтрах работают как нужно, только в FF на нажатие вообще нет реакции. Обычно проблемы в IE, но тут нет, в IE все отрабатывает нормально. Просмотрел все что в голову приходило, посмотрите кому не сложно, возможно что-то упускаю. Спасибо.

    Asked by Highlander,

    0 votes
    2 answers

  5. Модальное окно не работает

    Не работает модальное окно, подскажите пожалуйста в чем может быть причина. <body> <header> <div class="container"> <div class="row"> <div class="col-12"> <h1 class="text-center text-white">************</h1> <div class="itd_play btn btn-primary" data-toggle="modal" data-target="#myModal"> <div class="itd_triangle"></div> </div> <a href="#footer" class="btn…

    Asked by Барак Обама,

    0 votes
    1 answer

  6. Визуальный редактор

    Подскажите, пожалуйста, кто имеет опыт разработки визуального редактора, чтобы тект из формы был отформатипрован должным образом: обзацы, списки, и т.п.

    Asked by banyman,

    0 votes
    4 answers

  7. вопрос по работе Clear в IE

    Я начинающий. В процессе верстки наткнулась на необходимость отменить обтекание Clear, но что-то не хорошее происходит в IE. Скажите, как IE воспринимает Clear? Какие глюки при его использовании возникают? У меня используется прозрачный гиф для фона меню, которому прописано float: left; Так вот текст обтекающий его справа, почему то частично заходит под гиф, т.е там где прозрачно он виден, а там где гиф не прозрачен, там текст (сохраняя свою прямую левую линию выравнивания) западает под гиф. Так происходит не всегда, но при изменении размера окна браузера глюк проявляется. Подскажите, плз, как исправить. вот здесь все - html, css и картинка fon.gif в зипе вот кусок кода h…

    Asked by Sangina,

    0 votes
    3 answers

  8. Не правильное отображение в IE

    Здравствуйте! Помогите пожалуйста разобраться с вопросом. Сейчас попробую сформулировать. В общем, архитектура сайта такая: Основная часть занимает 800 px (левый сайдбар - 200px, и основная часть 600px). А вот по бокам оставлены колонки, ширина которых не проставлена. То есть задумано так, что 800 px будет по центру, а размеры боковых частей будут формироваться автоматически в зависимости от разрешения экрана. В мозиле и опре всё работает без проблем. А вот IE это судя по всему не понравилось. на форуме нашел несколько похожих проблем, но проблему решить не удалось. Сайт: _www.vel-les.ru. Может кто сталкивался, правда, очень нужна помощь.

    Asked by tishka,

    0 votes
    4 answers

  9. Подключение блока коментариев у Wordpress шаблон.

    Хочу подключить блок комментариев к блогу. Как можно сделать, опишите подробно если можно или дайте ссылку на статью, гугл не помог. Изучаю Wordpress и делаю шаблон с нуля, хочу разобраться как все действует ну и постепенно наполняю шаблон функциональностью.

    Asked by Pashkes,

    0 votes
    2 answers

  10. Работа со списками

    Здравствуйте.Подскажите пожалуйста как можно сделать вот такой список: 1.Элемент А 2.Элемент Б Элемент Б.1 Элемент Б.2 3.Элемент В Заранее спасибо.

    Asked by Ferma,

    0 votes
    12 answers

  11. Картинки+текст в один ряд

    Ребят помогите с css, как сделать в div вот так ->

    Asked by Blackninja,

    0 votes
    3 answers

  12. z-index

    Дано: <div id="one"> <div id="two"></div> </div> <div id="three"></div> Как сделать, чтобы второй блок перекрывал третий, но третий при этой перекрывал первый? #one{ position: absolute; left: 0px; top: 20px; z-index: 10; } #two{ position: absolute; left: 50px; top: 30px; z-index: 15; } #three{ position: absolute; left: 100px; top: 30px; z-index: 12; } Такие стили дают результат, при котором 2й блок перекрывает только 1й и их оба перекрывает 3й (несмотря на з-индекс).

    Asked by Wak,

    0 votes
    4 answers

  13. Грамотная оптимизация графики.

    Здравствуйте. Задался в чем-то даже глупым вопросом, ушел в дебри размышлений и теперь, похоже, без совета "бывалых" не разберусь . Насколько я понимаю, во времена черепашьего Интернета, стройных таблиц и чистого HTML-а одним из основных способов существенной оптимизации сайта было уменьшение размера используемых на странице графических файлов. Насколько это актуально сегодня? С одной стороны есть множество статей и глав о том, что "Save for web" в Фотошопе придумали не зря и что нужно бороться за каждый байт веса. А с другой я нашел немало комментариев (их проф.авторитетность мне, правда, неизвестна) о том, что мониторы уже давно не по 256 цветов и 14'', и Инет у всех …

    Asked by Kray Storm,

    0 votes
    9 answers

  14. Активный пункт меню.

    Добрый день, Ув. Форумчанены. Я у Вас новичек, но много полезной информации увидил на форуме. Вот решил создать сайт дял автосервиса и столкнулся с такой проблемой. Сделал я меню картинками, т.к знакомый так попросил. Задача была такая: Поставить активный пукнт меню второй картинкой. Я думал это мелочи жизни, т.к на подобии кодом .актив ставил много раз. Начал делать менюшку, с ховером всё отлично получилось при наведении пункт меню меняет. Но при клике, ни чего. +( Может кто посоветует что либо?! Ссылка на сайт тут Код меню: <div id="menu"> <ul> <?php if ($multi_lang == '') { echo ' <li><a class="onas" href="./?page=onas" '.($page=='o…

    Asked by urbanovich,

    0 votes
    3 answers

  15. Вопрос по внутренней оптимизации

    Хостинг на котором я арендую площадку предлагает сервис диагностики сайта Whois. Зашёл, сделал диагностику, и получил советы по оптимизации. А вот как их реализовать пока не знаю. Ну кеш браузера настрою, а с остальным что делать, Как сжать CSS и Java Script и как отдавать статический контент. Не подскажите? Для сжатия вроде бы есть сервисы. Изображения вот я сжимаю в Image Optimise. А как с кодом не знаю. Если щёлкнуть по знаку "Стоп" то открываются ссылки на файлы, пройдя по ним открываются сами файлы в блокноте и что с ними делать? Если можно подскажите.

    Asked by webded,

    0 votes
    17 answers

  16. a:visited

    Доброго времени суток, вебмастера и подмастерья=) Подскажите, кто в курсе, почему может не срабатывать псевдокласс a:visited? Вообще прописываю для id следующим образом - #sidebar a:visited {color:red}. Но как только вставляю эту конструкцию, у меня меняются все ссылки на этот цвет. Мысль пришла, может это потому что я постоянно до этого нажимал, когда верстаю сайт, на эти ссылки и после вставки a:visited это стало очевидно? Но тогда почему очищая кэш ничего не меняется? Одни вопросы... Господа - ХЭЛП! Благодарю, того кто поможет.

    Asked by Вальдемарчег,

    0 votes
    2 answers

  17. Стилизация select

    Пытаюсь подобрать библиотеку для стилизации select Не могу найти ничего более-менее приемлемое. Много из перебранных плагинов не поддерживают выбор клавиатурой, есть через навороченные. Вот, например, это http://select2.github.io/select2/select-2.1.html бы подошло, но проблема в том, что не знаю как убрать поле поиска, которое отображается при открытии селекта. Может кто-то скажет, как можно его убрать (понятное дело через стили можно скрыть) но нет ли штатного способа. Или может посоветует другой плагин, безо всех там jQuery UI и прочих тяжелых навороченных библиотек. -- Стилизацию через CSS без js рассматривал, но не очень красиво получается. так как выпадающая область …

    Asked by ekkl,

    0 votes
    3 answers

  18. стандартные файлы в темах вордпресса

    Может кто знает где взять полный список всех возможных стандартных файлов wordpress с описаниями о их назначении и названиями функций при помощи которых данные файлы вызываются? Мне интересен пока только список этих файлов, функции которыми они вызываются и описания о назначении, а не вся документация полностью

    Asked by Slyfox,

    0 votes
    1 answer

  19. ссылка блок с вложенными элементами

    есть такая конструкция <a href="" style="display:block; width:100%; backround:url('back.gif')"><img src="" style="float:left" /><img src="" style="float:right" /></a> доктайп XHTML 1.0 Transitional если ширина блока больше чем сумма длин картинок, то между картинками образуется пустое пространство с фоном. мне нужно чтоб весь блок был ссылкой, но в данной ситуации ссылками являются только картинки,а пространствно между ними нет! как сделать правильно?

    Asked by pirrat,

    0 votes
    2 answers

  20. Свой крусор на сайте

    В исходниках одного сайта видел, код, который менял курсор на сайте, а точнее вместо установленного пользователем заменяет на свой .ico(неуверен). Ни сайт не исходники вспомнить не могу, помню только, что через метатеги подключалось как-то. Кто нить слышал про такое, это вообще возможно? Или брээд сумасшедшего?

    Asked by haZe,

    0 votes
    7 answers

  21. Scroll, только в в текущем div

    Собственно с помощью javascript генерится поверх всех элементов окно div в overflow:scroll, с таблицей внутри. Когда крутишь роликом мышки в div, то и прокручивается главная страница, под этим div контейнером. Можно ли как-то сделать, чтобы прокручивалось, только внутри div? Я тут думал, что можно сделать fixed фону, на время просмотра, а потом возвращать, но дело в том, что у меня ссылка для открывания этого div находится в footere, то есть на неё могут кликнуть в любой части сайта.

    Asked by Beck,

    0 votes
    2 answers

  22. При выставлении паддинга движется слой.

    Слой размещен через position:absolute, по идее двигаться не должен. Но когда я выставляю паддинг, смещается не текст, а фоновая картинка, за счет чего получается отступ с одной стороны. Отступ с другой стороны игнорируется, там вообще текст вылазит за рамки фона, и слоя, соответственно

    Asked by skygazer,

    0 votes
    8 answers

  23. Строчка в таблице

    Здравствуйте Учусь сам. Такое задание нужно выполнить, как на рисунке Тут видно, что строчек получается 5, у меня же получается 4 Вот код <!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="900" border="1" cellpadding="0" cellspacing="0" align="center"> <TR> <TD colspan="3">1</TD><TH align="right">2</TH><TH align="right">3</TH><TD rowspan="2" align="right" valign="bottom">4</TD> </TR&g…

    Asked by Tezil,

    0 votes
    10 answers

  24. Вывод списка друзей, как в вконтакте

    Всем добрый день. Думаю из названия понятно, что требуется: <div class="friend"> <div class="avatar_mini"> ..... </div> <div class="first_and_last_name"> ..... </div> <div class="friend_menu"> ..... </div> </div> И вот в таком виде должна выводится информация о пользователях. Ковыряние CSS из вконтактика ни к чему хорошему не привело, как только эти дивы не прыгали по странице, но так как нужно не ставятся. Кто что посоветует?

    Asked by helcoder,

    0 votes
    6 answers

  25. Краткое описание при навидении мышки.

    Доброго времени суток Вот уже 2 день ломаю голову над решением проблемы с z-index. Хочу сделать выпадающее вниз краткое описание при навидении мышкой без JS, JQuery и прочих умных вещей). Только СSS. Вот куски кода: <style>.item{ width: 40%; position: relative; display: inline-block; background-color: #bbb; float: left;}.item:hover{ z-index: 5;}.short_desc{ display: none;}.item:hover .short_desc{ display: block;}</style><div class="item"> <h3>Rock Shox Domain 318 Coil 170</h3> <img src="img/items/1.jpg" /> <p><strong>Цена:</strong> <span>255…

    Asked by mov,

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