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
-
docpad и пейджинг
Доброго времени суток. Подскажите, может есть специалисты по шаблонизатору docpad. Пытаюсь сделать пейджинг. Сам пейджинг выводится и вроде как правильно, но по переходу вылазит 404. Вот и не могу понять от чего так. http://altyncev.ru/posts Может кто, что подскажет. Все opensource https://github.com/npofopr/_altyncev Крутится на heroku.
0 votes0 answers -
@font-face в mozilla firefox
не работает вставленный шрифт в mozilla firefox @font-face { font-family: Taurus; src: url('/taurus.ttf'); } Во всех браузерах кроме Лисы все работает. Как заставить её нормально работать?
0 votes1 answer -
не работает background
есть код <section><img src="/cover/17.jpg" alt=""/> <ul> <li>Artcore</li> <li>Nastyfuckk</li> <li>Machinedrum</li> </ul> </section> Стиль article section { height: 186px; width: 186px; float: left; margin: 8px 0px 8px 16px; } article section img { height: 186px; width: 186px; margin: 0; padding: 0; } article section ul { height: 66px; background: black !important; z-index: 999; padding: 0; margin: -71px 0 0 0; width: 186px; } article section ul li { color: white; font-size: 11px; font-family: tahoma, …
0 votes1 answer -
Проблема с построением фона
Всем привет! Делаю вид новостей, столкнулся с проблемой..... такая структурка: <div style="margin-bottom:10px;"> <div style="width: 705px;height: 30px;background-image: url(http://s017.radikal.ru/i441/1301/fd/e6675f8585aa.png);background-repeat: no-repeat;"></div> <div style="width: 675px;background-image: url(http://s018.radikal.ru/i510/1301/c5/306147fcb3b6.png);background-repeat: repeat-y;padding:0px 15px 0px 15px;color:#383838;"> Название новости<br> <img src="#" width="200px" height="124" align="left" /> <div style=" float: left; width:460px; padding-left:5px;">Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пы…
0 votes2 answers -
jsfiddle
у меня с некоторых пор перестала работать псочница jsfiddle. после того как я открываю ссылку, получаю алерт " подтвердите на таком то адресе то, это". при этом 3 из 4 окон пустые скажите, вы тоже подобный глюк наблюдаете или я не настроил доступ?.. посоветуйте пожалуйста как исправить ситуацию
0 votes6 answers -
Странное поведение z-index
Сверстал попап http://jsfiddle.net/pbhAb/ Делаю так: затемняющая подложка <div class="popup_overlay"> и внутри нее сам попап <div class="popup"> В итоге, подложка, почему-то затемняет мой попап, но по логие это не возможно. У подложки z-index: 100, а у попапа z-index: 101. Если подложку и попап сделать элемнтами-соседями, то тогда всё в порядке <div class="popup_overlay"></div> <div class="popup"></div> 1) Почему это происходит? 2) Зачем вы поставили дефолтный скин ИПБ? Он ведь не торт(
0 votes1 answer -
Фреймы
Доброго времени суток всем! Я очень часто встречаю на сайтах фреймы но тут я вычитал что это не популярно и фреймы лучше не использовать из за их недостатков. Как на ваш взгляд фреймы стоит использовать или их лучше избегать?
0 votes4 answers -
Проблемы с фоном.
Необходимо совместить грандиент и картинку в одном на фоне body. Возможно ли это? И как?
0 votes1 answer -
[DLE] Проблема с shortstory.tpl
Начал делать shortstory.tpl, задавать вопрос "Как это вообще делается" не буду (хотя, если кто подскажет мануал, буду благодарен), но не суть, так вот Начал я с малого: <br> <br> [full-link]{title}[/full-link] <br> {favorites} [edit]abc[/edit] [day-news]{date}[/day-news] ot {author} <br> {link-category} {short-story} [edit-date] <br> {rating} ...и сразу столкнулся с проблемой: - все мои теги складируются внизу страницы. Буду очень благодарен ответившим.
0 votes0 answers -
Чтобы текст не исчезал после обновления страницы
Здравствуйте. Как сделать так, чтобы после обновления страницы текст, введенный в textarea или input, не исчезал? Это вообще возможно?
0 votes3 answers -
Как задать тень вокруг текста ссылки?
http://hostingkartinok.com/show-image.php?id=1531b1855ae14fa1fcb94bb2863129c6 Здесь то, что я получаю,добавляя тень к ссылке. А мне нужно,чтобы тень добавлялась непосредственно к тексту,а не выводилась в виде рамки вокруг ссылки. Такое возможно осуществить? Подскажите,пожалуйста. Мой код: ul.menu{ margin:20px 35px; padding:4px;} .menu li{display:inline; margin-right:30px; padding:4px; list-style:none;} .menu li a{text-decoration:none; font-family: 'Lobster', cursive;font-size:28px; font-weight:200; color:#FFFFFF; box-shadow:0 0 8px 0px #9B0000; -moz-box-shadow:0 0 8px 0px #9B0000; -o-box-shadow:3 5 6px #9B0000; -webkit-box-shadow:3 5 6px #9B0000; -ms-box-shadow:3 5 6px …
0 votes2 answers -
CSS3 и "угловая, ступенчатая" структура списка
Помогите, пожалуйста, с помощью CSS3 свойств сделать список углового, ступенчатого вида (одноименные элементы должны располагаться один под другим): a. A b. B c. C d. D c. C b. B a. A Я так понимаю, что здесь будут участвовать 3 списка: 1. Список из 3-х элементов, нумерация от "a" до "c". 2. Список из одного элемента "d". 3. Список из 3-х элементов с обратной нумерацией от "c" до "a". Обратную нумерацию могу для 3-го Списка сделать с помощью "counter-reset: reverse 4" и "counter-increment: reverse -1". Но КАК расположить ступеньками элементы всех этих 3-х списков?
0 votes6 answers -
Как сделать обтекание картинки текстом и победить перенос строки вниз?
Доброго времени суток! Вопрос простой, но поставил в тупик. Нуждаюсь в вашей помощи. Так нужно: http://cl.ly/Lxfv Как есть сейчас: http://codepen.io/joe/pen/AnuEF У меня два вопроса: 1 – Почему длинная строка переносится сразу после картинки? 2 – Каким образом "прилепить" оченьдлиннуюстроку вверх, обратно к остальному тексту? Спасибо! ps: Пробовал использовать wordwrap($string,'',true), но не смог придумать как определять ширину текста без моноширинного (ибо 40 символов в одном браузере это одно, а в другом уже другое). Пробовал шаманить с word-wrap, text-wrap и white-space, но, видимо, чего-то не понимаю ибо не удалось добиться адекватного результата.
0 votes5 answers -
Double border
Приветствую всех! Подскажите пожалуйста, необходимо сделать выдавленный div, для этого необходимо сделать двойной border. Написал border-top: solid 1px #fff; outline: solid 1px #888; Все работает, только в Опере outline просвечивает через все слои лежащие поверх этого div. Есть ли иной вариант создания двойного border?
0 votes4 answers -
Свечение.
Ребят, Идея у меня такая: Сайт затемнён (опасити:0.10),есть курсор,который светится и делает область в радиусе 50px(примерно) с опасити 0.90 Вопрос как это осуществить?Всё перерыл,ничего похожего не нашел.
0 votes2 answers -
Отображение ширины - простой вопрос :)
Добрый день. Начал изучать CSS столкнулся с проблемой, вопрос наверняка очень простой, но я уже все облазил найти не могу. Я задал блок <div> с идентификатором, в style.css ему прописываю конкретную ширину, но она неправильно отображается в бразуерах - в firefox вообще почти на всю страницу, в opera чуть меньше но тоже не 800px, везде по разному В общем. Притом что там вообще больше элементов нет, подскажите пожалуйста что я пропустил? Код html <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="content-type" content="text/html; charset…
0 votes2 answers -
Float & Position
Приветствую! Просматривал недавно разметку одного известного сайта, который клепает туториалы различные, и заметил интересную. для меня. во всяком случае, вещь. Есть блок-родитель с position: relative, у этого родителя есть дочерний блок с position: relative И с float: left, а позиционирован с помощью margin . Читал в какой-то книжке, по-моему у МакФарланда, что так делать не круто и вообще смысла в этом совершенно нет. Зачем, в таком случае, нужна такая разметка?
0 votes3 answers -
input скукоживается
http://jsfiddle.net/pbhAb/ Кнопка сохранить. Когда я ее делаю в виде <button class="popup_confirm">Сохранить</button>, то выглядела по размерам так же, как и кнопка "отменить" Но когда я ее переделал на <input type="submit" class="popup_confirm" value="Сохранить"> - она тут же скукожилась. Такое впечатление, что line-height перестал работать Почему так?
0 votes2 answers -
Двойная тень <IMG>
Подскажите пожалуйста, хочу сделать тень картинки с изгибом концов, Ничего не получается, если за место img поставлю div, то получается тень, вот код: .boxBlock { /*width: auto; height: auto;*/ /*min-width:100px; min-height:60px;*/ background:#FFF; margin:10px; padding: 0px; position: relative; } .effect2 { position: relative; } .effect2:before, .effect2:after { z-index: -1; position: absolute; content: ""; bottom: 15px; left: 10px; width: 50%; top: 80%; max-width:300px; background: #777; -webkit-box-shadow: 0 15px 10px #777; -moz-box-shadow: 0 15px 10px #777; box-shadow: 0 15px 10px #777; -webkit-transform: rotate(-3deg); -moz-transform: rotate(-3deg); -o-transfor…
0 votes4 answers -
Ну очень нубский вопрос
Даже стыдно спрашивать, но никак не могу понять. Такой вот тривиальный пример. <div class="main"> <div class="block"></div> </div> body { margin: 0; padding: 0; } .main{ width: 400px; height: 400px; background-color: #272822; } .block{ background-color: #982722; width: 100px; height: 100px; margin: 40px; } почему в данном случае margin-left отображается корректно, а margin-top как бы вылазит и отодвигает родительский блок от области просмотра?
0 votes1 answer -
Слайдеры!
Добрый всем денек! Пересмотрел кучу вариантов по созданию слайдеров для контента, все они сильно запутанные, особенно для новичков, и вот решил собрать его самостоятельно и разобраться в этой штуке. Пока получается такой вариант, все переключается но контент стоит на месте: <body> <div id="slider"> <div id="content"> <div id="slide01"> <div id="slide02"> <div id="slide03"> <div id="slide-inner"> <div class="page" id="page1"><img src="img/exclusive_yachts_00.png"></div> <div class="page" id="page2"><img src="img/exclusive_yachts_01.png"></div> <div class="page" id="page3"><img…
0 votes1 answer -
Резиновый сайт
Друзья, буду краток: в принципе, по долгу службы вчстречался с фиксированными шаблонами/макетами Но было все хорошо, пока не увидил сайты на широкоформате 21,5 дюйма, все выглядело хорошо, в плане верстки, но сайт был печальным Теперь вопрос по разрешениям экрана. На какой делать упор основной? (в принципе можно посмотреть по статистике) Я вот подумываю о таком действии: .class { width:75%(90% ?); max-width:1200px; min-width:768px; } для меньше 768px идет адаптивная верстка и т.д. У какого какие мысли? может ссылки на литературку по этому вопросу? Заранее спасибо з.ы. напримере, портального типа.
0 votes6 answers -
Почему не работает внутреняя тень картинок?css:inset
На изображении работает тень box-shadow но не работает inset внутрення тень,точнее работает если добавить padding но это внутреняя тень не в изображении уже... Собственно хотелось бы увидеть простейший пример внутренней тени на изображении. З.Ы.можете не писать банальные box-shadow:inset 0 0 10px; так как все это не работает и что я не пробую всеравно не отображается внутреняя тень((
0 votes2 answers -
убрать фон предыдущего изображения у слайдера
Доброго времени суток. Я новичёк в этом деле,не понятно где это смотреть в js или css. Есть слайдер jquery с плавным переходом изображений. При наложении одной картинки на другую предыдущая остаётся фоном. Проблем бы не было если бы все картинки были одного размера. Собственно как сделать, чтобы после появления новой картинки предыдущая исчезала?
0 votes8 answers -
неизвестное
а что позволяет прослушивать онлайн музыку?джаваскрипты или что?вообще просто не имею об этом представления.и еще вопрос как это происходит когда мы нажимаем слушать песню благодаря чему она проигрывается?вопрос наверно некорректно задан и он покажется наверно глупым вам но надеюсь поймете и ответите.заранее спасибо
0 votes11 answers