HTML Coding

29542 questions in this forum

1. Древовидные комментарии

   Кто-нибудь верстал что-то подобное? Для верстки использовал вложенные списки, но пока есть проблемы с кроссбраузерностью. Если вы видели на каком-то сайте аналогичные каменты со стрелочками-указателями, то скиньте, пожалуйста, ссылку. Проблема собственно в запутанности и сложности получившегося кода. Кто как сверстал бы такое?

   Asked by Anarchist, December 14, 2011

   0 votes
   3 answers
2. Мониторы и пропорции

   Сайт имеет фиксированную ширину 1000 пх, с расчетом на удобный просмотр при разрешении 1024. На мониторах с широким экраном все иллюстрации слегка "сплющены", сжаты по вертикали. Как устранить эту неприятность, вернуть пропорции изображениям?

   Asked by Anat-sm, December 14, 2011

   0 votes
   2 answers
3. Горизонтальное выподающее меню

   Друзья я прошу вас рассказать мне каким образом создаётся горизонтальное меню с выпадающими подпунктами, но мне нужно лишь то что это делает и именно на CSS, желательно с примерчиком такого самого примитивного меню. Заранее спасибо!

   Asked by Ingvar15, November 14, 2012

   0 votes
   6 answers
4. Inline + margin

   <div style='float: left; text-align: center; width: 200px; margin: 3px; border: 1px solid black;'> <img src='http://mmoland.ru/webapp/mmoland/files/images/2012/08/image012.jpg'/> <div style='display: inline; margin-bottom: 5px;'> <a href='/catalog/blabla'>blabla</a> </div> </div> Вот этот же код http://jsfiddle.net/fZLkV/2/ Мне нужно центрировать текст ссылки по высоте, но сейчас текст прижат к низу. Я пробовал сделать div (в котором ссылка находится) выше с помощью matgin-bottom. Но он не работает вместе с display: inline. Как бы вы выровняли текст в моем случае?

   Asked by GuitarFan, June 2, 2013

   0 votes
   4 answers
5. float

   как можно сделать, чтобы плаваюший div#center учитывал пустой div#left ? body{ margin: auto; } #left{ float: left; width: 200px; background: yellow; } #center{ float: left; width: 200px; background: #ccc; } <div id="left"></div> <div id="center">center</div>

   Asked by valera, August 14, 2013

   0 votes
   3 answers
6. display: table-cell, table или div

   В огромном множестве макетов можно найти, скажем, несколько изображений в ряд или даже несколько рядов. Или необязательно изображений. По сути это выглядит как таблица, но исходя из логики таблицей не является. Как по мне, то такие моменты удобно делать с использованием display: table, display: table-cell. Какие еще есть варианты для решения такой задачи? И какой из них "правильнее"?

   Asked by binomer, October 30, 2013

   0 votes
   4 answers
7. Белая полоса в мозилле

   http://zverushka.zz.mu/test5/ В самом низу на границе волнистой границы в мозилле белая полоса, в хроме нет. Не могу понять причины сего поведения и отображения и как исправить.

   Asked by Zverushka, November 6, 2013

   0 votes
   4 answers
8. Расширение при помощи background-size:cover;

   Вот такая проблема, не могу некак решить уже часа 3 мучаюсь надежда тока на вас К сожелению саму картинку показать не могу, постораюсь обьяснить на словах У нас есть фон для меню шириной 1200px и высотой в 88px а щас вот сам код .top { background:url(images/bg_top.png) no-repeat; background-size:cover; max-width:1200px; height:88px; display:block; margin:0 auto;}то есть при разрешений больше 1200px все нормально картинка стоит по центру при смене разрешения в 1024 на 768 картинка режется и правый скругленный угол не видно тоже самое при разрешеий 800*600 но еще в добавок появляется scroll Как решить эту проблему , вообще перепробовал много способов но не по…

   Asked by BSandro, November 10, 2013

   0 votes
   6 answers
9. attr в background

   Можно ли использовать attr в background? Вот так не работает... background: url(i/attr(data-site).png) left top no-repeat;

   Asked by PavelTkachev, February 13, 2015

   0 votes
   4 answers
10. Сайт сползает вниз при SSI-включении

    Без SSI-включения страница отображается нормально во всех браузерах, а со включением - страница сползает вниз, и сверху шапки образуется пустое ненужное пространство. Помогите, пожалуйста! Вот мой код: Основное содержание: <!doctype html><html><head><meta charset="utf-8"><title>Документ без названия</title><link rel="stylesheet" type="text/css" href="main.css" /></head><body><!--#include virtual="menu.html"--></body></html>Вставляемый кусок кода: <header> </header> Стили: @charset "utf-8";/* CSS Document */body { background-image:url(Images/road-518363_croped.jpg); backgrou…

    Asked by GorN, March 2, 2015

    0 votes
    1 answer
11. Как лучше делать ?

    Как лучше делать ? <ul class="social-icon"><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li></ul> вот так и потом задавать в css .social-icon li:nth-child(2){background: url(../images/social-icon.png) no-repeat 0 -30px;} <ul class="social-icon"><li class="facebook"><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li>&lt…

    Asked by Shenia132, March 14, 2015

    • верстка
    0 votes
    3 answers
12. Не функционирует слайдер

    Собственно, не работают радио-кнопки у слайдера (внизу) http://codepen.io/anon/pen/PwxGxE Также интересует вопрос как сделать рабочими стрелочки(по центру)?

    Asked by yaparoff, March 16, 2015

    • слайдер
    0 votes
    2 answers
