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
-
Не срабатывают margin-ы и padding-и
Всем привет. Вот то на чем остановился http://jsfiddle.net/FRc7b/ Хочу с позиционировать элементы текста в правом блоки, задать отступы сверху и снизу, но не работают ни маргин ни паддинг, помогите пожалуйста. вот так вот должно выглядеть это дело http://radikale.ru/data/upload/69fda/4efc3/6d46bae1fe.png
0 votes2 answers -
атрибуты тега
Обьясните пожалуйста, что это за форма записи? И где об этом можно почитать, желательно на русском? <div id="content-ob" class="cycle-slideshow" data-cycle-fx="scrollHorz" data-cycle-timeout="10000" data-cycle-speed="1000" data-cycle-slides="a" data-cycle-pager=".custom-pager" data-cycle-pager-template=" <a href='#' class='custom-pager-button'> </a>" > <a href="/page1.html"><img src="/img/pic1.jpg" /></a> <a href="/page2.html"><img src="/img/pic2.jpg" /></a> <a href="/page3.html"><img src="/img/pic3.jpg" /></a> <a href="/page4.html"><img src="/img/pic4.jpg" /></a> <a href="/p…
0 votes2 answers -
Почему тело страницы НЕ подлазит под навигацию?
Здравствуйте. Стандартный пример вёрстки с бутстрапом http://getbootstrap.com/examples/theme/# . Здесь навигация (тёмная полоска сверху) имеет тип позиционирования fixed и следовательно должна выдёргиваться из стандартного потока вывода объектов. Следующий за навигацией элемент имеет тип позиционирования static, и по логике должен занимать место вырваной из потока объектов нафигации. Но тем-не-менее он размещён следом за ней, так, как будто бы оба имеют статическое позиционирование. Почему они размещаются так? Спасибо за ответ.
0 votes2 answers -
Перенос выброного перикючателя на другую страницу.
Помогите, пример ниже. <input name="beer" type="radio" value="1" /><img height="111" src="http://chit1243.at.ua/cfkaps/70.jpg"width="160" /> <input name="beer" type="radio" value="1" /><img height="111" src="http://chit1243.at.ua/cfkaps/71.jpg"width="160" /> <input name="beer" type="radio" value="1" /><img height="111" src="http://chit1243.at.ua/cfkaps/72.jpg"width="160" /><br /> Например: посетитель выбрал одну из этих 3 картинок, как сделать что бы выбраная картинка была на следующей странице.
0 votes3 answers -
ползунок скролла браузера не перемещается до нижней границы блока
помогите пожалуйста решить проблему и по возможности объясните ход решения. для стилизации скролла браузера использовал это в результате получил это проблема в том, что когда пользователь прокручивает документ до конца, ползунок скролла( представляет из себя красный квадратик) не прокручивается до низа(остаётся примерно посередине). мне же нужно сделать так, чтобы если пользователь прокрутил документ до конца, то и ползунок соответственно переместился до самой нижней точки блока удивительный плагин. почитаешь описание, так там настроек куча, на все случаи жизни. а такой важной нет. как я понял высота этого скролла рассчитывается в яваскрипте динамически (прописывается в т…
0 votes0 answers -
Бьюсь как рыба с этим justify(
Никак не получается выровнять текст по ширине контейнера( Влево-вправо - пожалуйста, justify - никак... Подскажите, кто может пожалуйста. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> <title>Untitled Document</title> </head> <body> <div style="padding-left:22px; padding-right:22px;"><p style="text-align:justify;">Официальный сайт журнала «Рыболов спортсмен» | Russian Journal of Fishing — Official Site</p&…
0 votes3 answers -
Фокус экран на странице
Подскажите, пожалуйста, какое свойство css нужно задать, чтобы при серфинге по сайту положение экрана относительно самой страницы оставалось на том же уровне, что и после нажатия на ссылку, т.е., если я остановился зрительно на футере и нажал на ссылку, например, "КОНТАКТЫ", экран также показывал бы футер (пример не совсем удачный, но,как мне кажется объясняющий проблему)? )))
0 votes2 answers -
Помогите настроить положение текста в таблице
Помогите настроить положение текста в таблице, я уже часа 3 сижу ничего по толку сделать не могу, помогите!!! В таблице есть картинка которая всплывает при наведении, как видите она находится в таблице, из-за картинки текст смещается чуть-чуть вверх, а мне надо чётко по середине, как по вертикале так и по горизонтале. Помогите пожалуйста))) <html> <head> <style type="text/css"> A.S1 { display: block; width: 200px; height: 30px; } A.S1:hover { background: url(1.gif); (Ссылка на всплывающую картинку) } </style> </head> <body> <table border="0" cellspacing="0"> <tr> <td width="200" height="30" align="center"><a href=…
0 votes4 answers -
Отображение категорий при наведении
Здравствуйте, подскажите как сделать, чтобы поле категорий появлялось только при наведении курсора? HTML: <div class="main-news-hidden">{link-category}</div> CSS: .main-news-hidden { font-size: 11px; color: #fff; position: absolute; background: red; } .main-news-hidden a { color: #fff; } .main-news-hidden a:hover { text-decoration: underline; }
0 votes2 answers -
Проблема с отступами
есть конструкция типа <div id="1"> <div id="2"> </div> </div>. Мне нужно у id=2 сделать отступ сверху. прописываю margin-top: 50px; а у меня оступ срабатывает у id=1. Но если у id =1 прописываю border, то всё нормально Ничего не могу понять. В чем дело
0 votes2 answers -
Лиса не хочет отображать границы в таблице
Лиса не хочет отображать границы в таблице. Почти все она отображает, но лишь две не отображает. На картинке видно. Но что самое интересное я ничего не менял, и на какое-то время они появились. Потом опять пропали. В Opera, Chrome все нормально. Подскажите пожалуйста. Вот код: .shop_table table tr th{ font-size: 23px; border: 3px ridge slategrey; } .shop_table table tr td{ font-size: 18px; border: 3px ridge slategrey; } .shop_table table{ border: 3px ridge slategrey; border-collapse: collapse; } <img id="y-t-loader" style="display: none;" /> [] -
0 votes2 answers -
Фон body из множества изображений
Сломал голову, есть набор картинок это буквы слова. Надо сделать из них фон сайта и дать фон body. При этом картинки букв это отдельные файлы картинок, по ширине тянутся, следующая буква уходит в низ если не влезает, но предыдущая буква обрезается окном браузера, по высоте соответственно слово повторяется до бесконечности, и соответственно повторяются буквы слова по кругу. Не подскажите как реализовать?
0 votes3 answers -
Макет в несколько столбцов с содержимым разной высоты
Здравствуйте! Такая проблема: Из базы данных приходит список новостей. Каждая новость — это картинка, заголовок и поясняющий текст. Все новости помещаются в несколько колонок (от 1 до 3 в зависимости от ширины окна). Все новости одинаковой ширины но разной длинны. Нужно сверстать примерно такой макет: При этом нужно сохранить порядок новостей. И вот не могу придумать, как такое сделать... Очень хочется без js. Используется django, шаблонизатор родной. Если все-таки JS — к сайту прикручен JQuery.
0 votes2 answers -
Фиксация фона блока, выделение ращдела.
Здравствуйте! Выделять раздел при наведении курсора получилось http://www.torawhite.ru/, а как сделать, чтобы раздел оставался выделенным при его активности? То бишь, если главная, то выделена она цветом и так далее.
0 votes2 answers -
В чем ошибка?)
Ребята, голову ломаю уже час, не могу понять где ошибка, помогите найти. http://jsfiddle.net/56soLzL7/show/ Кто не знает как перейти в режим редактирования кода - просто удалите /show/ с конца ссылки. Так вот, в OsX сафари вообще не хочет отображать мое скрытое меню (наводим на пункт HOVER HERE). А вот google chrome (на windows) ведет себя иначе Если наводить на пункт двигая мышкой снизу (с пункта 5) вверх - все нормально открывается и показывает. А вот если наводить сначала на статью которая справа, потом оттуда попытаться наводить на пункт меню HOVER HERE, то видна какая то задержка непонятная..Подозреваю все дело опять в backface-visibility и transform3d, только …
0 votes1 answer -
как через css задать ширину картинки
Есть картинки в диве .table-wrap Как задать этим картинкам ширину через css, не внося изменений в код страницы?
0 votes3 answers -
Проблема с выподающим меню
Доброй ночи и с рождеством. Помогите решить следуюшию проблему ибо я в первые работаю с предоставленными данными. Есть страничка по ссылке Проблема в том, что в выподающем списке ссылка не кликабельна. Кликнув по ссылке мы так и останемся на месте. Пройдите по ссылке и посмотрите исходный код, здесь не стал загрязнять форум. Заранее спасибо.
0 votes1 answer -
Проблема с адаптивностью
В общем такая ситуация: попросили убрать адаптивность сайта так, чтобы работало корректно и на компьютере и на устройстве. Я сделал, на компьютере все норм, а на ipod touch влево уходит все.ширину для бади не задавал
0 votes3 answers -
Некорректное отображение фона в Опере
Доброго времени суток всем. Есть проблема отображения фона сайта. На сайте http://imghost.vitaliy43.ru в Опере задник выглядит некорректно, переходы между цветами не плавные и незаметные, как в других браузерах, а резкие. Однако тот же самый задник на локальном сайте, под Windows, выглядит абсолютно корректно во всех браузерах. Итак, корректное отображение - Во всех браузерах, кроме Оперы. Некорректное - Только в Опере. Сам фон задается в стилях такой строчкой: background: url(../images/html.png) repeat-y 50% 0 #3B5999; В чем может быть причина такого отображения в Опере?
0 votes2 answers -
Проблема с фоном
Подскажите, как добавить два фона: цвет и картинка. То есть, при наведении блок затемняется и поверх появляется картинка с лупой. Этот код не срабатывает: a.box:hover { background: rgba(0, 0, 0, 0.7) url(../img/fon.png)no-repeat bottom right;}
0 votes1 answer -
Слайдер
Всех с праздником!!! Помощь нужна! Можно ли сделать слайдер с такими границами как на скрине?
0 votes1 answer -
Меню с выпадающими блоками
Есть 7 блоков. При нажатии на блок рядом с ним появляется еще один (на картинке синим цветом). На каждой строке должно быть максимум 4 блока. Проблема заключается в том, что при нажатии на 4 блок при открытом 3-м блоке, 7 блок переходит на третью строку. Необходимо каким-то образом перемещать блок на свободное место, то есть в конец первой строки. Аналогичная проблема при меньшем размере окна, когда блоков в строке 3, 2 и так далее.
0 votes0 answers -
фон для сайта
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title>An XHTML 1.0 Strict standard template</title> <meta http-equiv="content-type" content="text/html;charset=utf-8" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <style type="text/css"> * { margin: 0; padding: 0; font: 12px Tahoma, Arial, sans-serif; } html, body { …
0 votes2 answers -
Непонятки с маркированными списками
Народ для своего сайта нашел в сети тему. Установил ее. И сейчас не могу разобраться, как у маркированных списков удалить справа полосу прокрутки. Вот ссылка на страницу где он используется Блог сеошника Витька. Заранее благодарю за любую помощь.
0 votes2 answers -
равные отступы между блоками
прошу совета. пытаюсь сверстать макет. использую резиновый каркас с плавающими блоками внутри. проблема в том, что не получается установить равные отступы между всеми блоками. вот что у меня получается(лучше смотреть в хроме). хотелось бы сделать по человечески. подскажите пожалуйста идею, подход. ps не обязательно чтобы правая колонка была резиновая как у меня, можно её заданной ширины сделать
0 votes0 answers