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 id="slider"> <div class="slider_prev"></div> <div class="slider_body"></div> <div class="slider_next"></div> </div> #slider { width:100%; clear:both; } .slider_prev { float:left; width:37px; height:157px; background-image: url('../images/slider_prev.gif'); } .slider_body { margin:0 auto; width:1005px; height:300px; background:#000; } .slider_next { float:right; width:37px; height:157px; background-image: url('../images/slider_next.gif'); } Необходимо выровнить .slider_prev по левому краю, .slider_body по центру, .slider_next п…
0 votes1 answer -
Реализация БЭМ на XML+XSLT
Всем привет! И с Новым годом! Нашел тут статейку о реализации БЭМ с помощью xml+xslt. Собственно, вот и она — http://kovchiy.livej....com/70902.html (жж последние дни жутко тормозит, так что страница может очень долго открываться). Заинтересовала меня эта тема, и я решил разобраться-покопаться в этом xslt. В итоге, потратил целый день, а ничего так и не получилось. Вот результат моих мучений — http://pastebin.com/K0hqvfw9 Вроде всё логично, опечаток нету, xslt-процессор ошибок не выдает, но и браузеры тоже ничего не выводят. Консольный xslt-процессор выводит только доктайп. Ребята, если кто разбирается в xslt, помогите найти ошибку. Upd. Фухх...наконец-таки сделал. Если к…
0 votes0 answers -
Помогите с отступами...
Люди..я совсем запутался..первый раз такая проблемма..До этого верстал и ничего подобного не было. Вот html код: <div id="wrapper"> <div id="logo"></div> </div> Вот css: html, body { margin: 0px; padding: 0px; position: relative; height: 100% } body { height: 100%; width: 1100px; padding: 0 0; margin: 0 auto; } #wrapper { display: block; position: relative; text-align:left; margin: 0 auto; width: 1000px; height: 100%; background: #ffffff url(../image/bg.jpg) no-repeat 0 0; } #logo { display: block; position: relative; background-image: url(../image/lady.png); width: 294px; height: 73px; margin: …
0 votes3 answers -
Опять прибиваем подвал...
Помогите, пожалуйста. Уже всё перепробовал. Ничего не помогает..или это у меня просто руки кривые. http://test-dion.p.ht/
0 votes0 answers -
плохо отображается шрифт на разных платформах
Привет, такой вопрос На сайте sherwood62.ru в заголовках применяется шрифт Cuprum через font-face (берётся с сервера). Проблема: на WIndows xp заголовки отображаюся коряво, браузер или Chrome или Firefox, возможности протестировать нет. Как будто шрифт "обгрызен". Можете посмотреть в разных браузерах на разных платформах? И как это исправить.
0 votes1 answer -
макет для блога
Ищу одноколочный psd макет для блога с комментариями, админкой. Поделитесь пожалуйста.
0 votes0 answers -
Слайдер
Подскажите, какой слайдер здесь установлен http://193.151.13.67/catalog/?
0 votes1 answer -
Флеш баннер для андроида
Здравствуйте, подскажите пожалуйста...Есть сайт с таким то адресом http://svtihon.ru/ на нём установлен флеш баннер в левом ферхнем углу. Создан в программе макромедия флеш 6.0 и всё бы ничего, на всех браузерах всё показывает. НО! запустил планшет (андроид 4) и кароче капец. Не видит, тока значок, показывающий бессилие браузера вместо картинки....Кто может что посоветовать? подскажите пожалуйста, файл .swf. Гифку ставить неохото уж больно много весит, аж в три раза толще Спасибо
0 votes4 answers -
Фотошоп
Хочу сохранить главный фон из макета, и изображение делится на много частей Как сохранить всё целиком, что бы не разрезалось?
0 votes2 answers -
Не правильный путь к файлу
Понимаю, что задаю очень глупый вопрос, но я не могу его решить. На сайте есть div с background-image. Путь к файлу прописан в style.css (css файл лежит в отельной папке "сss") и он таков: img/slide.png. К сожалению картинка не отображается, но если просто скопировать картинку в папку css, где лежит файл style.css и изменить путь на: slide.png, то картинка отобразится. Помогите, пожалуйста.
0 votes2 answers -
Выборочное изменение фона
<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 -
Семантическая разметка Schema
Привет, друзья. Решил на сайт внести семантическую разметку Schema.org для организации (название и контакты). Вопрос: нужно ли ее дублировать на каждой странице (в подвале, в моем случае). Спасибо
0 votes1 answer -
Правый контейнер падает
Привет. Как сделать, чтобы правый контейнер не падал? Если текст в одну строку, то все в порядке, а если 2 и больше, то падает. Или проще сделать через table? CSS: .tdm {width: auto; font-size: 13px; padding-right: 15px;} .type-of-material {width: 100%; height: 85px; background: #620; margin: 10px 0 0 0;} .type-of-material-cover {width: 116px; height: 85px; background: #fff; float: left;} .type-of-material-info {width: 100%; background: #904; float: right;}HTML: <div class="tdm"> <div class="type-of-material"> <div class="type-of-material-cover"></div> <div class="type-of-material-info"> 51-я пех…
0 votes2 answers -
Проблемы с position: absolute
Я блоку block-accordion поставил position: relative, а блоку main-item-accordion positiotn:absolute. И почему-то блок прижался не к block-accordion, а к body http://codepen.io/anon/pen/Yqabej Сделал тот-же самый код и работает http://codepen.io/anon/pen/greJjE ничего не понимаю
0 votes2 answers -
Позиционирование слоев в HTML.
Ребята, как спозиционировать картинку айфона, чтобы была как на макете ( нижняя часть телефона была спрятана за фон и верх чуть отталкивался от фона ) ? Взял бутстраповскую карусель. Скрины макета и того, что получается кинул в описании. Все верстал блоками.
0 votes1 answer -
Хак для браузеров
Хотел спросить, кто знает для каких браузеров даный хак //свойство: значение;
0 votes1 answer -
Нарезка шаблона
Добрый день, я новичок как бы, и почти в каждом шаблоне замечаю что шаблон нарезан. Подскажите по какому принципу это делается и для чего? Порою (как в примере) режется совершенно странным образом. не могу понять смысла. PS верстаю по слоям, сохраняю слой и после уже использую, быть может я что то не так делаю?
0 votes2 answers -
Помогите сделать три DIV блока
Здравствуйте. Хочу решить задачу, решение которой вижу в табличном варианте: таблица из трёх колонок (первая 540px, вторая 200px, третья 200px) Как реализовать через DIV блочную вёрстку? Заранее очень благодарен.
0 votes1 answer -
Полный бекап сайта
Скажите пожалуйста, как на DLE сделать полный бекап сайта?
0 votes1 answer -
Вопрос по DIV верстке ...
Вот часть кода... #container { margin-top: 30px; display: block; border: 1px solid #CFCFCF; background-color: #FFFFFF; } #sidebar { width: 250px; float: right; background: #FF00FF; height: 500px; } #content { width: 648px; float: left; background: #0000FF; height: 400px; sidebar and content вложены в container. container отказывается расширятся по высоте этих блоков, на картинке он черного цвета... Чего подскажите?
0 votes2 answers -
Работа с фреймами
Подскажите как изменять высоту тега iframe в зависимости от загружаемого в него значения. Наткнулся на такой код в интернете <iframe src = "Photo.html" name = "photo" style = 'width: 79%;' frameborder = 1 marginheight = 0 onload = 'o=this.contentWindow.document.body; this.style.height = o.scrollHeight; this.style.height.= o.scrollHeight-o.clientHeight+offsetHeight'> </iframe> Не знаю что такое после onload, но не работает, может кто подскажет как решить проблему. И еще, можно ли как нибудь позиционировать текст внутри iframe, так что бы можно было задать отступ от правой границы фрейма тексту. З…
0 votes3 answers -
Вопрос по text-align
Есть меню содержащее инлайн-блоки, я их выравниваю с помощью text-align: justify; упрощенно <ul> <li></li> <li></li> ... <li></li> </ul> ul { text-align: justify; } li { display: inline-block; height: 100px; width: 100px; } Эти инлайн блоки имеют фиксированные размеры 100x100, в результате выглядит структура как таблица, кроме последней строки. Примерно так: xxx—xxx—xxx—xxx—xxx—xxx xxx—xxx—xxx—xxx—xxx—xxx xxx—xxx—xxx—xxx—xxx—xxx xxx—xxx—xxx—xxx—xxx—xxx xxx—--xxx—--xxx Вопрос: Как сделать чтобы последняя линия выглядела так?& xxx—xxx—xxx—xxx—xxx—xxx xxx—xxx—xxx—xxx—xxx—xxx xxx—xxx—xxx—xxx—xxx—xxx xxx—xxx—xxx—xxx—xx…
0 votes2 answers -
Кроссбраузерность
Ребят, подскажите, пожалуйста, почему при таком спане <span class="gray"><img style="position:absolute; margin-top:86px; z-index:1;" src="image/gray(small).png"></span> может свигаться картинка при отображении через Firefox и Chrome? В Opera и IE всё окей. Что касается класса gray: .gray{ margin-left:-319px; } Что вообще следует знать и учитывать, чтобы не сидеть на подобных проблемах?
0 votes1 answer -
Картинки списком внутри дива
Приветствую уважаемое сообщество! Я новичок в сайтостроении. Прошу помощи. Пытаюсь расположить картинки списком слева направо внутри div_а. Нужно вот что примерно: У меня почему-то фон дива только у заголовка. <div id="content"> <h1>Заголовок</h1> <ul id="shop"> <li><img src="shop.gif" width="150" height="50"><br> Картинка</li> <li><img src="shop.gif" width="150" height="50"><br> Картинка</li> <li><img src="shop.gif" width="150" height="50"><br> Картинка</li> <li><img src="shop.gif" width="150" height="50"><br> Картинка</li> <li><img src="sho…
0 votes4 answers -
Сдвинуть прокрутку вправо
http://impuls-forum.ru/ В модуле "Наши партнеры" - при нажатии на левую стрелку - изображения наезжают на нее. Как это исправить?
0 votes2 answers