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
-
scrollbar сдвигает всё
Здравствуйте! Как вы знаете, то скроллбар может сдвинуть весь дизайн с его нормальной точки. Вот и у меня такое случается, по этому обращаюсь к Вам за советом, как можно этот скроллбар прикрутить(не знаю как сказать даже) к размерам сайта, ну, инимы словами, что бы скроллбар появлялся, но не сдвигал сайт. Если есть другие предложения, как это улучшить, смело пишите!
0 votes8 answers -
Подскажите, как так сделать?
Помогите пожалуйста сделать вот такое! Суть заключается в том, что все цвета, кроме синего(контент) должны быть всегда width: 100%; а контент всегда посередине margin: 0 auto; Вопрос как так сделать?
0 votes12 answers -
Конфликт стилей
Добрый. Подскажите пожалуйста как выправить досадную ошибку в стиле, а именно, перейдя http://gigaline.com.ua/sites/blog(1).html вы можете заметить, что галерея выходит на передний план, а должна менюшка быть сверху, очень прошу подсказать где ошибка?! Спасибо.
0 votes6 answers -
Адаптивная вёрстка под мобильные
Здравствуйте Столкнулся с проблемой адаптивной вёрстки. Телефон имеет ширину экрана 640px, высоту 1100px Делаю в css такое условие: @media only screen and (max-device-width: 670px) { #navi-h {height:auto; width:500px; background:url(images/home-menu-bg.jpg) repeat; margin:0 auto;} } Подцепляется стиль, но отображается на экране намного меньше реальности, по ширине показывается меньше процентов на 30. В чём может быть причина? ну и дабы не быть голословным сайт f c d e c o r точка ru
0 votes5 answers -
Маска стрелки
http://jsfiddle.net/Zverushka/FxGXC/2/ Можно ли сделать подобное через маску (с применением в том числе свг для кроссбраузерности), но чтобы так - чтобы по сути мы вырезали только низ - чтобы слой обрезался так - чтобы была лишь стрелочка внизу и все - а по ширине и высоте могли быть любые размеры? Потому как сейчас для маски используется фиксированных размеров квадрат - не бесконечный по ширине и высоте (и если блок будет больше высоты и ширины маски - он просто обрежется и все ...
0 votes7 answers -
Мои вопросы
Всем привет.Так как являюсь начинающим ,поэтому решил не заводить каждый раз новую тему в случае вопроса , а сделать всё в одной.Заранее спасибо всем кто будет принимать участие. http://cssdeck.com/labs/sqnc9dd9 Вот и первые вопросы: *Как можно было ещё перенести слова в столбик ? я это сделал при помощи <br> а возможно ли это сделать через стили? (по идее думал что можно сделать через disply : block; но почему то не получилось- юзаю мозилу *Можно ли как то установить блок main по центру вертикально автоматически или же нужно в ручную подгоняя пиксели через топ ? * да и В общем ,как вам эта вёрстка в целом ?
0 votes52 answers -
двойной бордер
здравствуйте! Нужно эллементу дать бордер по правой стороне, бордер банальный: 1px solid , но у него должно быть два цвета, белый и черный. Пробовал делать outline, но как тогда указать именно по правой сторону эллемента? тенями тоже пробовал - не получилось( подскажите пожалуйста в каком направлении двигаться?
0 votes1 answer -
Прикрутить градиент к тексту
Задался задачей сверстать надпись CARS (ниже картинка где видно, что С и S подсвечены) без использования изображений. Вот тут нашел годную методику - с помощью свойства CSS3 background-clip: text; фон применяется к тексту, соответственно, можно сделать радиальные градиенты и применить их к надписи, но это работает только в ВебКите. Как это реализовать кроссбраузерно? Поможет ли использование Модернайзера (раньше не имел с ним дело)?
0 votes8 answers -
Проблема с масштабированием фона элемента
В общем есть ссылка в виде картинки( реализована с использованием css-спрайта: при наведении меняется бэкграунд при помощи background-position) Соответственно все это дело имеет фиксированный размер. Можно ли как то реализовать масштабирование подобной ссылки с помощью CSS? Или придется использовать javascript?
0 votes1 answer -
Создание 3 контейнеров.
Доброе время суток. Подскажите как можно создать 3 контейнера. Вот по такому образцу: Буду блогадарен за помощь
0 votes3 answers -
Кракозябры в IE
Добрый день дорогие форумчане! Выручайте! В общем есть сайт на wordpress. Встала необходимость в создании именно статичных php страниц, тоесть я взял исходный код вставил в php файл, всё работает, всё норм. НО, в IE показывает кракозябры, вот ссылка на страницу, а в других браузерах норм. http://u.to/827EBQ Вроде бы кодировку на UTF 8 выставлял, и сохранял файлы в UTF-8, просто utf8. Сохранял в UTF-8 без Бом, всё равно так же. Помогите, в чём может быть причина? как исправить? Буду очень благодарен! Выручайте!
0 votes1 answer -
Адаптивная верстка
Всем привет! Такой вот вопрос.. Хочу освоиться в адаптивной верстке и вот думаю нужно ли использовать фрэймворки? Больше все мне понравился Bootstrap. Как вы думаете стоит ли писать адаптивные сайты вручную или достаточно воспользоваться тем же Bootstrap'оm?
0 votes14 answers -
Что растягивает h3?
Добрый день. Счастья всем На странице у блока "Случайный товар"(слева внизу под списком категорий) h3 тег непомерно высокий, большое значение height. У его собратьев h3 в блоках Новинка и Рекомендуем ниже всё нормально с высотой. Все блоки выводятся одним и тем же модулем. Как понять, что растягивает тег h3?
0 votes3 answers -
Текст по центру
http://cssdeck.com/labs/hvhc0no2 Парвильно я установил текст по центру или же есть более адекватные методы ?
0 votes15 answers -
Форма поиска + :hover ,не работает при наведение на кнопку, как быть?
Как мне сделать, чтобы картинка кнопки была единым целым с оболочкой?? Никак не пойму, как сделать. Просто раньше никогда не делал на сайтах поиск :crazy: теперь пришлось. Когда пишу: z-index: 100; фигня получается. <form class="form-search" method="get" action="/search" target="_blank"><input type="text" name="q" value="Что-то ищите?" onfocus="if(this.value=='Что-то ищите?') this.value=''" onblur="if(this.value=='') this.value='Что-то ищите?'"/><input src="/img/search.png" type="image" alt="поиск"/></form>.form-search {display: inline-block;float: right;position: relative;right: 20px;top: 20px;}.form-search input {width: 100px;height: 25p…
0 votes2 answers -
Трясет элементы при скроллинге в Parallax эффект
нашёл подходящую тему. как удалить эту тему?
0 votes0 answers -
Разные отступы в меню,как исправить?
Всем доброго времени суток! Вот сайта Проблема в том,что у горизонтального меню по правому краю в разных браузерах(к примеру:Mozilla FireFox и Chrome) совершенно разные отступы,в чем проблема? Mozilla: Chrome:
0 votes2 answers -
Таблица во всю высоту ячейки
http://zverushka.zz.mu/oil/ Такая проблема - не могу сделать таблицу в таблице во всю высоту ячейки. Как видите граница слева от "показать спецификацию" не достает до конца - то есть таблица зависла посередине со своей высотой не равной 100% высоты...
0 votes10 answers -
overflow hidden и невозможность перекрыть границы
http://jsfiddle.net/p65S9/1/ Вот такая ситуация. Стоит поставить обрезание - как нельзя поместить внутренний слой поверх границ так - чтобы слой перекрывал эти границы. Как это обойти?
0 votes11 answers -
Таблицы, позиционирование и задача
http://jsfiddle.net/7R4a9/1/ Вот эффект, который должен получится (видно в хроме). В мозилле не работает по понятным причинам. Вопрос - как сделать тоже самое в мозилле? Можно использовать лишние обертки и хаки. Цифры всегда должны быть вертикально посередине (то есть если мы оборачиваем цифры в обычный див - их уже не выровнять по центру, а высота ячейки изначально неизвестна). я использую в том числе jquery для решения проблемы, но дело в том. что таблица при загрузке невидима и нужно будет при каждом открывании таблицы высчитывать высоту div и line-height (для решения проблемы). но мне этого делать не хочется (плюс line-height не самое лучшее решение - вдруг данные в я…
0 votes11 answers -
Даже не знаю как объяснить, лучше сами посмотрите
Суть такая. Есть страница неких установок. Она в виде вертикального аккордеона на JQuery. Аккордеон как водится состоит из раскрывающихся блоков. Сначала идет Текст1, за ним второй блок Текст2 итд) Внутрь блока Текст1 вставлена форма, с параметрами там, значениями всякими. Она тоже на JQuery. Если нажать на Текст1 и раскрыть блок, то форма займет тот объем, сколько полей ввода, чекбоксов и прочего туда всунешь. То есть можно добавлять сколько угодно инпутов в форму и при раскрытии блока Текст1, блок Текст2 будет идти следом, спускаясь ниже Но. Внутри формы есть два таких переключателя - "показать основные установки" и "показать расширенные установки". Их кнопки еще в в…
0 votes2 answers -
Фотогалерея responsive. Одинаковая высота картинки.
Здравствуйте! Нашла вот такой пример верстки фотогалереи, подстраивающейся под разную ширину экрана. http://themeforest.net/item/tongtiew-travel-agency-html5-responsive-template/full_screen_preview/6542247 Но не могу понять, что нужно сделать, чтобы картинки были одинаковой высоты? Вроде нет никаких специальных стилей, а они одинаковые...
0 votes18 answers -
Засветление одого края текста
блоку дал такие стили: width: 100px;white-space: nowrap; word-wrap: normal;overflow: hidden;Чтобы не было переноса текста на новую строку и блок обрезал текст. Но вот видел на одном из сайтов не могу вспонить каком, что при такой обрезке текста его правый край размытый. Что это за трюк или скрипт?
0 votes2 answers -
Ищу наставника.
Здравствуйте, уважаемые форумчане! Меня зовут Алексей, я сейчас работаю верстальщиком, но я не укладываюсь в сроки вёрстки, потому что мне не хватает компетенции. Я ищу человека, который бы стал для меня наставником. Готов хреначить как проклятый. Да, и конечно, это всё не за "спасибо", я так же готов отдавать какую-то часть от моей з/п этому человеку. В общем есть огромное желание профессионально вырасти и нужна помощь знающего человека. Заранее большое спасибо! Мои контакты: main.c@rambler.ru
0 votes8 answers -
Едет верстка на IPad'е
Всем привет. Есть простая верстка: http://test.premier96.ru/main.html Говорят (сам сабжевым девайсом не обладаю, поэтому воочию посмотреть не могу), что на айпаде кое-что едет, даже картинку дали как оно едет: http://test.premier96.ru/photo.jpg Проблема даже не в том, что вообще мало понятно, почему оно так вот едет, а в том, что ВСЕ онлайн показометры сайтов на моб. устройствах ничего подобного не показывают, там все ок. Может у человека с браузером на девайсе фигня какая-то происходит ? У кого айпад есть, гляньте, как у вас отображается или кто-то может просто подскажет, в чем может быть дело ? Заранее благодарю!
0 votes6 answers