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
-
Запрет наследственности в CSS применимо к фильтрам.
Есть желание на сайте использовать такой эффект - когда пользователь открывает меню сайта - хочу чтобы остальной сайт слегка размыло, чтобы заакцентировать внимание пользователя только на меню. Cначала я отслежива событие возникновения меню и через jQuery присваиваю тегу body стиль blur: jQuery('body').addClass('blur');когда меню исчезает - я и класс удаляю: jQuery('body').removeClass('blur');а вот сам класс: body.blur { -webkit-filter: blur(1px); -moz-filter: blur(1px); filter: blur(1px);}Тут всё прекрасно, всё работает, но есть одно но. Так как менюха является дочерним элементом для body - то и меню, собственно, тоже размывается. Я даже довесил событие возникнове…
0 votes2 answers -
Несколько ссылок в линию с разным фоном
Практикуюсь в верстке, делаю автомобильный сайт.Имеются 5 категорий.Необходимо сделать их в виде квадратов определённых размеров (некликабельные картинки, на фоне), а на переднем плане по-середине них ссылки в обычном виде (Кликабельное слово с text-decoration: none).Квадраты на равном друг от друга расстоянии.Не могу понять как реализовать, постоянно вверх боковые съезжают. Вот контейнер, в котором это всё дело находится и моя рукопись <section> <div class="container"> <div class="nav"><div class="usenav"> <h2>ВОСПОЛЬЗУЙТЕСЬ НАВИГАЦИЕЙ</h2> </div> <div class="block clearfix"> <div class="bloc…
0 votes1 answer -
Столкнулся с проблемой, как решить?
Здравствуйте! Начну пожалуй с того что я полный профан) знакомый дал мне шаблон с которого я начал лепить сайт. результат собственно вот - http://flexstamp.do.am и так с чем же я столкнулся. Дело в том, что при нажатии на менюшке ссылки обновляется весь фрейм. нельзя ли поместить эту менюшку в отдельный фрейм и так же создать фрейм с контентом, причём так, чтобы при нажатии в менюшке какой-нибудь ссылки в контенте соответственно загружалось то, что мне нужно. так же было бы интересно узнать насколько у меня всё плохо с кодом и как это можно исправить заранее спасибо. п.с. при обновлении страницы почему-то искривляется таблица менюшки
0 votes1 answer -
Помогите разобраться с таблиуей
Здравствуйте помогите пожалуйста разобраться с рамкой вокруг текста суть ошибки заключается в том что надо убрать отступ после верхней строки у крайних элементов чтоб просвета небыло вот исходный код <table border="0" cellpadding="0" cellspacing="0"> <tbody><tr> <td height="84" width="84"> <img src="http://www.pn.revendge.ru/images/elements/ram/c1.png" alt="" height="84" width="84"> </td> <td style="background: url(http://www.pn.revendge.ru/images/elements/ram/c2.png)"></td> <td height="84" width="84"> <img src="http://www.pn.revendge.ru/images/elements/ram/c3.png" alt="" height…
0 votes2 answers -
переходы цвета при размножении фона repeat-ом
подскажите пожалуйста почему после нарезки однородного фона фона и подстановки через repeat его в верстку в браузере видны переходы цвета? странрица. смотреть .wrap .boxLT .boxRT .boxT и .wrap .boxLB .boxRB .boxB нарезал с этого макета. однородность цвета проверял в фотошопе пипеткой. кроме того, непонятно почему .wrap .boxLB как бы накладывается на .wrap .boxM . это хорошо видно при отключенном фоне .wrap .boxLB большую часть изображений в фотошопе размножал через флип горизонтал/флип вертикал
0 votes2 answers -
простенькая таблица
<table border="0" width="100%" bgcolor="#E6E6FA" style="border-collapse: collapse"> <tr bgcolor="#8b95a4"> <th> </th> <th> </th> <th></th> <th>И</th> <th>В</th> <th>Н</th> <th>П</th> <th>О</th> </tr> <tr bgcolor="#9fcced"> <th>1.</th> <td><img src=images/logomini/logmu.png></td> <th align="left">Манчестер Юнайтед</th> <th>31</th> <th>24…
0 votes4 answers -
вспомнить тему
некоторое время назад была здесь на форуме тема, в которой объяснялось как можно сверстать двумерную матрицу из блоков таким образом чтобы не смотря на различную высоту блоков не оставалось зазоров между соседними по вертикали блоками. помогите пожалуйста вспомнить её название или пните в нужном направлении интересует только css-решение
0 votes1 answer -
Расстояние относительно других элементов и браузера
Я хочу понять, как получать различные размеры отступов, полей и границ относительно других элементов таких, как браузер, другие графические элементы. Сейчас я пытаюсь сверстать данную форму. Форму разрезал на различные графические элементы. К примеру, я хочу разместить как нужно блокнот. Но я не могу понять, как узнать размеры относительно верней и левой границы браузера. Пока я использую фиксированные размеры. Вот что, у меня пока вышло.
0 votes0 answers -
Как решить данную проблему
Как в данный java скрипт посставить свои переменные http://jsfiddle.net/gvkXB/ <div class="process"> <div class="bar" id="bar"></div> <div class="text" id="text">0%</div> </div> [JS](function(){ var bar = document.getElementById('bar'), text = document.getElementById('text'), p = 0, t; t = setInterval(function(){ p += 1; text.innerHTML = bar.style.width = p + '%'; if (p >= 100) clearInterval(t); }, 500); })();[/JS] [CSS].process { border: #999 solid 1px; background: #fff; position: relative; width: 200px; } .process .bar { position: a…
0 votes0 answers -
Отображение ссылок вида line-through при text-decoration:none !important
Шаблон wordpress, Shaken Greed Free. Задача: сделать ссылки без наведения не подчеркнутыми. Казалось бы, просто: a, a.more-link p{ color:#1C1C1C; text-decoration:none !important; font-size:12px; } a, a.more-link p:hover{ color:#1C1C1C; text-decoration:underline !important; font-size:12px; } Но и после этого отображаются зачеркнутые ссылки! Прошу помощи, ибо сломал мозг. Если нужен - style.css
0 votes1 answer -
Плавный отступ.
Вот собственно: http://jsfiddle.net/iKNG/F3N6f/. FireBug почему то ошибку не выводит, но и результата нет.
0 votes4 answers -
утеря позиции фона при повторении
Добрый день. Помогите решить. есть код background: url(../img/bg-top.png) no-repeat 2px 0px, url(../img/bg-center.png) no-repeat 0px 200px, url(../img/bg-bot.png) no-repeat 2px 97%; } и все вроде как хорошо, но мне нужно что-бы центральная часть повторялась. и когда я ставлю повторение то она заполняет весь блок а не с позиции в 200px и перекрывает верхнюю и нижнюю картинку. помогите пожалуйста. спасибо
0 votes1 answer -
Блоки div
В блоке есть текст. Как сделать так, чтобы когда места в блоке не хватит, то блок увеличивал свою высоту?
0 votes2 answers -
Проблема с порядком элементов при вырезании группы слайсов
Кто-нибудь справился с такой проблемой? Например, если куча марок, с которыми работает клиент - штук 30. В фотошопе они идут один за другим на картинке - слева направо в несколько рядов. Все это дело удобно сохранять выделив всю группу слоев и создав на основе них слайсы. Но... нумерация данных слайсов идет совершенно не по порядку, а каким-то особым образом... То есть если мы все это дело сохраним - номера картинок будут не соотвествовать последовательности в макете. Переименовывая каждый слайс вручную - мы практически полностью лишаемся бонуса в скорости работы через слайсы, а не через сохранение каждого слоя отдельно. Кто-нибудь решил эту проблему? Может можно задать п…
0 votes4 answers -
Проблема с адаптивом
Добрый вечер. Не могу понять почему у меня на сайте происходит вот такая белеберда http://prntscr.com/bxe5oc почему то контейнер становится все равно в 1000 px и не становится нормальным резиновым. В чем может быть проблема? Бутстрапом занимаюсь недавно, но принцип работы понимаю. Скорее мой косяк в верстке, но почему не съезжают в один столбик все элементы на телефонах? мой сайт http://angel-loves.com/ . При уменьшении в 360px столбики не смещаются в один ряд.
0 votes1 answer -
Определить последнюю публикацию
Всем добрый день. Есть сайт на Wordpress (на локале). В открытом посте для перехода на публикацию вперед/назад используются соответственно функции <div class="next"><?php next_post_link('%link', ''); ?></div> <div class="previous"><?php previous_post_link('%link', ''); ?></div> в виде иконок-стрелок. Но одно не учтено - если открыть самый свежий пост, то стрелка, ведущая на следующий (более новый) пост отсутствует, что в принципе вполне логично. Подскажите пожалуйста как реализовать функцию, которая в зависимости от того, открыт самый новый опубликованный пост или любой другой пост выводила бы разные блоки <div>, то есть либо …
0 votes0 answers -
Добавление роликов с ютуба
Народ, подскажите как добавить несколько роликов в один контейнер, и чтоб нажимая на ссылку загружался в это же место другой....
0 votes1 answer -
Помощь по сетке bootstrap3
Подскажите, можно ли в bootstrap3 сделать вот такую сетку средствами css, без js?
0 votes1 answer -
Нужна помощь с адаптивностью
Пытаюсь свою верстку сделать адаптивной, но никак не получается. Решил начать с подвала. Нужно, чтобы на ширина 1020px и ниже все элементы становились друг по дружкой и центрировались. Как такое можно реализовать? Уже все перепробовал. Может неправильно верстаю? Вот верстка: http://cm04741.tmweb.ru/index.html Вот код футера: <footer> <section class="footer-inside"> <div class="counter"><img src="images/liveinternet.png" alt="Счетчик посещений"></div> <div class="copyright">© 2010 - 20** Добро пожаловать в <a href="#">уголок веб-дизайнера.</a></div> <ul class="menu-bottom"> <li><a href="#"&…
0 votes2 answers -
Размещение сайта в интернете.
Здравствуйте! Подскажите пожалуйста следующее: примерный алгоритм размещения сайта во всемирной паутине. (не знаю как более правильно выразиться))) Постараюсь объяснить свой нубский вопрос) Я увлекаюсь вэб-программированием (с недавних пор). Имею представление о HTML, CSS... сейчас изучаю JavaScript. Ну вот допустим сверстал я сайт. Что нужно, чтобы его увидели, скажем мои друзья, а не так, чтобы он был только у меня на компе? Нужно приобретать домен или пользоваться бесплатным? Если можно разьяснить этот момент! Или инфу по этому поводу (желательно с примерами))) Спасибо!
0 votes4 answers -
dreamweaver_cs5
привет всем) не судите строго за вопрос может для кого-то он покажется тупым но я только изучаю и прошу помощи разобраться в программе dreamweaver_cs5 потом мне не понять как залить свой сайт в нет,где найти нормальный домен с хостингом(бесплатный) что-бы работал с dreamweaver_cs5 если кто сможет обьяснить буду очень благодарный!!!
0 votes1 answer -
Не выравниванивается в строку
На сайте vdele.com.ua, в сайдбаре справа, в блоке «тор пользователей» не выравнивается рейтинг (розовые прямоугольники). Подозреваю, что проблема с «float: right;». Если его отключить, то все размещается как надо – на одной строке, только нет выравнивания вправо. А с флоатом – есть выравнивание вправо, но блок «падает» вниз. Кто знает – подскажите, как исправить. Спасибо.
0 votes1 answer -
Шаблон под разные мониторы
Возможно ли каким-то образом настроить определение размеров таблиц и рисунков, чтобы на разных мониторах сайт смотрелся приемлемо? См. прикреплённые файлы. Сейчас вид такой, как на рисунках 3х4 и 16х9, соответственно: А хотелось бы, чтобы на 16х9 было так, как тут: Это вообще возможно? Или лучше сразу пересмотреть все размеры?
0 votes1 answer -
ui autocomplete
день добрый прикручиваю к инпуту автозаполнение http://jqueryui.com/autocomplete/ подскажите, плиз, как сделать, чтобы по фокусу инпута выпадающий список открывался со всеми элементами сейчас он открывается при вводе символов, если конечно нашлось такое вхождение
0 votes0 answers -
Правильно ли я решаю вопрос упорядочивания?
Здравствуйте! На странице есть секция похожие товары, div.product-field-type-R которых упорядочиваю в строки с помощью стиля: .product-field-type-R{ float:left; display:inline-block; min-height: 196px; } Если например сделать min-height: 180px; то будет видно, какую проблему я пытаюсь решать этим стилем(появляются белые пустые места, а не помещающийся товар переносится на новую строку). По мере столкновения с новыми перескакивающими товарами я просто увеличиваю min-height. Есть ощущение, что я неверно решаю задачу. Так ли это?
0 votes3 answers