HTML Coding

29,542 questions in this forum

1. Колонки одинаковой высоты с разделителем

   Нужно сверстать это: Это 3 колонки, в каждой будет текст. Я сверстала пока без кружочков, просто вертикальную черту в качестве border, но возникла проблема с разной высотой колонок. Может быть есть какие-то решения?

   Asked by Светлана Г., November 13, 2014

   0 votes
   4 answers
2. Проблемные моменты в вёрстке (треугольники)

   Учусь верстать сайты, верстаю етот макет http://freepsd.ws/besplatnyj-psd-shablon-mihstore/ есть 3 проблемных места. В бордере здесь есть треугольник, в принципе мог бы его добавить через фото и центрировать через position но при изменениях на сайте он наверняка слетит, есть какие то другие решения?Или он не должен слетать. В белом бордере есть вырез, как реализовать? Опять вырез.

   Asked by аркей, July 2, 2015

   • вёрстка рамки
   0 votes
   2 answers
3. оценка работы

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

   Asked by Andrue-Selen, July 7, 2015

   0 votes
   2 answers
4. Прямоугольник по размеру исходя из текста внутри него

   Добрый день, дорогие друзья. Имеется блок div, в нем один заголовок и маркированный список. Задача сделать так, чтобы блок был вписан в прямоугольник border так, чтобы ширина прямоугольника была такого же размера, как самая длинная строка в маркированном списке, либо по длине заголовка, если он длиннее. В общем, нужно получить такое же, как тут содержание. Какой сообразить стиль для такого див-а??

   Asked by Артем33, December 12, 2015

   0 votes
   0 answers
5. Теги сайдбра в HTML5

   В сайдбаре идёт баннер, рубрики, форма подписки, видео с ютуба и опрос. Подскажите для семантики в html5 каждый пункт можно ли делать в section или чтот то из этого не подходит для section ?

   Asked by Nikinik, December 14, 2015

   0 votes
   0 answers
6. Банальная проблема блоков с картинками

   Решил обратиться к вам с простой проблемой) Как собственно делаются блоки контейнеры с блоками элементами внутри и что бы при изменении окна браузера элементы оставались на своих местах? Допустим это бок с примерами работ, в блоках картинки которые идут в ряд, и вот у меня вопрос: 1) Это как делать элементы БЕЗ отступов, то есть которые идут без margin друг за другом. 2) Это как делать с margin между ними и что бы элементы оставались ВНУТРИ контейнера (как на скриншоте);

   Asked by kamikadze, January 9, 2016

   0 votes
   1 answer
7. Как выбрать следующий за нужным элемент?

   Есть такой код: <div class="field"> <input type="text" id ="email" name="email"> <label for="email" id="label_email">Введите Email</label> </div> <div class="field"> <input type="text" id ="namel" name="name"> <label for="name" id="label_name">Введите ваше имя</label> </div> <div class="field"> <input type="text" id ="country" name="country"> <label for="country" id="label_country">Введите страну</label> </div> <div class="field"> <input type="text" id ="city" name="city"> <label for="city" id="label_city">Введите город&…

   Asked by sergei8550, April 8, 2017

   0 votes
   1 answer
8. Вставить код баннера между комментариями

   Всем привет! Подскажите, как правильно вставить код рекламного баннера Google или Яндекс Директ между комментариями на WordPress. Необходимо, чтобы баннер выводился через 5 комментариев.

   Asked by IgoreL, October 9, 2017

   0 votes
   0 answers
9. Неправильность отображения сайта в IE

   Привет всем. Помогите решить проблему с отображением моего сайта в IE. В фаерфокс и опере все отлично, а в ие как обычно... Сайт: http://wow-bc.3dn.ru/ Неправильное отображение: внизу, где футер. Спасибо

   Asked by Xorigan, February 26, 2011

   0 votes
   2 answers
