HTML Coding

29542 questions in this forum

1. docpad и пейджинг

   Доброго времени суток. Подскажите, может есть специалисты по шаблонизатору docpad. Пытаюсь сделать пейджинг. Сам пейджинг выводится и вроде как правильно, но по переходу вылазит 404. Вот и не могу понять от чего так. http://altyncev.ru/posts Может кто, что подскажет. Все opensource https://github.com/npofopr/_altyncev Крутится на heroku.

   Asked by npofopr, January 22, 2013

   • nodejs
   • docpad
   0 votes
   0 answers
2. @font-face в mozilla firefox

   не работает вставленный шрифт в mozilla firefox @font-face { font-family: Taurus; src: url('/taurus.ttf'); } Во всех браузерах кроме Лисы все работает. Как заставить её нормально работать?

   Asked by T@NKIST, January 15, 2013

   0 votes
   1 answer
3. не работает 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, …

   Asked by T@NKIST, January 15, 2013

   0 votes
   1 answer
4. Проблема с построением фона

   Всем привет! Делаю вид новостей, столкнулся с проблемой..... такая структурка: <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;">Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пыш Пы…

   Asked by Seganda, January 15, 2013

   0 votes
   2 answers
5. jsfiddle

   у меня с некоторых пор перестала работать псочница jsfiddle. после того как я открываю ссылку, получаю алерт " подтвердите на таком то адресе то, это". при этом 3 из 4 окон пустые скажите, вы тоже подобный глюк наблюдаете или я не настроил доступ?.. посоветуйте пожалуйста как исправить ситуацию

   Asked by cyklop77, January 5, 2013

   0 votes
   6 answers
6. Странное поведение 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) Зачем вы поставили дефолтный скин ИПБ? Он ведь не торт(

   Asked by Evkaky, January 11, 2013

   0 votes
   1 answer
7. Фреймы

   Доброго времени суток всем! Я очень часто встречаю на сайтах фреймы но тут я вычитал что это не популярно и фреймы лучше не использовать из за их недостатков. Как на ваш взгляд фреймы стоит использовать или их лучше избегать?

   Asked by IUaD, January 5, 2013

   0 votes
   4 answers
8. Проблемы с фоном.

   Необходимо совместить грандиент и картинку в одном на фоне body. Возможно ли это? И как?

   Asked by Bitaller, January 5, 2013

   0 votes
   1 answer
9. [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} ...и сразу столкнулся с проблемой: - все мои теги складируются внизу страницы. Буду очень благодарен ответившим.

   Asked by Klever., January 11, 2013

   0 votes
   0 answers
10. Чтобы текст не исчезал после обновления страницы

    Здравствуйте. Как сделать так, чтобы после обновления страницы текст, введенный в textarea или input, не исчезал? Это вообще возможно?

    Asked by miklosh, January 11, 2013

    0 votes
    3 answers
11. Как задать тень вокруг текста ссылки?

    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 …

    Asked by eleonore, January 5, 2013

    0 votes
    2 answers
12. 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-х списков?

    Asked by kvesda, January 11, 2013

    • css3
    • списки
    • ступеньки
    0 votes
    6 answers
13. Как сделать обтекание картинки текстом и победить перенос строки вниз?

    Доброго времени суток! Вопрос простой, но поставил в тупик. Нуждаюсь в вашей помощи. Так нужно: http://cl.ly/Lxfv Как есть сейчас: http://codepen.io/joe/pen/AnuEF У меня два вопроса: 1 – Почему длинная строка переносится сразу после картинки? 2 – Каким образом "прилепить" оченьдлиннуюстроку вверх, обратно к остальному тексту? Спасибо! ps: Пробовал использовать wordwrap($string,'­',true), но не смог придумать как определять ширину текста без моноширинного (ибо 40 символов в одном браузере это одно, а в другом уже другое). Пробовал шаманить с word-wrap, text-wrap и white-space, но, видимо, чего-то не понимаю ибо не удалось добиться адекватного результата.

    Asked by TrogWar, January 5, 2013

    • css
    • img
    • word-wrap
    • обтекание
    0 votes
    5 answers
14. Double border

    Приветствую всех! Подскажите пожалуйста, необходимо сделать выдавленный div, для этого необходимо сделать двойной border. Написал border-top: solid 1px #fff; outline: solid 1px #888; Все работает, только в Опере outline просвечивает через все слои лежащие поверх этого div. Есть ли иной вариант создания двойного border?

    Asked by darlov, January 5, 2013

    0 votes
    4 answers
15. Свечение.

    Ребят, Идея у меня такая: Сайт затемнён (опасити:0.10),есть курсор,который светится и делает область в радиусе 50px(примерно) с опасити 0.90 Вопрос как это осуществить?Всё перерыл,ничего похожего не нашел.

    Asked by LeoSan, January 11, 2013

    0 votes
    2 answers
16. Отображение ширины - простой вопрос :)

    Добрый день. Начал изучать 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…

    Asked by Olks, January 5, 2013

    0 votes
    2 answers
