HTML Coding
Subforums
-
- 30.1k
- posts
-
- 1k
- posts
-
- Про макеты
- By klierik,
Explore Questions
There are no popular questions to show right now
-
0 votes0 answers
-
0 votes0 answers
-
0 votes0 answers
-
0 votes1 answer
-
0 votes3 answers
29542 questions in this forum
-
Прижать div к низу другого div
Подскажите, пожалуйста, как прижать зеленый, красный и синий блоки к низу родительского блока?
0 votes5 answers -
Проблемы с overflow при обрезанной картинке
http://jsfiddle.net/xJWre/18/ Может еще не проснулся, не знаю, но что-то не могу придумать/вспомнить как в максимум два вложения сделать одинаковые границы от каждого края. Картинка, конечно же, больше изначального блока и наша задача ее НЕ масштабировать, а немного отцентрировать и обвести границей которая отступает от краев картинки на пару пикселей. PS. Возник вариант на box-shadow, но это слишком просто и в ИЕ7 не покатит. PSs. И с outline также не предлагать
0 votes8 answers -
Ссылки по центру
Здравствуйте! Скажите пожалуйста как выровнять ссылки по середине? - скриншот | ссылка на проблему Я пробовал двигать паддингом и вроде бы все ок, но в других разрешениях отображается не по центру.
0 votes2 answers -
активный label
Доброго времени суток! Есть код табов на checkbox'ах, нужно сделать так чтобы активная вкладка (label) была белого цвета. Возможно понадобится js. Заранее спасибо
0 votes3 answers -
проблема с :hover
Всем привет ! Верстая PSD макет столкнулся с проблемой :hover ,а именно в менюшке.Нужно чтобы пробегая по ссылкам они подсвечивались при помощи :hover .Понимаю что логика вставить a:hover , но при этом варианте ,подсветка только высоты ссылки а мне надо во всю высоту рамки меню поэтому вставил li:hover , но получается фиксированная ширина и поэтому в длинных названиях лишек она обрезается.Как сделать чтобы подсветка охватывала полностью все названия по отдельносьти? И еще как можно это соорудировать напрямую a:link ? Ссылки почему то в jsfiddle поехали вниз впритык рамки https://jsfiddle.net/stvolkilla/0nxzedxz/1/ скриншот
0 votes4 answers -
Rollover и ссылка
Доброе время суток! Подскажите пожалуйста,возможно ли поставить на Rollover картинку ссылку,ибо DW 8.0 яро ругается на это и преобразует Rollover в обычную статичную картинку.заранеее спасибо
0 votes4 answers -
Вывод маленьких таблиц построчно
Добрый день. У меня возникла проблемма. Существует несколько десятков таблиц состоящих из 1 столбца и 2 строк. Мне их нужно вывести на странице так что б они выводились в 1 строку, а когда ширины экрана не хватает, то что б выполнялся перенос на другую строку. Как бы похоже на на это оно работает когда в стиле указываешь стиль display:inline-block, но не во всех браузерах работет правильно или даже просто работает. Познаний в вебдизайне у меня не много, поэтому буду рад любому совету даже самому простому. Заранее спасибо за помощь.
0 votes6 answers -
ИЕ не правильно отображает таблицы
почему ИЕ не правильно отображает таблицы? Все остальные браузеры четко отображают отформатированную таблицу (цвет, рамка, толщина......) спасибо
0 votes6 answers -
Проблема со вложенными списками
Имеется такой код: <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; } Как сделать так, чтобы элементы спи…
0 votes3 answers -
Контент
Привет всем. Ребят подскажите как реализовать следующую схему: На сайте есть раздел т.е. страница при заходе на которую, пользователь может выбрать из списка продукт, и на странице появится текстовое описание этого продукта + галерея. Я просто не пойму как это вообще реализовывается? Необходимо создавать столько страниц, сколько разных продуктов имеется у меня? Или можно создать базу из которой бы все подгружалось?
0 votes11 answers -
Резиновые кнопки
Доброго времени суток, сложилась интересная ситуация: Код HTML: Код CSS: Код java script: Проблема заключается в том что при слишком узком окне изображение находящиеся в .image_div вылетает за пределы дива и создается эффект как будто на кнопках нет этой "иконки", подозреваю это случается из-за того что явно не задана ширина дива. В Chrom и Safari это можно побороть используя свойство overflow, но в остальных браузерах приходиться извращаться прибегая к скрипту, а именно, устанавливать размер картинки явно. Проблема которую нужно решить: У заказчика по какой-то причине эти злосчастные кнопки все равно исчезают! 0_о... Я конечно понимаю экстрасенсов здесь нет но я уже с…
0 votes5 answers -
Заголовки и смена размера шрифта
Никаких ссылок не даю, потомку что вопрос чисто теоретический. Допустим у нас есть блок h3 с фиксированным размером. Как сделать так, чтоб текст в этом заголовке автоматически менял размер шрифта в зависимости от количества строк (либо заранее прописанные размеры шрифта либо просто чтоб не выходить за пределы размеров блока). И вообще возможно ли это? Не встречал таких скриптов пока. Например, 1 строка с размером шрифта 20px в рамках этого блока занимает 100px. Если места не хватает и слова переносятся на следующую строку, то теперь изменить шрифт допустим на 14px. Подытожив всю вышесказанную путаницу мыслей: нужна автоматическая смена размера шрифта текста чтобы незав…
0 votes4 answers -
Пустить блоки по 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>
0 votes9 answers -
Как сделать кнопку и cсылку по центру?
Как сделать кнопку и cсылка по центру? Пока оцентрировал с помощью position
0 votes2 answers -
Лейбл не прижимается к тексту, когда текст в 2 строки
Есть лейбл. По задумке дизайнера этот лейбл должен прижиматься к тексту и расстояние между лейблом и текстом должно быть 10 пикселей. Но вот когда текст переноситься это не срабатывает: лейбл прижимается к правому краю. Вот так http://skrinshoter.ru/s/121218/eVuL33Lz Понятно что дизайнеру не хотелось бы чтоб было так. Но как сделать это чтоб соответствовало его задумке - хз. https://codepen.io/anon/pen/OrVBKN
0 votes3 answers -
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> Суть проблемы, при попытки добавить в центр. еще одну резиновую штучку, а именно резиновый заголовок, состоящий из двух картинок и подложки, получается что ширина этого с…
0 votes1 answer -
IE7 и clip
Железно не работает clip в IE7. В Firefox, Opera, Safari - работает, в нем - нет. Не проходит ни один пример (например, этот: http://www.javaportal.ru/htmlandcss/CSS_CLIP.html). Абсолютное позиционирование установил, overflow поставил на auto (и во все другие места тоже ставил ) Сталкивался кто-нибудь?
0 votes3 answers -
<sup> прямо над текстом
Добрый день! Подскажите, плз, как расположить верхний индекс прямо над тексом (не справа и не слева).
0 votes1 answer -
Закругление углов с CSS и Java
Подскажите пожалуйста как сделать фон уголков у блока картинкой... А то я ставлю на бэкграунд изображение, а оно не отображается (белый фон). Да, его ведь надо в Скрипте прописывать? Да я знаю, что есть закругление и без скриптов, но решил, так сказать, "добить" эту тему... P.S. Извините если не в тему пишу...
0 votes1 answer -
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>…
0 votes8 answers -
Прокомментируйте код
Прокомментируйте код, это 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;…
0 votes6 answers -
Два Дива - одинаковой высоты в не зависимости от контента
Как сделать вот такую вот картинку дивами? Рядом стоящие и растягивающиеся по высоте в не зависимости от контента Напрашивается таблица, но хотелось бы дивами подобной структуры: http://jsfiddle.net/2c4MK/
0 votes6 answers -
По поводу DOCTYPE и метов для моб. сайтах
Скажите, какие DOCTYPE и маты нужно указать в мобильном сайте?
0 votes1 answer -
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 не делает отступ сверху? мож…
0 votes8 answers -
Меню
Приветствую, сделал менюшку, но элементы li, вылезли за пределы ul по отношению к картинке, что делать? http://jsfiddle.net/9b4t0ws9/
0 votes2 answers