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
-
radial-gradient и с префиксами тоже
Добрый день! Гуглил целый вечер, так не до конца и понял. Я могу написать так, это работает: radial-gradient(45px 70px at bottom left, transparent 100%, rgb(255,255,255)),А вот так уже не работает: moz-radial-gradient(45px 70px at bottom left, transparent 100%, rgb(255,255,255)),С другими префиксами та же фигня. То есть, получается, что если оставить, как есть, то несколько устаревшие версии браузеров правильно это не нарисуют. Собственно, можно ли с этим что-то делать? Я так понял, что нет.
0 votes10 answers -
"полный" блок, как на розетке
Подскажите, пожалуйста, есть ли плагин готовый на jquery, чтобы сделать показ полного содержимого блока при наведении как на розетке ( http://hard.rozetka.com.ua/monitors/c80089/ вот так). К сожалению нормально сформулировать запрос в гугле не получается под эту проблему. А может есть вариант и без скриптов? Просто у меня возникли проблемы, так как без absolute при раскрытии блок будет нижние опускать.
0 votes2 answers -
не видит локальный bootstrap
здравствуйте, друзья! скажите, пожалуйста, у кого были преценденты, по каким причинам может быть такое, что локальный бутстрэп не виден, а подключаешь cdn то видит спасибо!
0 votes1 answer -
Разные цвета на win и mac
Помогите разобраться пожалуйста. Есть макет psd. Допустим, цвет фона: #FAFAFA; Вырезаю картинку вместе с этим фоном jpg, качество: 80%. У заказчика стоит mac, сафари. Он присылает скриншот, а у картинки уже другой фон, допустим: #FВFВFВ; Таким образом, фон страница и фон страницы у него разный и это видно, те контраст. На win у меня этого не видно. Кто знает причины явления и как бороться? Цвет. модель: sRGB.
0 votes7 answers -
Помогите сверстать макет по примеру
Есть 4 блока выстроенные в одну линию. Крайние два имеют фиксированную ширину (например 100 и 150 пх). Средние два блока одинаковой ширины и должны растянуться что бы вся конструкция заняла всю ширину экрана. При изменении ширины окна браузера конструкция, сжимая\разжимая средние 2 блока, должна занимать всю ширину. Для примера: https://jsfiddle.net/jjzycey8/2/
0 votes4 answers -
Как сделать вертикальное позиционирование блоков
Есть 3 блока размещенные вертикально в общем контейнере. Необходимо, что бы первые два были в самом верху, а третий в самом низу. Проблема в том, что высота главного блока меняется (в шаблоне указана в % и зависит от размеров окна браузера). Вот заготовка (я отступом отодвинул блок туда где он примерно должен быть) - https://jsfiddle.net/s306hnge/1/ Спасибо.
0 votes4 answers -
Работа атрибута srcset
Здравствуйте, помогите разобраться, начал осваивать атрибут srcset в целом все понятно, не могу понять только один момент, код: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Пример</title> </head> <body> <img srcset="dota600.jpg 1x, dota1024.jpg 2x, dota1920.jpg 3x" src="1.jpg"> </body> </html> Соответственно на моем мониторе отображается dota600.jpg (x1) в оригинальном разрешении, но например при загрузке с устройства Pixel 2 XL (537 ppi) браузер выдает правильное изображение dota1920.jpg, но его размеры не 1920px на 1080px а 620px на 360px. Не могу понять почему так,…
0 votes1 answer -
Позиционирование
Здравствуйте, имеется следующий шаблон При нажатии на div.slide вызывается slideToggle("slow") из jQuery. В итоге получается вот что - А я хочу, чтобы simple text не уезжал вниз, т.е. чтобы div.slide был независим от остального содержимого страницы. Как это реализовать?
0 votes1 answer -
Странное отображение выпадающего меню
Подскажите кто-нибудь пожалуйста. Почему у меня на сайте nala.net.ru (открывайте в IE) выпадающее меню появляется под контекстной рекламой Google, а в Опере ,к приеру, все ок. И как это исправить ?
0 votes2 answers -
Горизонтальный скролл.
Можно ли сделать горизонтальное прокручивание страницы с помощью колеса мыши. Объясняю подробнее на всякий случай: Чтобы при вращении колесика мыши страница прокручивалась бы горизонтально, а не вниз и чтобы это было кроссбраузерно. (Контент по высоте будет без вертикального скрола, тоесть умещаться в высоту разрешения: 1024x768) Как такое можно реализовать?
0 votes1 answer -
Ошибка отображения маркерированого списка в firefox
Добрый вечер. Возникает ошибка при корректном отображении странички в браузере firefox, хотя в таком проблемном браузере как ИЕ все как мне и нужно отображается. Сама ошибка обведена на примере 2 красным цветом. Прошу помочь. http://imm.io/2shp http://imm.io/2shq Код : Даю весь код странички CSS : a { text-decoration: none; color: #26303C; } table.a { border-collapse: collapse; margin-bottom: 0px; height: 100%; width: 970px; } table.b { color: white; height: -74px; width: 970px; } table.c { color: white; height: 55px; width: 970px; } ul { margin-top: 20px; line-height: 0.5; list-style-type: square; float…
0 votes3 answers -
Помогите построить небольшой макет дивами
Привет есть небольшой код <div id="body"> <div id="leftcol"> <div id="leftsidea"></div> <div id="leftsideb"></div> <div id="leftsidec"></div> </div> <div id="bodycenter"> text </div> <div id="rightside"></div> </div> и css #leftcol{ width:145px; float:left; height:100%; } #body{ text-align: center; width:1300px; float:left; } #leftsidea{ text-align: left; width:145px; background-image: url('../images/leftside.png'); background-repeat: repeat-y; float:left; } #leftsideb{ text-align: left; width:145px; height:34px; background-image: url('../images/le…
0 votes12 answers -
категоризированный url в google поиске
Всем привет, подскажите как добиться чтобы в гугл поиске ссылка на материал вашего блога выглядела: www.ваш_сайт > название блога (ссылка) > название_раздела (ссылка) > название_категории (ссылка) > материал (ссылка) сайт на html, юкозовский движок Заранее благодарен
0 votes6 answers -
Ширина body в IE и других браузерах
Добрый день! Подскажите пожалуйста - необходимо использовать следующий стиль: body { ... margin-left:auto; margin-right:auto; width:900px; ... } В FF, Chrome, Opera и Safari проблем нет, все как надо, а в IE body растягивается на ширину всего экрана. Есть ли какая-нибудь возможность это сделать? Заранее спасибо!
0 votes4 answers -
Позиционирование внутри блока
Всем добрый день , подскажите пожалуйста как разместить блок внутри блока , чтобы внешниий блок растягивался по высоте в зависимости от содержимого внутреннего блока. Вот css и html: <div id="content"> <div id="main"> <div id="right"></div> <div id="bottom"></div> </div> <img height="100%" src="/bitrix/templates/templateturist/images/background.jpg" class="fon" ilo-full-src="http://tkturist.ru/bitrix/templates/templateturist/images/background.jpg"> </div> #content { height: 100%; max-width: 5000px; min-width: 1000px; padding: 0 0 70px; position: relative; } #main { backgro…
0 votes7 answers -
Как лучше перевести фразу на английском из www.w3.org/TR/CSS2/cascade.html?
В http://www.w3.org/TR/CSS2/cascade.html#inheritance сказано следующее: Как лучше перевести эту фразу и каков её истинный смысл? Никак я её не пойму. Предполагаю такие варианты перевода: "Заметьте, что Наследование следует по дереву документа и НЕ передаётся анонимным боксам"? или "Заметьте, что Наследование следует по дереву документа и передаётся анонимным боксам"? Помогите понять смысл сказанного
0 votes4 answers -
3-х колоночный макет
Столкнулся с такой проблемой. При разметке 3-х колоночного макета решил использовать позиционирование. Колонки обернул дивом, но они игнорируют его. То что разметил выложил здесь: http://jsfiddle.net/NvLQg/ Как решить проблему? Обтеканием решил не пользоваться, поскольку надо создавать дополнительный слой с clear: both; А при позиционировании, на мой взгляд, можно более гибко работать с отступами между колонками.
0 votes9 answers -
Нужна совет, помощь по отладке скрипта
Есть проблема мод (скрипт) в левой колонке отображается нормально но как его переносишь в футор почему то его растягивает, как это испивать, чтобы он отображался везде одинаково.
0 votes9 answers -
Таблицы.
Дали нам задние сделать сайт используя только таблицы. Как можно реализовать данный пункт через таблицы ?
0 votes5 answers -
Как сделать google карту в таком виде
Возможно ли сделать такую карту интерактивной и как? зеленый фон не фиксированый и может менять масштаб.
0 votes9 answers -
Градиентная прозрачность картинки
Как сделать градиентную прозрачность картинки с сердечками http://jsfiddle.net/ntxsx1ba/ чтобы слева она была прозрачная, а справа непрозрачная? Т.е. чтобы картинка с сердечками слева сливалась с фоном (с использованием прозрачности), а справа она была не прозрачной.
0 votes5 answers -
Сверстаю за хороший отзыв 3 макета
Добрый день. Я начинающий верстальщик. Нужно набираться опыта и работ для портфолио. Поэтому сделаю верстку бесплатно для 3х форумчан с хорошей репутацией в обмен на положительный отзыв. Освоила HTML5, CSS3. Делаю верстку макетов с фиксированной шириной. Подключаю слайдеры на jQuery. На данный момент есть несколько работ. Проверяю код на валидность. Для того чтобы кода получалось как можно меньше, стараюсь не использовать классы и ид без необходимости. Проверяю верстку на кроссбраузерность. С простым макетом справляюсь за один день. На адаптивную верстку уходит времени больше, но могу взяться и за нее(если без подключения JS). Со мной так же можно связаться через: …
0 votes8 answers -
Макет
Ребят, кто может сделать макет страницы-визитки. На сайте будет размещены стихи одного человека, также хочу сделать, чтобы можно было заказать стихи на заказ.
0 votes0 answers -
Выравнивание текста и картинки-иконки
Перейдите по ссылке, перейдите по пункту меню "Контакты", Как можно выравнять по одной линии текст ссылки и картинки? http://mbav-websites.xyz/
0 votes1 answer -
Динамически расширяющегося контейнер после сайдбара
Всем привет! Столкнулся с такой задачей. Как видно на рисунке на одном контейнере есть Каталог товаров и сайдбар. В каталоге товары по три в ряде. Теперь задача: можно делать так, чтобы под сайдбаром товары уже шли по 4 в ряд. Возможно ли все это реализовать без разбиение каталога на 2 блока(т.е. верхний(по 3 ) и нижный(по 4))? Заранее очен благодарен!
0 votes2 answers