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
-
Inline-block не могу убрать отступы
Вот пример: http://jsfiddle.net/Dvp22/ Ни word-spacing, ни letter-spacing не действуют вообще, хотя во многих ресурсах описано именно подобное решение проблемы. Как убрать эти чертовы отступы? Уже жалею, что связалась с Inline-block(. html решениеv воспользоваться не могу - разметка задается из скрипта слайдера, могу только поправить css.
0 votes2 answers -
позиционирование
Добрый день! Нужна помощь! Помогите разобратся с позиционированием. есть 3 блока и css к ним: <div class="header"> </div> <div class="bar"> </div> <div class="slider"> </div> div.bar { background-image: url(images/bar.png); height: 50px; width: 1000px; margin: auto; margin-top: -25px; position: absolute; } div.header { background-image: url(images/fon.png); height: 151px; width: 1200px; margin: auto; } div.slider { background-image: url(images/slider.png); height: 300px; width: 1200px; margin: auto; } Блок BAR встает к левому краю страницы хотя задан для него margin: auto; Если отключить position: absolute; то он встает по центру, но …
0 votes1 answer -
Локальное хранение данных.
Здравствуйте. Подскажите пожалуйста как реализуется локальное хранение данных, желательно на примере, если кто-нибудь делал или где-нибудь сталкивался. В моём случае текста. Хочу чтобы пользователь хранил локально "заметки для себя" и "расписания уроков", не дергал лишний раз сервер и не раздувал базу данных(вообще не создавать бы её).
0 votes3 answers -
Конвертация в видео веб форматы. (HTML 5 video.)
Всем привет. Последнее время пытаюсь подтягивать знания по HTML5 и сейчас начал разбираться с тегом <VIDEO> . Читал некоторые статьи(в том числе и эту: http://htmlbook.ru/html5/video) + гуглил - но найти ответ на самый простой вопрос пока не могу: 'Чем собственно говоря(какой программой или сервисом!) конвертировать видео в данные Форматы'? ogg/theora, H.264, WebM, И если забегать на будущее то хотелось бы аналогичный вопрос и на счёт аудио форматов спросить: ogg/vorbis, wav, …
0 votes8 answers -
Подскажите пожалуйста почему уехала таблица?
Здравствуйте! Не могу понять из-за чего съезжает таблица, на скрине видно, что таблица ниже выравнена нормально...
0 votes2 answers -
Не работает выпадающее меню на CSS в IE8
Вот код HTML <ul class="menu"> <li class="item"> <a href="#">Пункт</a> <ul> <li class="sub_item"><a href="/?action=page1">Стр.1</a></li> <li class="sub_item"><a href="/?action=page2">Стр.2</a></li> </ul> </li> </ul> а вот код CSS .menu { font-family: Verdana, Calibri, Arial; font-size: 1.2em; padding: 0; margin: 0; width: 200px; position: absolute; top: 0; left: 0; z-index: 100; } .menu, .menu li, .menu ul { list-style: none; padding: 0; margin: 0; } .menu li { position: relative; z-index: 120; …
0 votes2 answers -
Эмуляция таблицы или почему растягиваются ячейки
Доброго времени суток. Объектом моих неоднократных мучений является эмуляция таблицы. (важно! не использовать JS) Зачем мне так нужна таблица? 1. Вертикальное выравнивание, когда высота выравниваемого объекта неизвестна. (то есть трюк с отрицательным margin-top не пройдет) 2. Вот такое меню с гибким составом элементов: http://screenshot.su...b9d38b5d5e9.jpg (растягивающееся на всю ширину сайта меню, размеры элементов зависят от размера контента). С первым кое-как разобраться можно. display: table-cell и expression для IE lt 9. Со вторым проблемы. При верстке дивами, размер блока (float или inline-block) будет равен размеру контента, но не более. Таким образом у меня элеме…
0 votes11 answers -
Два дива на той же позиции
Здравствуйте! У меня есть два дива, сверху и снизу. Мне нужно чтобы они были на той же позиции(второй див над первым, точнее когда кликаем на меню в первом диве, появляется второй див, над первым дивом). Второй див я сделал снизу, добавил к нему position:relative и поднял на 800 пикселей(у самого дива так же 800 пх). Проблема в том что внизу, место этого дива остается, появляется скролл, который мне не нужен. Как реализовать правильно, без скролла?
0 votes1 answer -
Как зафиксировать картинку
Всем джамбо друзья. Такая проблема. хочу сделать на сайте меню картинками (ссылкам), но эти картинки при изменении размеров браузера ползают туда сюда..Дак вот как бы их так зафиксировать. Заранее спасибо.
0 votes13 answers -
вертикально опустить
помогите пожалуйста на страничке кроссбраузерно до ie8 прижать надписи к низу блока .must_read li
0 votes5 answers -
Несколько градиентов возможно накладывать в одном слое?
Здравствуйте. Скажите, можно ли одному элементу задать два градиента в надежде получить их наложение? Например один линейный вертикальный, второй линейный под 45 градусов. Вот такой код не работает: background:linear-gradient(135deg, #53237f 2%,#7847a5 39%,#200e52 50%,#200e52 62%,#61318e 88%,#200e52 100%), linear-gradient(to bottom, #000000 0%,#d2c5e0 100%); Может назначить вложенному элементу один градиент,а обертывающему - второй?
0 votes4 answers -
Загрузка "резиновой" картинки
Предположим, имеется адаптивная страница с двумя абзацами и картинка между ними: <p>Абзац 1</p> <img style="max-width: 100%; height: auto;" src="http://pic1.jpg" /> <p>Абзац 2</p> Картинке не заданы фиксированные размеры через width="" и height="", на то она и резиновая. При создании страниц с фиксированной шириной я прописывал размеры картинки в пикселях, благодаря чему страница формировалось с пропуском, в который загружалось изображение. В случае с резиновой графикой таких "пропусков" нет - сначала грузятся два абзаца, затем второй абзац "слетает" вниз, освобождая место под картинку. Меня интересует как поступить грамотно в такой ситуа…
0 votes3 answers -
Съедается часть кода при отображении на странице
Здравствуйте! У меня такой вопрос: Когда я добавляю не просто текст, а код на С++ то после добавления часть кода съедается. Чтобы было понятно вот ссылка:http://torrent.uweek.ru/ там можно всё посмотреть. Как сделать так, чтобы код не съедался? p.s. я уже задавал этот вопрос в другой своей теме (вот она: http://forum.htmlbook.ru/index.php?showtopic=44469 ), но т.к. там другой title, я подумал что целесообразно создать отдельную тему, чтобы больше людей увидело. p.p.s ветка форума вроде подходит)
0 votes5 answers -
Селектор класса, не имеющего вложенных тегов бывает?
Здравствуйте. Может можно построить селектор, указывающий на класс, у элемента которого нет вложенных элементов?
0 votes8 answers -
Выполнение кода на загруженной странице
Добрый день ! Имеется окно видеорегистратора http://yadi.sk/d/QfJ1e2yQ4JXWe Требуется чтобы после открытия автоматом нажималась кнопка (на скрине показана), команда у неё document.getElementById("lv_fullscreen").onclick=S YNO.Liveview.OnFullScreen(); Пробовал создать страницу для запуска, вида: <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Сюда будет загружена страница in</title> [removed][removed] </head> <body> [removed] <!-- if (self.parent.frames.length == 0) self.parent.location="http://192.168.50.121:9900/"; window.alert('информация'); document.getElementById("lv_fullscr…
0 votes7 answers -
Правильное выравнивание поля с кнопкой
Дело вот в чем. С помощью такого кода добавил в горизонтальное меню своего сайта форму поиска: function menu_search($items){ $search = '<li class="search">'; $search .= '<form method="get" id="searchform" action="/">'; $search .= '<nobr><input type="text" class="field" name="s" id="s" placeholder="Search..." />'; $search .= '<input type="submit" class="submit" name="submit" id="searchsubmit" value="Go" /></nobr>'; $search .= '</form>'; $search .= '</li>'; return $items . $search; } add_filter('wp_nav_menu_items','menu_search'); Получилось так: Т.е. как бы форма поиска стала очередным пунктом меню. Захотел я сделать краси…
0 votes6 answers -
Почему по-разному отображается макет в ИЕ и ФФ?
Вот сделал для жены сайт http://www.psy-actual.ru (на Joomla 1.5.22, если существенно). Шаблон брал готовый, но слегка допиливал руками. И не могу понять одну вещь: почему в ФайрФоксе все показывается хорошо (что под виндами, что под линухом), а в 9-м ИнетЭксплорере под 7-й виндой текст в правой колонке (который под заголовком "анонсы и новости") высовывает хвост вправо за край экрана (т.е. текст по-другому разбит на строки, эти строки более длинные, чем в ФФ, и из них видна только левая половина) Попробовал посмотреть внутренности макета во встроенном отладчике ИЕ - тот показывает, что блок <div id="right_container"> и вложенный в него на 1 уровень ниже <div …
0 votes5 answers -
Помогите разместить блоки
Доброе время суток. Я тут сделал вот такую радость: http://jsfiddle.net/Bizon4ik/wQPgR/ Помогите решить следующие задачи: 1. Как с права от серого блока прижать еще один блок высоты больше чем серый, но при этом синий должен продолжать растягиватся на всю свободную высоту экрана 2. Как сделать так что бы синий блок не ездил при горизонтальной прокрутке?
0 votes9 answers -
Адаптация сайта к мобильному виду
Приветствую. Существует ли какой-нибудь стандарт, позволяющий определить, что сайт загружается со смартфона? Предпосылка. В браузере Андроида в настройках есть галочка "Адаптация к мобильному виду". При отключенной галочке сайты все грузятся так, как будто заходишь через обычный браузер, нужно масштабировать руками. Если же включить галочку, некоторые сайты (популярные) действительно адаптируются к мобильному виду, причем, очевидно, что сам сервер их адаптирует. Например, Википедия - в ПДА-версии можно сворачивать абзацы. Пытаясь разведать, что и как, были предприняты след. шаги: 1. Создал на локалхосте php-файл, записывающий заголовки запроса, и зашел на этот урл с телеф…
0 votes4 answers -
Видео на сайте
Здравствуйте! Размещаю на сайте видео через сервис: http://flv-mp3.com/ru/flv/ Не показывается наша заставка. В чем проблема? Код такой: <object type="application/x-shockwave-flash" data="http://flv-mp3.com/i/pic/uflvplayer_500x375.swf" height="495" width="880"> <param name="bgcolor" value="#FFFFFF" /> <param name="allowFullScreen" value="true" /> <param name="allowScriptAccess" value="always" /> <param name="movie" value="http://flv-mp3.com/i/pic/uflvplayer_500x375.swf" /> <param name="FlashVars" value="way=http://www.protontonnel.ru/video/pts_2_2.flv&swf=http://flv-mp3.com/i/pic/uflvplayer_500x375.swf&w=880&am…
0 votes4 answers -
Проблема с потоком в блоках.
Проблема с потоком в блоках или как сделать так чтобы из div не вылезали элементы которые внутри блока. Как усвоить блин это правило если оно вообще есть или как этому научится чтобы то что в блоках не выходило за рамки блока div?! Это нужно для внутрених элементов обозвать их display block или не так? Если например внутри плавающие блоки то как сделать чтобы они не выходили за рамки блока?
0 votes4 answers -
Отображение select в хроме в mac os
Всем привет. Подскажите пожалуйста, как убедить хром на Mac OS отображать select так как у меня прописанно в css (убрал бордер и фон поставил прозрачным.)? Хром же в свою очередь вставляте хоть и красивый select, но все же не по дизайну формы. Может кто ни будь сталкивался?
0 votes5 answers -
расстояние между текстом и горизонтальными границами ячейки
казалось бы тривиальная задача, ан нет - таблица, в таблице ячейка, в ячейке текст. между верхней и нижней границами текста и соответствующими границами ячейки есть расстояние. нужно его убрать, но не получается. <table cellpadding="0px" border="1px"> <tr> <td> Hello </td> </tr> </table> готовый пример http://jsfiddle.net/4UNLK/
0 votes2 answers -
позиционирование в слайдере
http://jsfiddle.net/S83R9/2/ вот тут слева позиционируется последний элемент а справа второй элемент, в начале все кажется, что работает нормально, отображается верно, но сразу как нажмем на стрелки все сливается, что делать? в чем мой косяк?
0 votes2 answers -
выход margin за пределы блока
объясните пожалуйста почему на страничке в блоке .must_read отступы margin-left (у ссылки первого элемента списка) и margin-right (у ссылки последнего элемента списка) скрываются правилом .must_read ul{ margin: 0 -5px; } по-моему этого не должно происходить потому что правило .must_read ul li{ width: 25%; } устанавливает строго определённую ширину блока. то есть те margin, про которые я писал выше, находятся внутри элементов списка
0 votes4 answers