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
29,542 questions in this forum
-
Как избавиться от текста при открытии альбомов
Доброго времени суток господа. Сразу к проблеме. Делаю сайт на WordPress(в этом деле новичок), сделал страницу с альбомами. Вот картинка1 http://storage7.static.itmages.ru/i/12/1213/h_1355393914_5363237_304c0296cd.jpeg Когда открываешь любой альбом, текст, который был на предыдущей странице остается и на странице с открытым альбомом. Вот картинка2 http://storage8.static.itmages.ru/i/12/1213/h_1355394207_7097945_911d2de442.jpeg Как вы уже догадались хотелось бы избавиться от лишнего текста при открытии альбомов. Заранее спасибо. CatInTheBread,
0 votes0 answers -
Какому Firefox верить?
Доброе утро. Здравствуйте. Тестирую сайт в Firefox 11, который есть в Adobe browser lab и на моей машине. Adobe BL показывает красные заголовки по русски: FF на моей машине показывает красные заголовки кракозябрами: Кому верить? Может у вас стоит FF11 - проверите?
0 votes6 answers -
Не могу выровнять меню
Подскажите пожалуйста, как менюшку сдвинуть в левую сторону? И еще, при уменьшении размера окна съезжает поиск. Эти проблемы в мозиле не видны. А вот в гуглхроме и опере, отображено криво. вот сайт http://mirfailov.net/ вот код стилей. /*—Menu—*/ .darkbg { background: #000099 url("../images/colorbg.png"); } #menubar { padding: 0 12px; height: 50px; border-top: 1px solid #646c74; background: url("../images/populshd.png") no-repeat 50% 0; } #menubar .lcol, #menubar .lcol ul, #menubar .lcol ul li, #menubar .lcol ul a { float: left; } #menubar .lcol { overflow: hidden; height: 50px; } #menubar .lcol ul { font-size: 1.15em; line-height: 49px; margin-left: -2px…
0 votes4 answers -
Head залазит в body
Здравствуйте! с проблемой сталкиваюсь уже во второй раз, но решить не могу. Делаю сайт на cms opencart, там MVC. Редактирую шаблоны страниц. И вот у одной страницы после редактирования в один момент появился странный отступ, смотрю через инспектор, а там стоит несколько пробелов " " в начале страницы и содержимое тега head переместилось в body, а в самом head'e ничего нет. Пробовал возвращать исходный tpl шаблон, но не помогает. Может быть, кто-нибудь сталкивался?
0 votes1 answer -
категории и статьи
Всем привет. Возможно, мой вопрос решается очень просто. Но я не могу сформулировать правильный запрос, чтобы решить свою проблему. А вот и она. Имеется меню, состоящее из категорий (1,2,3,4,5). И имеется некий набор статей, скажем 10, по 2 на каждую категорию. Хочу сделать следующее: на главной странице отображаются все статьи списком. При выборе определенной категории на странице остаются статьи только для этой категории, при этом страница не перезагружается или не уходит на новую. Это возможно при помощи инструментов HTML? Или же это javascript и базы данных? пока так: в меню категории - это ссылки, статьи определены тегом <article> подскажите хотя бы где подгля…
0 votes3 answers -
Растянуть шрифт по вертикали возможно?
Здравствуйте. Не нашел в справочнике свойства, позволяющего растянуть вертикально шрифт. Пробовал сжать по горизонтали и затем увеличить размер шрифта, но это не дает нужного результата. Можно как-то растянуть шрифт по вертикали?
0 votes2 answers -
баг в ie8 с table-cell и шириной
Добрый день у меня есть список товаров, картинку в превью нужно выровнить по вертикали и горизонтали для этого я применила метод с table cell, вроде везде все нормально кроме ie 8 почемуто ширина элемента с классом b-product__img-link больше чем положено, даже в ie 7 все хорошо но там хак применялся, посмотреть можно тут, в самом низу в блоке Товары из этой серии еще вот какое примечание на странице каталога я использовала тот же метод но там все отлично работает как это можно исправить?
0 votes5 answers -
не прописывает background
Здравствуйте. Столкнулся с такой проблемой - не прописыввется background с фоновым изображением. диву присваиваю (background: url("../image/lupa.png") no repeat;) выводит без фона, причем в Firebug отсутствует эта строчка с бэкграундом!!! Все остальное есть, а этой строки нет! Как так, в коде строка есть, а Файрбаг показывает что нету! Я в шоке, первый раз такое вижу. Как выводит: Firebug: Код:
0 votes4 answers -
Как скрыть автообновление страницы?
Есть ли возможность в коде страницы сказать браузеру чтобы он не дергался при обновлении? Вот так: Дело в том что я скриптом обновляю часть страницы (чат), и не хочу чтобы это было заметно.
0 votes4 answers -
Странное поведение тега IMG
Тег <img> по умолчанию строчно-блочный (display: inline-block) Я прописываю картинку в этом теге так: <img src="ololo.png"> Потом в стилях прописываю ему что-то типа: padding: 20px; background-color: red; И что же я вижу...из под самой картинки на 20 пикселей с каждой стороны (мой паддинг) выглядывает красный цвет. Т.е. такое впечатление, что для самой картинки backgound-clip в значении content-box, а для цвета (background-color: red) в значении padding-box. Кстати, манипуляция со значениями backgound-clip и backgound-origin в теге <img> абсолютно ни к чему не приводит. В любых других элементах (строчно-блочных и блочных. В таблицах и строчных элементах…
0 votes2 answers -
Css em triangle и еще 1 вопрос
Добрый день Сделал флажок с помощью :after ?<div class="flag-header"><a href="#">eeeee</a></div>? body { font-size: 100%; } .flag-header { font-size: 1em; font-weight: bold; background: green; color: black; padding: .75em 4em .5em 2em; display: inline-block; *display: inline; zoom: 1; position: relative; overflow: hidden; } .flag-header a { color: black; font-weight: bold; } .flag-header:after { content: ""; position: absolute; right: 0; margin-top: -.6em; border-right: 1.2em solid #fff; border-top: 1.2em solid transparent; border-bottom: 1.2em solid transparent; border-left: 0; width: 0; height: 0; } При увеличении размера шриф…
0 votes2 answers -
верстка баннера
Здравствуйте. Осваиваю фреймворк Bootstrap и возникли некоторые сложности. Необходимо чтобы над горизонтальным меню был баннер такой же шириной как и меню. <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Пример Bootstap</title> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link href="css/bootstrap.css" rel="stylesheet"> <link href="css/bootstrap-responsive.css" rel="stylesheet"> <link href="css/style.css" rel="stylesheet"> </head> <body> <div class="container"> <div class="row-fluid"> <div class="span11"> <div class="banner"&…
0 votes5 answers -
Помогите с версткой горизонтального меню
Всех приветствую, возникла проблема с версткой горизонтального меню, необходимо что бы верхняя граница всплывающего меню была под названием пункта и перекрывала текст под ним. Вот код <!DOCTYPE html> <html> <head> <style> body{ background:#6da1da; width:800px; } .padding{ padding-top:10px !important; } #menu { padding: 0; margin: 0; font-size: 100%; font-family: Georgia; display: block; } #menu li { z-indtx:22; display: block; list-style: none; float: left; padding: 0; margin: 0; width: 150px; text-align: center; text-shadow:0 0 15px #fff,0 0 15px #fff; position: relative; padding-top: 12px; } #menu li ul { list-style: none; pa…
0 votes2 answers -
верстка chrome с изменением размера браузера
Сделал простую табличку , в свойствах поставил width = 100% Заполнил несколько строк Но возникает проблема, если в ячейку записываю слишком длинный текст. то при разрешении экрана 320 х 480 уменьшается размер таблицы всей.(и размер этого текста уменьшается, но он вроде засовывается весь), как лучше сделать так, чтобы табличка не уменьшалась.
0 votes1 answer -
Проблема в скрипте?
http://epicforever.ru/index2.php 3-я новость сверху, там что-то типа блогов. Используется скрипт http://masonry.desandro.com/demos/basic-multi-column.html При обновлении иногда работает нормально, то есть как должно, а иногда не очень, и элементы начинают заезжать друг на друга. Не пойму чо за косяк, есть предположения, что скрипт не успевает прогрузиться.
0 votes2 answers -
Помогите с версткой в html
Занялся изучением хтмл и вот для примера решил темку поковырять. Встал перед просто нерешаемой для меня загадкой. Хочу увеличить размер вот этой серой полоски где лого lookinggood. в 2 раза примерно. И ничего не выходит. Весь день убил, а результатов нету. Она просто издевательски либо висит своим размером либо не изменяется. Помогите добрым советом, плз! ТУТ архивчик с этим нехорошим хтмлом и файлом стилей.
0 votes1 answer -
Не срабатывает класс ссылки
Имеется страница, на которой размещен блок отзывов. У блока реализована постраничная листалка. <div id="response"> <div id="response-box"> какой-то текст </div> <div id="response-p"> <a class="active">1</a><a>2</a><a>3</a><a>4</a><a>5</a> </div> </div><!-- response --> К активной ссылке должен применяться такой же стиль как и к hover, но что-то не срабатывает #response-p a:hover,#response-p.active a{ height: 27px; min-height: 27px; width: 15px; color: #FFF; background: url(resp_a.png) no-repeat top left; text-decoration:none; } #…
0 votes2 answers -
Проблемма с блоками в опере
Подскажите, как решить данную проблемму. Блоки в опере почему-то отображаются с промежутком в 1px, причем в других браузерах все нормально, суть в том что должно быть два блока, правый и центральный, но промежутка быть не должно. Скриншот ниже. Спасибо В CSS ничего такого вроде нету..
0 votes5 answers -
Ie не поддержал градиент кнопки
Делаю кнопку с градиентом,казалось бы просто,но опера градиент не отображает!я так поняла у оперы проблемы с градиентом,но и IE 9 градиент не отобразил,хотя я вставила фильтр специально для IE. Во всех остальных браузерах проблем с отображением градиента у меня не возникло в данном примере.Что я делаю не так,подскажите,пожалуйста. Мой код здесь http://jsfiddle.net/eleonore/faVkX/
0 votes9 answers -
Два разных ol li ul li на одной странице
Здравствуйте есть одна страница на которую нужно вывести 2 разных списка пример: <ol> <li>1 <ul> <li>2</li></ul></li> <li>3</li> </ol> <ol> <li>1 <ul> <li>2</li></ul></li> <li>3</li> </ol> css файл ol { color:blue; } // этот цвет применяется для ol li + ol li ul li в обоих списках Вопрос. Хочу чтобы во втором списке color для ol li + ol li ul li был red, т.е. в первой пусть будет blue а во второй red На самом деле все намного сложнее. На сайте меню, такое выкидное (многоуровневое), а тут потребовалось сделать на странице м…
0 votes5 answers -
как заставить элементы видеть друг друга
брат художник подкинул идейку для интересного эффекта "трансформации", но поскольку скил в JS слабоват, не могу понять каким образом можно обратиться с условием к элементу, что если их контуры пересекаются в процессе параллакса, то они меняют цвет, а их логическая разность сохраняет исходный цвет. собственно параллакс запилил довольно быстро (хотя и пока схематично): http://codepen.io/stDragon/full/mbFjz а вот с инверсией цвета встрял на месте. вот так должно (схемотично) выглядеть https://docs.google.com/open?id=0BzoXOi2obvx_d0F1Zk9vdmFmeDg подскажите пожалуйста в какую сторону копать (предполагаю что canvas), какими элементами оперировать чтобы это реализовать. Если ски…
0 votes2 answers -
Проблемы Сервер Denwer...
Установил сервер Denwer, запускаю, прописываю localhost, не выдает страницы показывающей что сервер работает, в окне сервера идет отчет времени назад, 30 секунд и он закрывается, в чем проблема, кто подскажет? Заранее спасибо... PS мультипостинг не приветствуется на данном форуме.
0 votes10 answers -
Область с прокруткой и выходящие за её пределы элементы
Задача: есть список, который прокручивается в определённой области. По наведению на элементы этого списка всплывают подсказки. Подсказки асолютно позиционированы и выходят за пределы того элемента, над которым всплывают. Список прокручивается в области с overflow:auto. Естественно, что и подсказки не могут выйти за пределы области, в которой прокручивается список, хотя на крайних элементах это нужно. Как правильнее поступить в этой ситуации?
0 votes5 answers -
Централизация текста
http://itmages.ru/image/view/795545/de7cf25f как поднять текст выше? <div class="contenttext"> <img src="images/ico/yad.png">Яндекс деньги<br> </div> .contenttext { font-family: 'Times New Roman'; font-size: 12pt; padding: 12px; margin-left: 15px; margin-right: 15px }
0 votes4 answers -
2 бордера или как иначе?
Доброго времени суток. Возникла такая проблема: <div class="block"> <h2>Заголовок</h2> <p>текст абзаца 1</p> <p>текст абзаца 2</p> </div> <style> .block{ width:200px; } .block h2{ border-bottom: 1px black; } </style> мне нужно что бы тег "p" разделялся между собой белой полоской, кроме того все теги "p" должны находиться в одной единой рамке. <style> .block p{ border: 1px white; } </style> не катит, поскольку между тегами рамка получается 2px. весь <div class="block"></div> в рамку тоже не могу взять, по сколько заголовок <h2>Заголовок</h2> попадает в эту рамку. Пробл…
0 votes4 answers