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
-
Ошибка в позиционировании или в z-index, или в overflow?
Опять злой сафари в мак ос меня бесит.. Что в этом коде не так? Из за чего появляется такая картина когда пытаешься открыть скрытое меню на iPad или в Safari (Mac OS)? Код можно увидеть тут http://jsfiddle.net/bqy66jf0/2/
0 votes1 answer -
Как смасштабировать картинку
Необходимо чтобы картинки растягивались на всю ширину экрана, но не больше своего оригинального размера. На страничке могут быть картинки разного размера. Например, если ширина картинки 2500 пх, то она растягивается на весь экран (на 1920 пх). Если ширина картинки 1600 пх, то она растягивается только до значения 1600 пх - на часть экрана. То есть, как заставить картинку НЕ растягиваться больше своего оригинального размера. Вот пример, точнее заготовка - http://jsfiddle.net/qq4gm9tr/
0 votes4 answers -
Border от конца блока до границы экрана
Добрый день. Подскажите пожалуйста по такому моменту: На странице есть несколько блоков. Нужно, что бы если блок расположен слева то от него шла линия до границы экрана с лева. Аналогична если блок с права. Т.е. линия должна идти не через всю страницу, а от края блока до границы экрана. Примерно так:
0 votes1 answer -
Отмена загрузки элемента для мобильной версии
Здравствуйте! Вопрос в следующем: на странице есть элемент, например слайдер изображений, который не нужно загружать для мобильной версии сайта. При display: none он загрузится, но просто не будет отображаться. А можно ли как-то с помощью JavaScript отменить загрузку элемента?
0 votes3 answers -
SVG анимация
Здравствуйте. Вопрос по SVG анимации. Есть готовый файл SVG. Это жук. У жука 6 лап. Я хочу заставить лапы двигаться. Для этого использую анимацию атрибута "d" команды path. Я попробовал пока на одной лапе, но движений ни каких. Помогите понять в чём причина. <path style="stroke:#000000;stroke-width:1.02871215px" inkscape:connector-curvature="0" d="m 365.18001,254.32998........ -11.21751,12.78362z" id="path3862"> <animate attributeName="d" id="QQ" begin="1s" dur="3s" repeatCount="indefinite" keyTimes="0;1" values="m 36…
0 votes0 answers -
переменные в checkbox
В bugzilla, когда заводиться ошибка есть фраза " Ошибка доступна только членам следующих групп: (Снятие всех отметок делает ошибку общедоступной.) " после которой checkbox с группами. Так вот, мне интересно, как можно сделать так что бы этот кусок не был виден пользователям, но и что бы его группы были выбраны, т.е. <input type=checkbox id="bit-[% g.bit %]" name="bit-[% g.bit %]" value="1" [% " checked=\"checked\"" IF g.checked %]> имел значение сhecked. Если этот код заменить на Код: <input type=checkbox disabled id="bit-[% g.bit %]" name="bit-[% g.bit %]" value="1" checked> То этот этот переключатель не будет доступен пользователям, но и его значе…
0 votes1 answer -
Ссылка На Обычную Страницу Из Frame
К примеру у меня есть главная страница сайта без фреймов. А все остальные страницы построены на фреймах, и в фрейме-шапке каждой страницы должна быть ссылка на главную страницу сайта. Сейчас, при нажатии на эжту ссылку, браузер загружает главную в этот фрейм-шапку, а мне нужно, чтобы все случилось по-обыкновенному, то есть эта страница с фреймами заменилась главной страницой. Спасибо!
0 votes1 answer -
не могу сделать макет страницы
Нужно сделать страницу из 5 блоков, где прописывать расположение блоков и размеры? Мне нужна "резиновая" верстка, чтобы при разных разрешениях страницы выглядели хорошо. <html> <head> <title>title</title> </head> <body> <div id="wrapper"> <div id="head"> <?php include 'head.php'; ?> </div> <div id="left"> <?php include 'left.php'; ?> </div> <div id="right"> <?php include 'right.php'; ?> </div> <div id="center"> <?php include 'center.php'; ?> </div> <div id="footer"> <?php include 'footer.php'; ?> <…
0 votes2 answers -
Непростой градиент в меню
Доброго времени суток! Недавно получил задание на вёрстку сайта и в процессе столкнулся с некоторой проблемкой. Задача была сделать градиентное поле при наведении на пункт меню. Сложность в том, что в углах он должен закругляться, то есть иметь более овальную форму. Сейчас сделал тенью от текста, получилось немного похоже, но не совсем то Как должно быть: Как есть: http://jsfiddle.net/rmn8m/ Поскольку только начал освоение вёрстки, не совсем представляю как такое реализовать. Просьба наставить на путь истинный, заранее спасибо!)
0 votes3 answers -
С XHTML на HTML 5
На данный момент изучаю XHTML, CSS. Говорят HTML 5 сыроват, стоит пока работать на XHTML, а потом уже переходить на HTML 5? И не будет это трудно сделать если пока буду использовать и изучать XHTML?
0 votes4 answers -
Как менять фон с помощью css
Здравствуйте. Я установил свойство background-image для тега body в css файле. Есть три png изображения для фона. Хочу сделать так, чтобы фон рандомно менялся при обновлении страницы. Как можно это реализовать?
0 votes1 answer -
как наложить 2 бекграунда и привязать боди к краю браузера?
Здрасте! у меня такая проблема.... вернее две... первая -- как разместить картинку поверх бекграунда если бекграунд уже задан? то есть у меня было вот так: и меня все устраивало,но хотелось добавить справа вертикальную полоску,я добавила вот так: и полоска добавилась но исчезли куски предыдущего фона =((( а как же тогда нужно было ее добавлять? пример страницбез полоски вот: http://avtosik.ucoz.ru/ а с полоской (с моим исправлением) вот такая жуть: http://avtosik.ucoz.ru/index/treasure/0-25 как же мне эту полоску добавить чтобы все остальное осталось как есть? и второй вопрос... у меня почему то на некоторых страницах правая часть привязанна к правой части браузера напр…
0 votes4 answers -
Горизонтальное меню в firefox выглядит криво
Есть вот такое меню ul.down { width: 80%; margin-right: 35%; margin-left: 25%; font-size: 21px; /* размер шрифта */ } ul.down li { background: none!important; display: inline-block; margin-right: 15px; margin-top: 8px; moz-margin-top: 0; list-style-type: none; } ul.down a { background: none; color:#fff; height: 36px; /* высота кнопки*/ overflow: hidden; /* запрещаем обтекание */ font: 13pt/20pt Arial Black; text-decoration:none; /* убираем…
0 votes2 answers -
Див имеет отступ. а не надо
Всем привет. вопрос прост. Доктайп стоит html 5 (бордер добавлен для видимости, без него тоже есть зазор) для DIVа прописан стиль такой #main { margin: 0 auto; width: 1200px; min-height: 1200px; border: solid 2px red; } Проблема: margin: 0 auto; не работает как надо. Сверху и снизу есть зазор. вопрос: а почему? как убрать?
0 votes2 answers -
drop-shadow
Блин, вчера создал тему, а она не появилась. В краце, скажите пожалуйста, как можно заставить браузеры понимать drop-shadow??? именно дроп, а не бокс???? http://jsfiddle.net/K5hh5/1/ - вот жесть, лучший вариант придумал с дропом... может кто подскажет как сделать правильно через дроп? Пробовал, и создавать квадрат и наклонять его, но прятать за ссылку не получается, даже z-index: -1 не катит. не обращайте внимания пожалуйста, на дырки внизу, они все равно будут скрыты.
0 votes2 answers -
Как проще всего сделать спойлер(скрытый текст)
На этом сайте нету о спойлерах ничего,в интернете показывают способы но слишком много лишнего в них,изза чего тяжело разобратся в принципе работы спойлера.
0 votes3 answers -
Масштабирумая картинка в колонке таблицы для IE8,9
Есть колонка процентной ширины, туда уложил картинку с max-width: 100%, Opera, Chrome отображают корректно, но вот IE не масштабирует картинку, делая ее реальных размеров. Как с этим бороться? table .item { width: 20%; padding-bottom: 10px; } table .item img { max-width: 100%; vertical-align: top; }
0 votes6 answers -
Как сверстать данный макет
Уважаемые форумчане, Как сверстать вот такой фон http://prntscr.com/31az6n http://prntscr.com/31b0ce - обвела проблемное место. Вот сам макет http://prntscr.com/31b0z9 Дизайн фиксированный.
0 votes4 answers -
Оформление ссылок
Доброго времени суток всем! Даже не знаю как правильно сформировать вопрос...Имеется вот такая картинка: Эта картинка будет использоваться как фон для пяти ссылок, как надо прописать что бы "не активная" ссылка имела серый элемент картинки, а при наведении картинка менялась бы на цветной элемент? Говорю сразу вариант разрезания картинки не подходит. Заранее спасибо!
0 votes2 answers -
Помогите с позиционированием по центру
Мне надо чтобы текст был строго по центру экрана, прижат к верху (не фиксирован) на разных разрешениях. Перепробовала кучу вариантов - ну никак не получается - на разных разрешениях косяки... ...я в CSS не очень,- может что упускаю... код CSS: .tel {position:absolute;top:-28px;color:#64583a;z-index:1;font-family:"Palatino Linotype", Georgia, "Times New Roman", Times, Serif;font-size:19px;}код HTML: <div class="tel">(048) 794-15-75 (048) 743-57-72 (098) 232-89-13</div>Заранее благодарна за помощь.
0 votes4 answers -
Слайдер перекрывает выпадающее меню
Здравствуйте! Такая проблема: сайт http://hosterplus.ru/ Выпадающее меню работает не корректно через слайдер! Ставил большой z-index для sub-menu не помогло! Подскажите пожалуйста в чём может быть проблема! Спасибо! В данный момент проблема с пунктом меню "УСЛУГИ"
0 votes2 answers -
Не могу применить шрифт
Есть шрифт, который я хочу поставить для текста: Open Sans Condensed Light; http://jsfiddle.net/pk8n92t1/ Почему шрифт не срабатывает?
0 votes2 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 -
Как ограничить размер картинки в слайдере картинок?
Пример страницы, если нажать на картинку снизу - открывается во весь размер, вместо того чтобы компактно в зависимости от размера монитора. http://www.vvd.su/o-nas/novosti/novosti-kompanii/item/133-bolshoj-bannyj-festival-2016-v-sochi нашел такое: background: url(images/mybg.png) 100% 100% no-repeat; /* Добавляем фон */ background-size: cover; /* Масштабируем фон */ но что-то не то обрезается..
0 votes0 answers -
символ валюты перед инпутом
Всем привет, Разместил символ валюты перед инпутом Ссылка с разбивкой по дивам и использованием классов pull-left, pull-right работает, за исключением того, что на больших экранах 1 ячейка с символом валюты занимает много места и портит вид. А как сделать, чтобы символ валюты занимал минимальное место, но с учетом того, что символов может быть несколько? Спасибо!
0 votes1 answer