17. Float & Position

    Приветствую! Просматривал недавно разметку одного известного сайта, который клепает туториалы различные, и заметил интересную. для меня. во всяком случае, вещь. Есть блок-родитель с position: relative, у этого родителя есть дочерний блок с position: relative И с float: left, а позиционирован с помощью margin . Читал в какой-то книжке, по-моему у МакФарланда, что так делать не круто и вообще смысла в этом совершенно нет. Зачем, в таком случае, нужна такая разметка?

    Asked by SuperJerk, January 12, 2013

    0 votes
    3 answers
18. input скукоживается

    http://jsfiddle.net/pbhAb/ Кнопка сохранить. Когда я ее делаю в виде <button class="popup_confirm">Сохранить</button>, то выглядела по размерам так же, как и кнопка "отменить" Но когда я ее переделал на <input type="submit" class="popup_confirm" value="Сохранить"> - она тут же скукожилась. Такое впечатление, что line-height перестал работать Почему так?

    Asked by Evkaky, January 11, 2013

    0 votes
    2 answers
19. Двойная тень <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…

    Asked by darlov, January 11, 2013

    0 votes
    4 answers
20. Ну очень нубский вопрос

    Даже стыдно спрашивать, но никак не могу понять. Такой вот тривиальный пример. <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 как бы вылазит и отодвигает родительский блок от области просмотра?

    Asked by manut, January 5, 2013

    • margin
    • margin-top
    0 votes
    1 answer
21. Слайдеры!

    Добрый всем денек! Пересмотрел кучу вариантов по созданию слайдеров для контента, все они сильно запутанные, особенно для новичков, и вот решил собрать его самостоятельно и разобраться в этой штуке. Пока получается такой вариант, все переключается но контент стоит на месте: <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…

    Asked by Roomas, February 11, 2013

    • слайдер
    • CSS
    0 votes
    1 answer
22. Резиновый сайт

    Друзья, буду краток: в принципе, по долгу службы вчстречался с фиксированными шаблонами/макетами Но было все хорошо, пока не увидил сайты на широкоформате 21,5 дюйма, все выглядело хорошо, в плане верстки, но сайт был печальным Теперь вопрос по разрешениям экрана. На какой делать упор основной? (в принципе можно посмотреть по статистике) Я вот подумываю о таком действии: .class { width:75%(90% ?); max-width:1200px; min-width:768px; } для меньше 768px идет адаптивная верстка и т.д. У какого какие мысли? может ссылки на литературку по этому вопросу? Заранее спасибо з.ы. напримере, портального типа.

    Asked by talgautb, January 11, 2013

    • широкоформат
    • нефиксированный
    • резиновый
    0 votes
    6 answers
23. Почему не работает внутреняя тень картинок?css:inset

    На изображении работает тень box-shadow но не работает inset внутрення тень,точнее работает если добавить padding но это внутреняя тень не в изображении уже... Собственно хотелось бы увидеть простейший пример внутренней тени на изображении. З.Ы.можете не писать банальные box-shadow:inset 0 0 10px; так как все это не работает и что я не пробую всеравно не отображается внутреняя тень((

    Asked by pudge, January 11, 2013

    0 votes
    2 answers
24. убрать фон предыдущего изображения у слайдера

    Доброго времени суток. Я новичёк в этом деле,не понятно где это смотреть в js или css. Есть слайдер jquery с плавным переходом изображений. При наложении одной картинки на другую предыдущая остаётся фоном. Проблем бы не было если бы все картинки были одного размера. Собственно как сделать, чтобы после появления новой картинки предыдущая исчезала?

    Asked by oster_j, January 11, 2013

    0 votes
    8 answers
25. неизвестное

    а что позволяет прослушивать онлайн музыку?джаваскрипты или что?вообще просто не имею об этом представления.и еще вопрос как это происходит когда мы нажимаем слушать песню благодаря чему она проигрывается?вопрос наверно некорректно задан и он покажется наверно глупым вам но надеюсь поймете и ответите.заранее спасибо

    Asked by IUaD, January 5, 2013

    0 votes
    11 answers