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
Или что-то еще. С чего всё началось: была таблица. Необходимо увеличить интервалы отмеченные желтым. попробовал добавить еще один невидимый столбец на месте желтого - верстка плывет и вообще становится трудноуправляемой. Попробовал сделать на div - слетает соответствие услуги и цены - вообще каша выходит. Как сверстать такое?
0 votes8 answers -
Очень крутое слайдшоу
Ребятки! Пожалуйста, помогите сделать или хотя бы найти исходники чудесного слайдера, который красуется на сайте http://www.gameray.ru
0 votes2 answers -
body с заданной шириной не катируется?
Доброго времени суток!Помогите разобраться в вопросе.Почему Body с бэкграундом-фоном отображается на всю ширину страницы,причем если поставить для дива внутри маржин-авто,то оно центрируется именно по боди с заданными размерами? Вот ссыль на код.http://liveweave.com/ прошу наставить на путь истинный,али ткнуть в мат часть.С уважением.
0 votes2 answers -
картинка перекрывает ссылку
Здравствуйте! Подскажите пожалуйста. При наведении курсора на ссылку появляется картинка, но она перекрывает ссылку. ДО наведения курсора http://hkar.ru/G26z После наведения курсора http://hkar.ru/G26A Хотя в стилях для картинки задано: a image {visibility: hidden; position: absolute; z-index:1;}А для ссылки при наведении: a:hover text {text-decoration: underline; position: absolute; z-index:100;}Весь код: <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <svgxmlns="http://www.w3.org/2000/svg" version="1.1"xmlns:xlink="http://www.w3.org/1999/xlink"width="330" height="330" viewBox="-18 -15 330 330">&…
0 votes2 answers -
Фиксированные размеры Body?
Доброго времени и доброго здоровья как новичкам так и Гуру!Подскажите почему наблюдается такой казус,при том когда у Body прописаны ширина,высота и фон,не имея содержания контейнер отображается на всю страницу?я что-то упустил?Прошу направить на путь истинный.С уважением.
0 votes16 answers -
растянуть фон блока внутри фиксированного листа
Всем привет))Можно ли задать фон блока на всю ширину экрана внутри фиксированного листа. если да то как?Вот так у меня только по ширине листа получилось. Спасибо http://codepen.io/anon/pen/obwzJM Код <div class="sheet"><section class="font"><div class="post"><div class="postcontent"><p> Текс Текст Текс Текст Текс Текст Текс Текст Текс Текст<br>Текс ТекстТекс ТекстТекс ТекстТекс ТекстТекс ТекстТекс ТекстТекс ТекстТекс Текст</p></div></div></section> CSS .sheet { margin: 0 auto; position: relative; cursor: auto; width: 80%; min-width: 320px; max-width: 1536px; z-index: auto !important;}.section { width: 1…
0 votes2 answers -
bootstrap row margin
хочу добавить к row стиль margin-bottom, но не хочу вносить правки в бутсрап счас сделал так- в главный див добавил стиль form-horizontal, а row заменил на form-group <div id="log" class="form-horizontal"><div class="form-group" data-key="11.01.2016"><div class="col-lg-1"> 11.01.2016</div><div class="col-lg-5"> <div id="w2" class="list-view"><div class="row" data-key="92">1 2 3: 6:01 Статус <strike>закрыт</strike> открыт</div><div class="row" data-key="93">1 2 3: 6:01 Склад <strike>22</strike> yyyyy</div></div></div></div><div class="form-group" data-key="10.01.2…
0 votes2 answers -
Полоса отображаемая только в Firefox
Всем привет Помогите не знаю как убрать белую полосу между блоком шапки и блоком меню: (Только в Firefox так, в остальных браузерах этой полосы нет) http://www.mbav-websites.xyz/site/designprog/
0 votes2 answers -
сокрытие/модификация ссылок в строке/панели состояния и адресной строке
Интересует вопрос сокрытия ссылок. При использовании следующих скриптов: скрипт1 function hidestatus(){ window.status='' return true } if (document.layers) document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT) document.onmouseover=hidestatus document.onmouseout=hidestatusскрипт2 document.onmouseover = function ( e ) { if ( !e ) e = window.event; var el = e.target ? e.target : e.srcElement; while ( el != null && el.tagName != "A" ) el = el.parentNode; if ( el == null ) return; if ( e.preventDefault ) e.preventDefault(); else e.returnValue = true;};не срабатывает код не на странице, не через запуск файла: <script type="text…
0 votes18 answers -
Плавающие блоки неопределенной высоты
работаю над галереей, разрезинил div c изображениями добавив float:left все прекрасно но некоторые блоки с изображениями имеют разную высоту (ширина всегда одинаковая) и так получается что последующий блок зацепляется за самый высокий предыдущий блок, и выглядит не красиво((( Во вложении пример: взглянуть можно тут: http://wfi.lomasm.ru/русский.галерея если смотреть При разных разрешениях особенно заметно Требуется насильно держать плавающие блоки на одной строке: Как лучше это сделать? 1) javascript выставить всем блокам в одной строке высоту максимально высокого блока? 2) или как-то можно разрулить при помощи CSS, пока не въехал как.... Ищется самое простое …
0 votes2 answers -
Как реализовать календарь, как гугл.календарь?
Имеется такая лента событий: Собственно при клике на один из баров в этой ленте открывается описание этого события. Вся лента скроллится по горизонтали драг'н'дропом. Есть ли какие-нибудь похожие наработки/библиотеки?
0 votes1 answer -
Элементы сайта
Всем доброго времени суток! И с наступившими праздниками. Столкнулась с такой проблемкой, всякие там элементы дизайна сайта (верхушка, меню и т.п.) предательски разъезжаются в разные стороны когда меню размер окна браузера. Как бы все это дело собрать и склеить намертво, чтоб не разбегались как тараканы от света! Спсасибище за ответ огроменное заранее! Думаю отвечающие тут умнее меня, так что объясните как можно яснее, чтоб такому новичку как я было понятно куда тыкать и что менять!!! сайт cvetkoff.ucoz.net скрин проблемы прилогается:
0 votes1 answer -
Таблица отказывается растягиваться
Здравствуйте! Есть пример, при котором таблица отказывается растягиваться. Абсолютное позиционирование блока с текстом относительно блока выше - обязательно, так как этот блок - элемент меню. Нужно, чтобы таблица тянулась от ширины текста
0 votes8 answers -
Не меняется цвет ссылки при наведении
Здравствуйте! Подскажите пожалуйста. При наведении на ссылку и при её нажатии должен по-идее изменятся её цвет, но этого не происходит. http://hkar.ru/FZ9f <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body><object data="link.svg" type="image/svg+xml" width="500" height="500" style="position: absolute; opacity: 1; z-index: 100!important; ; top: 285px; left: 442px;" ></object></body></html> <?xml version="1.0" encoding="UTF-8" ?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN""http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svgxmlns="http://www.w3.org/…
0 votes3 answers -
Хештег в адресе страницы
Здравствуйте уважаемые участники форума! Есть скрипт, который по нажатию на ссылку делает действие и дописывает хештег в адрес той странице где этот скрипт был запущен. Собственно вопрос: если человек попал на одну из таких страниц и вызвал этот скрипт а потом уже ссылку на эту страницу опубликовал где-либо с этим самым хештегом то для поисковых систем это будет уже новая страница или они не принимает во внимание всё что написано начиная с решётки? Вот такой вот вопрос, возможно глупый, надеюсь что я был понят правильно. Спасибо за внимание!
0 votes2 answers -
Банальная проблема блоков с картинками
Решил обратиться к вам с простой проблемой) Как собственно делаются блоки контейнеры с блоками элементами внутри и что бы при изменении окна браузера элементы оставались на своих местах? Допустим это бок с примерами работ, в блоках картинки которые идут в ряд, и вот у меня вопрос: 1) Это как делать элементы БЕЗ отступов, то есть которые идут без margin друг за другом. 2) Это как делать с margin между ними и что бы элементы оставались ВНУТРИ контейнера (как на скриншоте);
0 votes1 answer -
Дивы друг под другом
Есть страница с дивами, которые имеют разную высоту. Сейчас я использую float: left, но в таком случае, когда размер контента сильно отличает, вся верстка ломается. Подскажите, как разместить дивы рядом, как сейчас, но и чтобы каждый из них находится под вышестоящем. 1 скриншот (http://s2.uploads.ru/XsxcU.png) - сейчас, 2 (http://s7.uploads.ru/OHYmC.png) - как хотелось бы.
0 votes2 answers -
Слайдер перекрывает выпадающее меню
Здравствуйте! У меня адаптивная версия сайта и в большой все окей, но когда открываешь на мобильному устройстве, делаеться выпадающее меню и слайдер перекрывает его. Вкурсе, что надо сменить z-index. Но не знаю где найти его. Возможно подскажите где найти или другое решение проблемы? Проблема тут
0 votes1 answer -
Отсутствует часть изображения
Здравствуйте! Подскажите пожалуйста. Проблема следующая, при наведении курсора на ссылку появляется изображние, но не полностью, часть изображения почему-то обрезана. Ссылки созданы на траектории окружности при помощью SVG. При наведении на ссылку pushkin должен появлятся круг, но появляется только 1/4 его часть. http://hkar.ru/FXMi При наведении курсора на две другие ссылки должна появлятся оружность, но она тоже появляется не целиком. http://hkar.ru/FXMj Все файлы разместил здесь: https://yadi.sk/d/NMvbqOdcmjz5F
0 votes2 answers -
Многоуровневое горизонтальное меню
Салют ребятки. Решил сделать сайт, но столкнулся с проблемой. Не могу создать многоуровневое (3-х) горизонтальное меню (пока не особо получается дружить со списками). Кто профи - помогите! Пожалуйста! html: <!doctype html> <html> <head> <meta charset="utf-8"> <title>Menu</title> <link href="css/menu/style.css" rel="stylesheet" type="text/css"> <link href="css/menu/font.css" rel="stylesheet" type="text/css"> </head> <body> <header> <nav> <ul> <li><a href="#">Текст1</a> <ul> <li><a href="#">Текст1.1</a></li> </ul> <ul> <li><a …
0 votes2 answers -
Комментарии сжимаются и уходят вправо, с каждым разом всё больше
URL страницы Мне надо чтобы они не ужимались и не уходили вправо, а были как первый
0 votes2 answers -
Адаптивный многоугольник и svg
Все доброго времени суток. Сверстал такую секцию(адаптивную). Но еще осталось реализовать подсвечивание грани многоугольника в центре. Несколько вопросов по этой верстке: -Линии и окружности, таким образом(как я сверстал) вполне нормально верстать(через псеводо элементы и дивы) или все же сделать на svg или может еще, что-то более качественное есть? -Так как грань центрального многоугольника при наведении на пункт секции, должна подсвечивается розовым, думаю сделать поверх многоугольника svg. Но проблема в том что цвет подсвечиваемой грани неоднородный. Я слышал что svg можно с растром считать, та ли эта ситуация?(в svg не очень пока силен). Дополнительно: ссылка на …
0 votes3 answers -
странная ширина границы у дива
https://jsfiddle.net/tbp4kc68/ 2 последних дива правая граница уже чем у 2 первых дива если поставить ширину #content 958px тогда ширина выравнивается что за магия? как сделать постоянную ширину?
0 votes1 answer -
Позиционирование картинки
Добрый день, друзья! Помогите пожалуйста разобраться. При наведении курсора на ссылку появляется изображение, но не в том месте где нужно. При позиционировании картинки через "x" и "y" часть изображения почему-то обрезается. <image xlink:href="images/okr1.jpg" width="100%" height="100%" x="200" y="100"/> Хотелось чтобы картинка целиком появлялаяь снизу под окружностью. Ниже весь размещён код: <!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <object data="link.svg" type="image/svg+xml" width="400" height="450" ></object></body></html><svg xmlns="http://ww…
0 votes2 answers -
"Непослушная" кнопка
Вот какие дела! Кнопка не реагирует ни на какие методы её логического позиционирования! Она сдвигает свою "попу" с места только при самом грубом позиционировании (position:absolute). А относительно блока content ни в какую! Вот кусочек кода кнопки и текстовых полей
0 votes4 answers