10. горизонтальное центрирование без width

    Имеется шаблон, в нем такая схема: <div id="gallery"> <div id="gall_item"></div> <div id="gall_item"></div> <div id="gall_item"></div> <div id="gall_item"></div> ... </div> Joomla генерирует произвольное число этих самых gall_item. Как выровнять их в любом случае по центру? Традиционное решение типа задать для gallery width="..px" и margin: 0 auto; не подходит, т.к. длина блока зависит от количества элементов.

    Asked by p1653v, September 15, 2011

    0 votes
    2 answers
11. Заполнение ячейки

    Как создать эффект заполнения ячейки, если картинка не подходит по размерам под ячейку? Закругленные края при размножении по X видны с правой стороны. Мое предположение - размножать также по X, но стартовую точку поставить где-то по середине предыдущей картинки (но как это сделать?). Может кто-нибудь знает ответ? Заранее спасибо всем.

    Asked by badsanta, September 29, 2011

    0 votes
    1 answer
12. Подскажите как поправить css

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

    Asked by brendmaster, January 17, 2012

    0 votes
    0 answers
13. Проблема с атрибутом id

    Не могу разобраться с лого, в его расположением, не могу переместить... Прошу помочь. index.html <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en"> <html> <head> <title>Главная</title> <link rel="stylesheet" type="text/css" href="style/style.css" /> </head> <body> <div id="logo"></div> <a href="/"><img src="images/logo.gif" alt=""></a> <div id="info"> <h1>Главная страница</h1> <p>Привет дорогой др…

    Asked by Ergonav, February 22, 2012

    0 votes
    5 answers
14. Не понимаю поведение эдементов

    Добрый день, я сейчас перемалываю стили стандартной темы wordpress (работаю с меню) и никак не могу понять почему образуется зазор. Код меню представлен ниже: <!DOCTYPE html> <html> <head> <style> /* Navigation Menu */ #access { display: block; width: 100%; text-align: center; margin: 0px 0px; padding: 0px 0px; border: 1px green solid; } #access .menu-menu-container { display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1; margin: 0px 0px; padding: 0px 0px; border: 1px purple solid; } #access ul { display: block; width: 100%; margin: 0px 0px; padding: 0px 0p…

    Asked by shtuceron, May 19, 2012

    0 votes
    1 answer
15. Масштабирование фонового изображения

    Господа, добрый день! Нуждаюсь в вашей помощи. Мне необходимо было сверстать сайт, где фоном является большое изображение + "полоски" над и под изображением. Дело усложняется тем, что при загрузке страницы фоновым изображением является рандомная картинка, подгружаемая через php-скрипт (все изображения лежат в одной папке). Как сделать так, чтобы подгружаемые изображения масштабировались в рамках резиновой верстки? Потому что на данный момент изображение масштабируется с неправильной высотой из-за чего фон выглядит крайне неприлично. хтмл <div class="fon"> <table> <tr> <td height="98" background="#ffffff" >1</td> </tr> <tr> <td…

    Asked by parse, June 3, 2012

    0 votes
    1 answer
16. Opera, rtl и неправильные отступы.

    В опере при направлении текста справа налево(direction: rtl;) и использовании инлайн-блоков неправильно высчитываются отступы. Пример: http://jsfiddle.net/2MmKQ/1/ В первом желтом блоке, вложенные элементы строчные блоки. У первого(зеленого) задан левый отступ 20px, но в Oper-е этот отступ добавляется справа. Кто сталкивался с такой ситуацией и как решал? Может это какой известный баг оперы и легко исправлятся, просто я не знаю, подскажите. p.s. проблему можно решить если делать на флоатах, я сделал второй желтый блок, все так-же но вместо display: inline-block; я выставил float: right. Но интересует решение именно для inline-block;

    Asked by rediskavet, July 20, 2012

    0 votes
    0 answers
17. Chrome подпрыгивает текст в input

    Здравствуйте! У меня есть input type='text'. В css описан следующим образом: #inputForm input { width: 100%; height: 40px; padding: 0; border: none; background: none; font-family: Flow; font-size: 15pt; } если в Chrome в него вставить(Cntr+V) любой текст то текст подпрыгивает. Посмотреть можно здесь: grindel.su/bart Изменение font-size на < 15px помогает. но мне нужен большой шрифт.

    Asked by Grindel, August 29, 2012

    0 votes
    2 answers
