borus

Здравствуйте. Мой вариант: <a href... class="my"> <img ... > <span>Текст ссылки</span> </a> где .my{ display:block; align:center; } чтобы картинка и текст были отцентрированы Это будет правильно?

второй вариант не прошёл почему-то

Здравствуйте. Пытаюсь добавить свойства: .categories-list .category-desc img{ display: block; border-radius:20px; width:620px; } к выделенному синим первому тегу img, но получается, что свойства применяются и ко второму тегу img, выделенному ниже. Как можно выбрать только первый тег img?

В руководстве написано "before наследует стиль от элемента, к которому он добавляется." То есть это не подразумевает заимствования размеров...

Фундаментальные(сплошные) шапка и подвал в совокупности с кодерскими картинками создают образ закрытого сайта для узких посвященных, "вещь в себе", разобраться в котором могут только гениальные программисты Я бы отталкивался от голубых и зеленых оттенков в оформлении с минимальным использованием бежево-золотых цветов.

Благодарю. Для закрепления урока задам пару вопросов: 1. свойство display:inline-block; для div используется, чтобы рамка обхватывала изображение, а не расходилась по ширине окна? 2. почему псевдоэлемент работает только с указанием его позиционирования, причем отрицательного: position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; ? Кстати всё работает без свойства display:block; у тега img...

Здравствуйте. Задался целью получить такие картинки: то есть имеющие скругления плюс градиентный переход к прозрачности( в моем случае фон белый) либо к белому цвету. Скажите, есть ли какие средства в HTML+CSS для получения подобной растушевки со скруглением одновременно? С уважением и благодарностью

Что такое ПЭ?

Здравствуйте Есть задача вдоль рамки по внешнюю сторону от неё пустить орнамент на подобии такого: Посоветуйте, какое может быть решение? Благодарю

а так чтобы взять текущий размер h1? не смотря сколько конкретно он сейчас в px? Наверно надо от em плясать.

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

Здравствуйте. Возникла такая необходимость. Это возможно с помощью CSS? разобрался - letter-spacing

Здравствуйте! Накидал рыбу сайта для 3-х колонок использовал width:33.3% Добавил border, padding в них. В итоге последняя колонка не поместилась и встала ниже первых. Скажите, есть такой способ, чтобы указывать ширину в %-ах, прописывать нужные border, padding, margin и в итоге получать все три колонки в одной строке? например, решение, при котором ширина содержимого diva рассчитывалась автоматически после учёта вышеотмеченных параметров.

Вот это дасики Не понятно только со вторым случаем, где используется inline-block. В мануале указано на его обтекаемость другими элементами страницы, плюс то, что внутри он оформляется как блочный элемент. Последнее и заставляет браузер после div с классом ramka прекращать рисовать чёрный фон diva ramka_outer. Странно. По моему пониманию, должен происходить переход на новую строку после окончания вложенного дива ramka, что не должно влиять на ширину родительского дива.

Добрый вечер. Появилась задача сделать такую кайму по периметру всего содержимого сайта: Это три borderа в трёх вложенных блоках?

Благодарю, за просвещение. Остался один вопрос. При приближении верхняя картинка фона ползёт влево: Что это за феномен такой? сайт

Заработало в IE9 и других как только радиусы перенёс выше, в div "sidebar" и добавил overflow:hidden там же, дабы градиент не вылазил за скругления .sidebartopcorners вообще удалил.

Сделал я по твоему совету. Вот результат в Firefox: А в IE скругления так и не появились. Что ж делать то?

