HTML Coding

29542 questions in this forum

1. Прижать div к низу другого div

   Подскажите, пожалуйста, как прижать зеленый, красный и синий блоки к низу родительского блока?

   Asked by TorchTT, June 24, 2012

   0 votes
   5 answers
2. Проблемы с overflow при обрезанной картинке

   http://jsfiddle.net/xJWre/18/ Может еще не проснулся, не знаю, но что-то не могу придумать/вспомнить как в максимум два вложения сделать одинаковые границы от каждого края. Картинка, конечно же, больше изначального блока и наша задача ее НЕ масштабировать, а немного отцентрировать и обвести границей которая отступает от краев картинки на пару пикселей. PS. Возник вариант на box-shadow, но это слишком просто и в ИЕ7 не покатит. PSs. И с outline также не предлагать

   Asked by advokatua, November 2, 2013

   • img
   • overflow
   0 votes
   8 answers
3. Ссылки по центру

   Здравствуйте! Скажите пожалуйста как выровнять ссылки по середине? - скриншот | ссылка на проблему Я пробовал двигать паддингом и вроде бы все ок, но в других разрешениях отображается не по центру.

   Asked by WooLunatiX, November 17, 2013

   • Ссылки
   • выравнивание
   0 votes
   2 answers
4. активный label

   Доброго времени суток! Есть код табов на checkbox'ах, нужно сделать так чтобы активная вкладка (label) была белого цвета. Возможно понадобится js. Заранее спасибо

   Asked by Даниил Виттманн, April 20, 2014

   0 votes
   3 answers
5. проблема с :hover

   Всем привет ! Верстая PSD макет столкнулся с проблемой :hover ,а именно в менюшке.Нужно чтобы пробегая по ссылкам они подсвечивались при помощи :hover .Понимаю что логика вставить a:hover , но при этом варианте ,подсветка только высоты ссылки а мне надо во всю высоту рамки меню поэтому вставил li:hover , но получается фиксированная ширина и поэтому в длинных названиях лишек она обрезается.Как сделать чтобы подсветка охватывала полностью все названия по отдельносьти? И еще как можно это соорудировать напрямую a:link ? Ссылки почему то в jsfiddle поехали вниз впритык рамки https://jsfiddle.net/stvolkilla/0nxzedxz/1/ скриншот

   Asked by esoteric, April 6, 2016

   0 votes
   4 answers
6. Rollover и ссылка

   Доброе время суток! Подскажите пожалуйста,возможно ли поставить на Rollover картинку ссылку,ибо DW 8.0 яро ругается на это и преобразует Rollover в обычную статичную картинку.заранеее спасибо

   Asked by Stigmat, February 6, 2008

   0 votes
   4 answers
7. Вывод маленьких таблиц построчно

   Добрый день. У меня возникла проблемма. Существует несколько десятков таблиц состоящих из 1 столбца и 2 строк. Мне их нужно вывести на странице так что б они выводились в 1 строку, а когда ширины экрана не хватает, то что б выполнялся перенос на другую строку. Как бы похоже на на это оно работает когда в стиле указываешь стиль display:inline-block, но не во всех браузерах работет правильно или даже просто работает. Познаний в вебдизайне у меня не много, поэтому буду рад любому совету даже самому простому. Заранее спасибо за помощь.

   Asked by Slike, December 1, 2008

   0 votes
   6 answers
8. ИЕ не правильно отображает таблицы

   почему ИЕ не правильно отображает таблицы? Все остальные браузеры четко отображают отформатированную таблицу (цвет, рамка, толщина......) спасибо

   Asked by termoplus, May 8, 2009

   0 votes
   6 answers
9. Проблема со вложенными списками

   Имеется такой код: <ul class="main"> <li>Item 1</li> <ul class="sub"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> <li>Item 2</li> <ul class="sub"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> <li>Item 3</li> <ul class="sub"> <li>Item 1</li> <li>Item 2</li> <li>Item 3</li> </ul> </ul> В CSS прописано следующее: .main ul, #main li { display: inline; margin: 0; padding: 0; } Как сделать так, чтобы элементы спи…

   Asked by brainiac, April 28, 2010

   0 votes
   3 answers