13. Белая граница

    Вот фрагмент моей вёрстки http://jsfiddle.net/xqybw8Lx/1/ Мне нужно, чтобы белая полоска справа от круга была от верха до низу. Можно ли этого добиться с помощью css? Я понимаю, что можно просто картинку сделать и справа её разместить.

    Asked by PavelTkachev, July 10, 2015

    0 votes
    3 answers
14. Блок средствами css

    Здравствуйте, возможно кто-то посоветует как реализовать таки блок средствами css:

    Asked by Ghost86421, January 5, 2016

    0 votes
    1 answer
15. список определений с классом

    Всем привет, Используя список определений с указанием размера хедера в классе будет ли это равноценно по правилам HTML5 и SEO ? Иными словами равноценны ли записи <dt class="h3 ">TEXT</dt> и <h3>TEXT</h3> ?

    Asked by mstdmstd, August 25, 2016

    0 votes
    2 answers
16. символ валюты перед инпутом

    Всем привет, Разместил символ валюты перед инпутом Ссылка с разбивкой по дивам и использованием классов pull-left, pull-right работает, за исключением того, что на больших экранах 1 ячейка с символом валюты занимает много места и портит вид. А как сделать, чтобы символ валюты занимал минимальное место, но с учетом того, что символов может быть несколько? Спасибо!

    Asked by mstdmstd, October 20, 2016

    0 votes
    1 answer
17. SVG анимация

    Здравствуйте. Вопрос по SVG анимации. Есть готовый файл SVG. Это жук. У жука 6 лап. Я хочу заставить лапы двигаться. Для этого использую анимацию атрибута "d" команды path. Я попробовал пока на одной лапе, но движений ни каких. Помогите понять в чём причина. <path style="stroke:#000000;stroke-width:1.02871215px" inkscape:connector-curvature="0" d="m 365.18001,254.32998........ -11.21751,12.78362z" id="path3862"> <animate attributeName="d" id="QQ" begin="1s" dur="3s" repeatCount="indefinite" keyTimes="0;1" values="m 36…

    Asked by halione, May 14, 2017

    0 votes
    0 answers
18. Отменить overflow для внешнего дива и вернуть для внутреннего

    Доброго дня! Не могу отменить overflow для внешнего дива и вернуть для внутреннего. Помогите! http://dabblet.com/gist/ecf15d87d3f339c4364d513f6a36e239

    Asked by abceprst, February 22, 2020

    0 votes
    0 answers
19. выпадающее меню.

    помогите плиз с выпадающим меню, нигде не могу найти информацию о таком, вот ссылка на сайт с таким меню, извините если не по правилам, не знаю как картинку вставить. http://laroshe.ru/ (там где выбрать бренд)

    Asked by dest113, January 25, 2010

    0 votes
    1 answer
20. Текст строкой

    Установил ограниченную ширину, а текст всё равно идёт строкой и не переносится на след. строчку, выходит за грани (т.е. ширина таблицы из-за него автоматически увеличивается). Ничего не могу понять толком, в чём проблема? http://team-unity.narod.ru/test.html xD Всё, разобрался. Просто у меня текст был одним словом и естественно ничего не переносилось, а я, дурень, в коде ошибку искал. Извините за глупость)

    Asked by Shin, May 1, 2010

    0 votes
    0 answers
21. Подскажите, что за шрифт (см. картинку)

    Ребят, скажите, если знаете, как называется шрифт на картинке или подскажите похожий, чтобы работало с кириллицей.

    Asked by Squidward, November 2, 2011

    0 votes
    3 answers
22. Изменение стилей

    Есть таблица. Первая ячейка пустая {width:10px;background:url(1.png);}, во второй просто ссылка. Нужно, чтобы при наведении на ссылку стили первой ячейки изменились на {width:10px;background:url(2.png);} Как это можно сделать?

    Asked by stationfuk, March 25, 2012

    0 votes
    3 answers
23. Длина и ширина страницы: как есть и как должно быть?

    Привет, уважаемые форумчане! Кроме периодического говорения ртом, иногда верстаю. Но чем дальше, тем реже приходится использовать рот и чаще голову, а верстки становится все больше. Некоторое время назад заметил, что одна и та же проблема преследует меня на начальном этапе разработки: верстка существующего макета под разные разрешения. Не технические тонкости, а именно "как надо"? Если с позиционированием понятно, то с разрешением, а значит, шириной и длиной верстки не совсем. Готовить загодя макет с возможностью бокового бэкграунда которому можно задать повторение (так делаю сейчас)? или может быть это просто узкая страница? Как быть в случае с длиной, если контент уме…

    Asked by geirbyfc, March 25, 2012

    0 votes
    3 answers
24. HELP! ЗАДОЛБАЛСЯ ИСКАТЬ ХАКИ НА ОПЕРУ

    Дайте нормальный хак для Оперы 12.10 ПОЖАЛУЙСТА!!!!!!!!

    Asked by boo, December 21, 2012

    0 votes
    8 answers
25. Как проще всего сделать спойлер(скрытый текст)

    На этом сайте нету о спойлерах ничего,в интернете показывают способы но слишком много лишнего в них,изза чего тяжело разобратся в принципе работы спойлера.

    Asked by pudge, March 16, 2013

    0 votes
    3 answers