Что-то я видимо не учёл. У меня текст, несмотря на padding подходит впритык к правому краю и верхние углы заголовка не скругляются не смотря на border-radius: Подскажите, где я недопонял: <div class="sidebar"> <!--блок опроса--> <div class="sidebartopcorners"> <div class="sidebarheader"> <h4>Опрос</h4> </div> </div> <div class="sidebarbody"> <p class="center">Какой товар Вам больше нравится?</p> <ul> <li>товар1</li> <li>товар2</li> <li>товар3</li> </ul> </div> </div> ............................................................................... .sidebar{ margin:5px 0 7px 0; float:right; width: 265px; background: #fff; box-shadow: 0 1px 5px 0px #444;/* Каноническое задание */ -webkit-box-shadow: 0 1px 5px 0px #444; /* Safari, Chrome */ -moz-box-shadow: 0 1px 5px 0px #444; } sidebartopcorners{ width:100%; border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border--radius: 5px 5px 0 0; } .sidebarheader{ width:100%; height:25px; text-align:center; filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdf5da', endColorstr='#f1d574',GradientType=0 ); /* IE6-9 */ background: -webkit-gradient(linear, left top, left bottom, from(#fdf5da), to(#feedb5)); /* for webkit browsers */ background: -webkit-linear-gradient(top, #fdf5da, #f1d574); background: -moz-linear-gradient(top, #f1d574, #fdf5da); /* for firefox 3.6+ */ background: -o-linear-gradient(top, #fdf5da, #f1d574); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fdf5da, #f1d574); /* IE10 */ background: linear-gradient(top, #fdf5da, #f1d574); /* CSS3 */ } .sidebarbody{ width:251px; border: #f1d574 2px solid; border-top: none; padding: 5px; overflow:hidden; } .sidebarbody ul{ text-align:center; } .sidebarbody ul li{ text-align:center; list-style: none; }

Благодарю, сработало, правда только в определённом диве. У меня вот такая капуста их <div id="maincontent"> <div class="roundedCorners"> <div class="gradient"> <div class="center"> И только в center это свойство сработало. Почему?.. Не понятно главное. Это хак какой-то с overflow? В справочнике CSS по поводу hidden написано, что он скрывает всё выходящее за рамки элемента, а тут у меня даже не доходило до границ.

.content {overflow: hidden;} все другие значения перепробовал и даже убрал - по прежнему все. Может ещё раз взгляните, код изменился немного благодаря Searcher и моим осмыслениям. Либо опишите, что говорят духи Моя ссылка Благодарю

не смотря на то, что стоит repeat-x при масштабировании картинка бэкграунда прыгает на 1px вверх, а освободившийся нижний пиксель заполняется верхним пикселом картинки (в вашем случае - черным) т.е. как бы пытается repeat-y отрисовать для 1px. Проверил путем подстановки картинки с красным верхом и синим низом, полоска стала красной. Можно добавить в верх картинки 1px полоску с самой нижней ее части и позиционировать background: url(images/bg2.jpg) repeat-x 0 -1px; НО это извращенный перфекционизм. Я бы забил и не парился. Хорошие у вас знакомые в лесу. Познакомите? Благодарю. А на счёт градиента в основной области. Почему он не донизу идёт?

Ну как бы фоновое изображение контейнер не растягивает... Блочный элемент сам по себе растягивается на всю ширину. Благодарю за комментарии. А как на счёт стыка, откуда он в Хроме 14 и лишь на определённом масштабе? Кстати, такое ощущение, что градиент контента заканчивается после первой строчки размноженной фоновой картинки bg.jpg. Первой строчки после строчки размножения градиентной шапки bg2.jpg

Да. Вот CSS: font-family: 'GOSTtypeBRegular'; src: url('fonts/gost_b-webfont.eot'); src: url('fonts/gost_b-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/gost_b-webfont.woff') format('woff'), url('fonts/gost_b-webfont.ttf') format('truetype'), url('fonts/gost_b-webfont.svg#GOSTtypeBRegular') format('svg'); font-weight: normal; font-style: normal; Вот список шрифтов в папке:

А зачем высоту указывать? на счёт width - сам не знаю, видимо хотел, чтобы фон был везде. Сам код можно здесь посмотреть. Страница пока в IE только нормально смотрится, не знаю пока почему