18. Резиновый блок

    Есть блок со стилем: .someClass { width: 100%; max-width: 300px; } Подскажите, пожалуйста, почему ширина блока становится равной 100% при указанном параметре max-width: 300px ? Забегая вперед, добавление float:left не помогает UPD: Вопрос решен. Тему можно закрывать.

    Asked by TorchTT, September 25, 2012

    0 votes
    0 answers
19. Подскажите с float

    Есть контейнер <div id="container"> в нем 5 контейнеров <div class="s"> 3-й контейнер <div class="s h"> по высоте больше чем другие, 5-й контейнер не вмещается в строку и втыкается в 3-й. Как сделать чтоб 5-й контейнер обходил 3-й? вот код .s{ float:left; width:300px; height:300px; background:#fc0; margin:10px 0 0 10px; } .h{ height:400px; }

    Asked by griboff, November 20, 2012

    0 votes
    4 answers
20. Позиционирование блоков !

    Помогите с версткой плз... пытаюсь сверстать мониторнг, а проблема вот в чем. 1) Как сделать такую конструкцию <div Нижний блок> <div Top>••War3FT 100lvl New Ra...</div> <div Bot> 46.188.18.78:27016</div> </div> ?? Смысл конструкции в том чтобы текст в блоках обырвался если он привышает ширину допустим в 50пкс. Как это сделать ? В моем случае он просто разширяет блок и все.... 2)Как сделать чтобы блок с названием карты и колвом игроков "35hp_2 4 / 32" Находился по верх изображения блока сверху? Я пытался как мог разными способами... но он не как не вставал по верх... только в разные стороны сьезжал вокруг и все. Меня мучают только эти 2…

    Asked by cheatoff-strike, November 25, 2012

    0 votes
    1 answer
21. Цветная линия не во всю ширину

    Здравствуйте, как можно сделать данную линию? Вижу один способ: - линию отдельно в div. Есть ли свойство у border, чтобы можно было задать цвет bordera не во всю ширину? http://postimage.org/image/oj6exl4f5/ Просмотрел как сделано у Google: http://www.google.ru/intl/ru/about/ background: url("data:image/png;) no-repeat right bottom;

    Asked by Benya-a, January 29, 2013

    0 votes
    1 answer
22. fancyBox промотка контента

    Использую Inline, открывается окно с контентом, так вот. Проблема в чем, как проматывать контент (текст, картинки и т.д.), чтобы была навигация, вызов модального окна происходит по ссылке, на странице они есть соответственно у каждой свой контент. Т.е. как при промотке картинок, но только "крутить" контент (текст, картинки и т.д.).

    Asked by okunev2, March 15, 2013

    0 votes
    0 answers
23. Как управлять столбцом в таблице?

    Есть простая структура таблицы. Извесно, что я легко могу управлять стилями конкретной строки, допустим, класс навесить на нужный мне <tr> и все. А можно так же лего управлять стилями для конкретного столбца? В таблицах сущность "столбец" не предусмотрена, на сколько я знаю. Вместо него есть сущность "ячейка" (тобишь, <td>) в строке. Если у меня с десятка строк, то прописывать класс в каждом втором <td> каждого <tr> (если мне нужен второй столбец, допустим) как-то не комильфо. Есть выход?

    Asked by Evkaky, July 20, 2013

    0 votes
    2 answers
24. Firefox, Chrome разная высота поля ввода

    Неактуально. Удалите тему, пожалуйста.

    Asked by Charm0nt, October 24, 2013

    0 votes
    0 answers
25. Как сделать такую полоску?

    Посмотрите на этот макет: http://f-lite.ru/lfp/i023.radikal.ru/1405/c8/027ef6b4990d.jpg/htm там есть слово MEDIA и полоска идет. так вот, как ее можно осуществить?

    Asked by WEB-best, May 8, 2014

    0 votes
    2 answers