10. Контент

    Привет всем. Ребят подскажите как реализовать следующую схему: На сайте есть раздел т.е. страница при заходе на которую, пользователь может выбрать из списка продукт, и на странице появится текстовое описание этого продукта + галерея. Я просто не пойму как это вообще реализовывается? Необходимо создавать столько страниц, сколько разных продуктов имеется у меня? Или можно создать базу из которой бы все подгружалось?

    Asked by Funtik44, September 8, 2010

    0 votes
    11 answers
11. Резиновые кнопки

    Доброго времени суток, сложилась интересная ситуация: Код HTML: Код CSS: Код java script: Проблема заключается в том что при слишком узком окне изображение находящиеся в .image_div вылетает за пределы дива и создается эффект как будто на кнопках нет этой "иконки", подозреваю это случается из-за того что явно не задана ширина дива. В Chrom и Safari это можно побороть используя свойство overflow, но в остальных браузерах приходиться извращаться прибегая к скрипту, а именно, устанавливать размер картинки явно. Проблема которую нужно решить: У заказчика по какой-то причине эти злосчастные кнопки все равно исчезают! 0_о... Я конечно понимаю экстрасенсов здесь нет но я уже с…

    Asked by XprogeR, November 5, 2010

    0 votes
    5 answers
12. Заголовки и смена размера шрифта

    Никаких ссылок не даю, потомку что вопрос чисто теоретический. Допустим у нас есть блок h3 с фиксированным размером. Как сделать так, чтоб текст в этом заголовке автоматически менял размер шрифта в зависимости от количества строк (либо заранее прописанные размеры шрифта либо просто чтоб не выходить за пределы размеров блока). И вообще возможно ли это? Не встречал таких скриптов пока. Например, 1 строка с размером шрифта 20px в рамках этого блока занимает 100px. Если места не хватает и слова переносятся на следующую строку, то теперь изменить шрифт допустим на 14px. Подытожив всю вышесказанную путаницу мыслей: нужна автоматическая смена размера шрифта текста чтобы незав…

    Asked by buddah, June 8, 2011

    0 votes
    4 answers
13. Пустить блоки по 2 зигзагом ?

    Как пустить блоки на css вот так по 2 штуки, в блоке всегда отображаются только 4 блока 2х2 3 и 4 блок должны перенестись на строку ниже, 5 и 4 должны подняться на уровень с 1 и 2 вот такой зигзаг получается, можете подсказать? Разметка вот такой будет <div class="slider"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div>

    Asked by ilyas, August 16, 2013

    0 votes
    9 answers
14. Как сделать кнопку и cсылку по центру?

    Как сделать кнопку и cсылка по центру? Пока оцентрировал с помощью position

    Asked by incub, December 18, 2016

    • css
    • html
    0 votes
    2 answers
15. Лейбл не прижимается к тексту, когда текст в 2 строки

    Есть лейбл. По задумке дизайнера этот лейбл должен прижиматься к тексту и расстояние между лейблом и текстом должно быть 10 пикселей. Но вот когда текст переноситься это не срабатывает: лейбл прижимается к правому краю. Вот так http://skrinshoter.ru/s/121218/eVuL33Lz Понятно что дизайнеру не хотелось бы чтоб было так. Но как сделать это чтоб соответствовало его задумке - хз. https://codepen.io/anon/pen/OrVBKN

    Asked by yaparoff, December 12, 2018

    0 votes
    3 answers
16. Div внутри Div

    Доброго времени суток. Появилась проблема, есть резиновый макет из трех колонок: Стиль: /* Основной контент */ #cnt { margin-top: 10px; } #cntl { margin-right: 10 px; width: 180px; float: left; } #cntr { margin-left: 10px; width: 250px; float: right; } #cntc { height: 200px; } Код: <div id="cnt"> <div id="cntl"> Содержимое левой колонки </div> <div id="cntr"> Содержимое правой колонки</div> <div id="cntс"> Содержимое центра</div> </div> Суть проблемы, при попытки добавить в центр. еще одну резиновую штучку, а именно резиновый заголовок, состоящий из двух картинок и подложки, получается что ширина этого с…

    Asked by TLD, January 18, 2008

    0 votes
    1 answer
