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
-
Выборочное изменение фона
<a href=""><img src="image.jpg"><span>read more</span></a>a{width:100%;height:auto}img{width:100%;height:auto;}span{position:absolute;right:10px;bottom:10px;width:100px;height:100px;background:url("img.jpg") 0 top;}a:hover span{background-position:0 bottom;}Конструкция,конечно,упрощенная,но должно быть понятно.При наведении на span должен меняться ее фон,но в реале он меняется при наведении вообще на всю область ссылки.Раньше картинка была фоном ссылки,но я сделал ее img,потому что нужна резиновая верстка.Не хочется двойные ссылки делать,потому что потом будет много мороки.
0 votes4 answers -
Подскажите, пожалуйста, как привязать Easing эффекты на dropdown-menu?
Подскажите, пожалуйста, как привязать Easing эффекты на dropdown-menu? Меню на основе http://geedmo.github.io/yamm3/
0 votes0 answers -
Адаптивная верстка
Здравствуйте. У меня проблемы с адаптивной версткой, а точнее с пониманием того, что должно происходить при изменении размеров. К примеру, есть такой код https://jsfiddle.net/o2e1fwyq/Я так понимаю, в определенный момент фото должно быть на одной строке, а текст опуститься ниже. При какой ширине окна это должно происходить, на глаз определять? И второе, верстаю флексбоксом не до конца понимая, как он работает. Почему фото имеет какую-то рандомную ширину? Как она определяется в текущий момент?
0 votes2 answers -
Скрипт
Здраствуйте, хотел спросить на каком скрипте лучше реализовать вот такое http://s2.itrash.ru/idb/5a71bd1ad806e5bf41b53a989e132113/oBezymyannyj1.png
0 votes3 answers -
Плавающий блок не хочет плавать
Вот такая у меня проблема, здесь блок, который идет после блоков с контактами, вроде как должен быть плавающим и прижатся в правый верхний угол, но вместо этого сидит абсолютно не там. Помогите пожалуйста. Заранее благодарен
0 votes2 answers -
кнопка button
Объясните почему везде ,кроме хрома ,неправильное отображение?? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <style> *{padding:0;margin:0} a{display:block;width:100px;color:white; height:40px; text-align:center;} .but:active{background:red;} .but{background:blue;} button{margin-left:20px; /* display:inline-block;*display:inline;zoom:1; */} </style> </head> <body> <button>&…
0 votes1 answer -
шрифты кроссбраузерно ?!
Доброго времени суток! Помогите пожалуйста разобраться со шрифтами, никак не могу побороть ( вот здесь пример: пример Задаю шрифт: font-size: 12px; line-height: 15px; font-family: "Georgia", serif; Но почему-то в разных браузерах он растягивается по разному ... вот: Скажите почему ? и как можно это победить ? Спасибо большое!
0 votes2 answers -
А можно ли
можно ли с помощью html ну или js сделать так чтобы при наведении на блок его картинка проматывалась вниз но делалось это плавно.
0 votes1 answer -
Изображение ниже активного элемента меню
Нужно чтобы ниже активного элемента меню появлялось изображение (полукруг). Удалось сделать его только фоном активного элемента (т.е. под текстом): ul.hmenu a.active .t { background-image: url('images/id.png'); background-repeat: no-repeat; background-position: top center; /* для моей задачи правильнее конечно bottom center */ padding-top: 0px; } При попытке смещения вниз изображение тупо обрезается. Понимаю, что нужно либо как-то увеличивать высоту пункта меню чтобы при смещении фоновое изображение не обрезалось (но при этом запретить перенос слов), либо вообще отображать изображение в качестве отдельного блока, расположение которого будет привязано к активному …
0 votes4 answers -
Как сделать CSS файлы независимыми
Здравствуйте! У меня главная страница (index.php) и которую при помощи include я вставляю другой файл. У обоих файлов есть файл стиле. После того как добавляю файл начинаются проблемы на странице так как в стилях есть одинаковые теги с разными значениями. Можно ли как-то сделать чтобы они не конфликтовали. Чтобы файл стилей прикрепленного файла относился только к той части в которой используется заинклюденный файл, а всё страницу не затрагивал. Знаю один только выход: прописать тегам классы или идентификаторы. Хотелось бы узнать, может есть какой-либо ещё способ? Заранее благодарен.
0 votes0 answers -
горизоньальное меню на ul
как из этого сделать меню на ul li? <ul id="nav"> <li><a href="#">Раз</a></li> <li class="active"><a href="#">Два</a></li> <li><a href="#">Три</a></li> <li><a href="#">Четыре</a></li> </ul> требования: рассредотачивание пунктов по ширине страницы фон из желтых картинок появляется только когда :hover или при .active делаю через before и afrer, не могу сопоставить картинки по вертикали( получается только с точными значениями типа 12px, но если изменить размер шрифта, то картинки опять сбиваются кто вверх кто вниз. это должно быть не сложно! не могу на…
0 votes5 answers -
Отображение категорий при наведении
Здравствуйте, подскажите как сделать, чтобы поле категорий появлялось только при наведении курсора? HTML: <div class="main-news-hidden">{link-category}</div> CSS: .main-news-hidden { font-size: 11px; color: #fff; position: absolute; background: red; } .main-news-hidden a { color: #fff; } .main-news-hidden a:hover { text-decoration: underline; }
0 votes2 answers -
Как правильно?
Доброго времени суток! У меня вопрос: Правильно ли я позиционирую блоки и элементы страницы? Позиционирую с помощью margin и float. Правильно ли это? Может надо использовать другие свойства CSS? Для примера: Ack
0 votes1 answer -
Как сделать чтобы меню стало фиксированным когда уперлось в верх страницы.
живой пример на: http://www.lookatme.ru/
0 votes2 answers -
Проблема с border-radius в IE
При установке патча pie.htc проблема с отображением "border-radius" в IE исчезла везде, - кроме главной странице, где отображаются спец-предложения. Не как не хочет отображаться как следует. На сайте faksal[точка].ru можете посмотреть подробно! Подскажите в чем проблема? p.s код стиля: .totalPrice { border-color:#a3620a; background:#f9800f; background:-moz-linear-gradient(top,#ff9a22 0,#f46e01 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#ff9a22),color-stop(100%,#f46e01)); background:-webkit-linear-gradient(top,#ff9a22 0,#f46e01 100%); background:-o-linear-gradient(top,#ff9a22 0,#f46e01 100%); background:-ms-linear-gradient…
0 votes1 answer -
Как пересилить браузерные шрифты?
Здравствуйте. Пытаюсь на лету подправить код загруженной страницы в "инструментах разработчика" Хром. Ширину таблицы получилось уменьшить, а вот уменьшить шрифт текста в таблице и установить его равным 12пикс. нет. В чем моя ошибка? Взгляните пожалуйста на принтскрин. Видно, что используются некие браузерные стили:
0 votes1 answer -
Про приоритет.
Зачем к одному и тому же свойству, придавать несколько значений? Зачем так верстать? <style type="text/css"> .one { color: red; /* красный текст */ } .one { color: green; /* зеленый текст */ } .two { color: red !important; /* красный текст с приоритетом */ } .two { color: green; /* зеленый текст */ } </style>
0 votes2 answers -
макет для блога
Ищу одноколочный psd макет для блога с комментариями, админкой. Поделитесь пожалуйста.
0 votes0 answers -
bootstrap: переход для 480
помогите пожалуйста решить проблему есть страничка, содержащая 2 блока, расположеных горизонтально. на экранах очень малой ширины эти блоки должны располагаться вертикально для наглядности на страничке определённый цвет фона соответствует определённой ширине экрана. белый фон это интересующая меня малая ширина
0 votes1 answer -
Правильно ли сделана предварительная загрузка изображений?
Я применил вот такой цикл предварительной загрузки изображений. Т.е. each проходит по всем изображениям получает их src адрес, и загружает её в переменной att. После при клике должна без загрузки появится большая версия картинки. Я всё правильно сделал? на практике всё работает без зависаний. $('.wrapper img').each(function(){ var att =$(this).attr('src'); var qwe = /(\.\w{3,4}$)/; att=att.replace(qwe,'_q.jpg'); var newI= $('<img src="'+att+'">'); $(this).click(function(){ $('.light img').attr('src',att); });
0 votes0 answers -
2-ая ячейка вышла за полюс
У меня таблица шириной 910 пикселей, проблема в том что, во 2-ой строке, 2-ая ячейка вышла за 910 пикселей,что делать? <!DOCTYPE HTML PUBLIC "-//W3c//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head><title>Видео</title> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> .marginpadding{margin:0px; padding:0px;} .bordur{border:1px solid black;} .menubordur {border: #000 solid 1px; border-top:0;} .d img{display:block; } </style> </head> <body class="marginpadding"> <!-- ШАПКА --> <table width="910px" class="bordur" al…
0 votes0 answers -
Хак для браузеров
Хотел спросить, кто знает для каких браузеров даный хак //свойство: значение;
0 votes1 answer -
Вопрос по таблицам
Добрый день. Возникла такая проблема - есть таблица, нужно чтоб третья строга растягивалась по вертикале, а вместо нее сейчас растягивается четвертая Вот как оно выглядит сейчас _http://glazz.ukrnic.com/index.html вот код таблицы: <table cellpadding="0" cellspacing="0" class="mainT" border="1"> <tr> <td><img src="bg1.jpg" /></td> <td><img src="bg2.jpg" /></td> <tdclass="bg1"> </td> <td><img src="bg4.jpg" /></td> <td><img src="bg5.jpg" /></td> </tr> <tr> <td><img src="bg6.jp…
0 votes2 answers -
подвал уползает вниз
помогите пожалуйста решить проблему с подвалом. на этой страничке при небольшом количестве текста в колонках подвал располагается ниже уровня экрана. при большом количестве текста это не критично. у меня не получается сделать так чтобы при небольшом количестве текста подвал был прижат к нижней части экрана в пределах видимости. приём с footer correct не помогает в моем случае
0 votes2 answers -
Помогите выравнить блоки по центру
Помогите выравнить блоки по центру <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <style type="text/css"> A.S1 { display: block; position: absolute; top: 0px; width: 200px; height: 30px; } A.S1:hover { background: #888888; } #t1 { display: block; position: absolute; text-align: center; top: 10px; width: 200px; height: 30px; } #t2 { display: block; position: absolute; text-align: center; top: 40px; width: 200px; height: 30px; } .p1 { line-height: 2; text-align: left; font-size: 11pt; color: #ffffff; font-weight: bolder; margin-left: 20px; } A { text-decoration: none; } </style>…
0 votes2 answers