17. IE7 и clip

    Железно не работает clip в IE7. В Firefox, Opera, Safari - работает, в нем - нет. Не проходит ни один пример (например, этот: http://www.javaportal.ru/htmlandcss/CSS_CLIP.html). Абсолютное позиционирование установил, overflow поставил на auto (и во все другие места тоже ставил ) Сталкивался кто-нибудь?

    Asked by Yustos, April 4, 2008

    0 votes
    3 answers
18. <sup> прямо над текстом

    Добрый день! Подскажите, плз, как расположить верхний индекс прямо над тексом (не справа и не слева).

    Asked by Бухалыч, June 24, 2008

    0 votes
    1 answer
19. Закругление углов с CSS и Java

    Подскажите пожалуйста как сделать фон уголков у блока картинкой... А то я ставлю на бэкграунд изображение, а оно не отображается (белый фон). Да, его ведь надо в Скрипте прописывать? Да я знаю, что есть закругление и без скриптов, но решил, так сказать, "добить" эту тему... P.S. Извините если не в тему пишу...

    Asked by Glebr, March 10, 2009

    0 votes
    1 answer
20. table. Последние ячейки растянуты

    1. Задаю ячейкам таблицы размеры 70х70px. 2. Внутри каждой есть див с картинкой. Размеры самого рисунка - 144х144px. 3. Таблица состоит из 8х8 ячеек(шахматная доска). 4. Последний ряд и последняя строка получаются вытянутыми. 5. Полагаю всему виной самая последняя(8;8) ячейка. Код(Java): <table> <c:forEach items="${gameRow.game.board.pieces}" var="pieceRow" varStatus="status"> <tr> <c:forEach items="${pieceRow}" var="piece"> <td style="width:70px;height:70px;"> <div style="width:inherit;height:inherit;"><img src="<c:out value="${piece.imagePath}"/>"/></div> </td> </c:forEach>…

    Asked by Старовер, June 4, 2009

    0 votes
    8 answers
21. Прокомментируйте код

    Прокомментируйте код, это css и javascript, ваши комментарии будут паказаны автору кода в качестве убеждения тех или иных позиций, сам автор неможет зайти по технико/религиозным причинам /* pagination */ .pagesWrapper { width: 100%; float: left; } #pages { padding: 0 10px; margin: 0 0 10px; color: #91969c; font: 12px Verdana, Geneva, sans-serif; } table#pages_table { width: 100%; border-collapse: collapse; table-layout: auto; } table#pages_table td { } table#pages_table td .count_result, table#pages_table td .count { font-weight: bold; } table#pages_table td .count_result {} table#pages_table td .count {} table#pages_table td .paginator { display: block;…

    Asked by warpig, October 27, 2010

    0 votes
    6 answers
22. Два Дива - одинаковой высоты в не зависимости от контента

    Как сделать вот такую вот картинку дивами? Рядом стоящие и растягивающиеся по высоте в не зависимости от контента Напрашивается таблица, но хотелось бы дивами подобной структуры: http://jsfiddle.net/2c4MK/

    Asked by artemhp, December 11, 2011

    0 votes
    6 answers
23. По поводу DOCTYPE и метов для моб. сайтах

    Скажите, какие DOCTYPE и маты нужно указать в мобильном сайте?

    Asked by anna-2010, August 5, 2012

    0 votes
    1 answer
24. padding проблемы

    у меня есть проблемы в вёрстке. вот код:<style> .topics { float: left; height: 150px; border: 1px solid red; } .topics b { padding-top: 15px; } </style> </head> <body> <div class="topics"> <b>Вещи от пользователей</b> <p>2654 вещи</p> </div> </body> "> <style> .topics { float: left; height: 150px; border: 1px solid red; } .topics b { padding-top: 15px; } </style> </head> <body> <div class="topics"> <b>Вещи от пользователей</b> <p>2654 вещи</p> </div> </body> на htmlbоok.ru и вопрос: почему padding-top не делает отступ сверху? мож…

    Asked by robo1500, April 28, 2013

    0 votes
    8 answers
25. Меню

    Приветствую, сделал менюшку, но элементы li, вылезли за пределы ul по отношению к картинке, что делать? http://jsfiddle.net/9b4t0ws9/

    Asked by Vans, October 31, 2014

    • Проб
    • лема
    0 votes
    2 answers