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
-
Помогите с позиционированием по центру
Мне надо чтобы текст был строго по центру экрана, прижат к верху (не фиксирован) на разных разрешениях. Перепробовала кучу вариантов - ну никак не получается - на разных разрешениях косяки... ...я в 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 -
Карусель ссылок в блоке
Здравствуйте. Задумка: использовать плагин (jquery) Easyzoom на галерее картинок, предназначенный для показа увеличенного фрагмента изображения. Лупа, короче. Работа плагина следующая. <a href='src_pic_lrg'><img src='src_pic_sml'></a>- при наведении курсора на картинку(точнее на ссылку) плагин берет href, в котором указан большой вариант картинки и показывает ее в отдельном div. Это все отлично. но я имею набор картинок, которые переключаются в одном div. Проблема в том, что как ни переключай ссылки, все равно считываться будет href, который написан последним. то есть не переключается вовсе. я переключал zIndex div'ов, в каждом из которых помещено по сс…
0 votes1 answer -
Сделать такой эффект для li
Добрый день. Есть список элементов, не получается сделать для <li> такую "рамку". Или для такого эффекта необходимо фоновой картинкой ставить подложку под текст? И если кто сталкивался, наверняка есть генератор для подобных штук?
0 votes2 answers -
Помогите допилить слайдер
Есть две проблемы: 1 скролл горизонтальный 2 не становится картинка на всю высоту 1138px + нижний отступ. помогите найти решение! Пробовал разные варианты с позицонированием, не помогает, все равно картинка не становится, Подскажите где надо править чтоб получить нужный результат! Спасибо, очень надеюсь на вашу помощь!!
0 votes4 answers -
Неправильно работают якоря
Всем привет! Возникла такая проблемка с якорями сайта http://thisissite.esy.es/ Нажмите на сауна, дкакузи и питание. Прокручивают не к якорю а к концу блока.
0 votes10 answers -
Проблема с media
У меня есть страница,стили которой грузятся так <link rel="stylesheet" type="text/css" media="screen and (max-width: 800px)" href="css/800.css" /> <link rel="stylesheet" type="text/css" media="screen and (min-width: 801px) and (max-width: 1024px)" href="css/1024.css" /> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1025px) and (max-width: 1280px)" href="css/1280.css" /> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1281px) and (max-width: 1450px)" href="css/1400.css" /> <link rel="stylesheet" type="text/css" media="screen and (min-width: 1451px)" href="css/1600.css" />Почему-то у заказчика,будуч…
0 votes1 answer -
Принцип определиения работы media handheld
(Извиняюсь, накосячил в названии темы) Подскажите, по какому принципу работает media handheld? Я хочу сделать мобильную версию сайта, но мне нужно, что бы она выдавалась исключительно для смартфонов, а для планшетов и пк выдавалсь настольная версия. Учитывая что сегодня смарфтны имеют разрешение вплоть до 2к, а планшеты бывают и по 720px, то max/min width мне не подойдёт, а вот как будет работать media handheld? По какому прнципу отличает смартфон от планшета?
0 votes3 answers -
Трехколоночная адапривная верстка
Доброго дня, дамы и господа. Вопрос: Нужно сверстать трехколоную страницу на которой бы при сужении экрана боковые колонки одновременно убегали под центральную главную. Колонки: <div class="wrapper"> <div class="main"></div> <div class="left"></div> <div class="right"></div></div> Стили: .main { width: 800px; margin: 0 200px;}.left { width: 200px; float: left;}.right { width: 200px; float: right;} и они действительно при малом экране стают так, как надо: @media (max-width: 999px) { .main {width: 100%;margin: 0;} .left, .right {width: 50%;} Но если окно 1000px и больше, то получается так: Если код помен…
0 votes4 answers -
счетчик для одностраничника
Добрый день подскажите как найти счетчик вот такой где найти подобный? Очень нужен! Пересмотрел много, но ни один не подходит, как его править, так чтобы можно было шрифт заменить, и цвет нужный поставить, и на русский даты и времени перевести. Спасибо, буду очень признателен за помощь.
0 votes13 answers -
Как отменить обтекание текст label а вокруг checkbox.
По дизайну нужно сверстать вот так: Получается вот так: Fiddle Как можно делать делать так, чтобы получилось по дизайну. Спасибо.
0 votes3 answers -
пробема с отображением ячеек календаря при наведении мышкой
Всем привет, Естиь пробема с отображением ячеек календаря Надо зайти http://zenbookin.p.zettich.com под логином tester@mail.com 111111 И дальше сюда http://zenbookin.p.zettich.com/business/scheduler/ Проблема в том что если подвести мышу над одной из ячеек (синей или зеленой) то текст смещается вниз и становится нечитаем Там идея изначально была при наведении мышки на слот помееять цвет/фон. Но получилось криво смотря исходники вижу что задейтвованы в файле http://zenbookin.p.zettich.com/static/css/fullcalendar.css классы fc-time, fc-content, и в файле http://zenbookin.p.zettich.com/static/css/style.css класс fc-event-custom-class Для hover этих классов я выса…
0 votes1 answer -
в горизонтальном меню съезжают пункты вслед за подпунктами
Необходимо меню позиционировать справа в блоке, а выпадающие пункты должны выпадать влево: песочница (просмотр full screen) ...и при наведении на раздел 3 выпадает список с подразделами, однако пункты раздел 1 и раздел 2 тоже уезжают влево на уровень подразделов. Как не бился не могу исправить... ...помогите, что-то логику ни как не могу понять с этой многоуровневостью.
0 votes14 answers -
Не пойму transition
Здарова всем. Написал вот такой вот кодик: <!--Начало блока--> <div class="item-block"> <div class="item-block-img"> <a href=""> <img src="https://www.vivatao.com/taoimages/img04/bao/uploaded/i4/T1a7tSXuhbXXXXXXXX_!!0-item_pic.jpg_200x200.jpg" alt=""> </a> </div> <div class="item-block-title"> <a href="">фыв</a> …
0 votes7 answers -
Баг в вёрстке
Добрый день форумчане. Прошу помощи в установлении ошибки в адаптивной вёрстке. Есть страница: http://www.tribuna.com.ru/collection/lingerie-autumn-winter-2014-2015/sea-fan... Если её уменьшить до размера мобильника картинка с моделью съезжает вниз: http://joxi.ru/752a14NES8MG20 В чём проблема и прошу объяснить, чтобы в будущем не попадаться на этом.
0 votes2 answers -
Как закрепить картинку в среднем блоке
Здравствуйте, Коллеги! Сайт на готовом движке http://mobilang.ru Свертан в три колонки. В средней колонке разместил картинку, но при изменении ширины окна браузера она выпадает вниз. Хотелось бы, чтобы картинка всегда была на месте. при любой ширине окна браузера. Как то это можно сделать? В CSS файле следующие записи про эти колонки: #leftcol { position:relative; top:-10px; left:-10px; float:left; width:260px; /* for IE5/WIN */ voice-family: "\"}\""; voice-family:inherit; width:280px; /* actual value */ margin:0 0 -10px 0; padding:0px; z-index:5; } #rightcol { position:relative; top: -10px; right:-10px; float:right; width:300px; /* for IE5/WIN */ voice-family: "\"}\"";…
0 votes6 answers -
Не правильное отображение на мобильных устройствах
Добрый день, заметил, что на http://gigaline.com.ua/about.html заходя с мобильного устройства или устройства с маленьким разрешением экрана текст опускается за стиль, где то вниз )) http://gigaline.no-ip.biz/owncloud/public.php?service=files&t=463d8ff3d3a36dad4e93b16ab6305a1c&download подскажите как побороть данную досаду?
0 votes4 answers -
CSS Спрайт
Всем доброго времени суток. Столкнулся вот с такой проблемой, то ли я туплю, то ли делаю что-то не так с css спрайтом. Есть вот такой кусок html кода: <div id="social-button"> <a href="#" id="social-button1"></a> <a href="#" id="social-button2"></a> <a href="#" id="social-button3"></a> <a href="#" id="social-button4"></a> </div>И так же кусок css: #social-button { width: 162px; height: 32px; float: right; margin-right: 30px; margin-top: 65px;}#social-button1 { width: 33px; height: 33…
0 votes3 answers -
Как создать аналогичный блок?HELP!
Всем доброго вечера! Подскажите, пожалуйста, где можно посмотреть пример скрипта аналогичного блока ("Бренды раздела" на картинке) (ссылка на сайт с подобным скриптом:http://www.letu.ru/parfyumeriya ):
0 votes1 answer -
автоматическая ширина для input
помогите пожалуйста решить проблему есть поле input со строкой текста внутри. не получается сделать так чтобы ширина поля подстраивалась под количество текста(длину строки). фиддл могу использовать js, но хотелось бы на css
0 votes3 answers -
Куда сдвинуть блок(и)?
Всем привет) Вот сайтик http://texteredsa.besaba.com/marca/ в хедере 3 блока, где лого, поиск и корзина. при уменьшении экрана, куда их сдвинуть лучше будет и какие сдвинуть чтобы адаптив лучше сделать? а то уже пару часов парюсь и не очень получается.
0 votes5 answers -
Книжка PHP
Доброе воемя суток! Ребят ,кто может поделится ссылкой на скачивание рус. книжки "PHP и MySQL. От новичка к профессионалу" Кевин Янк ? Спасибо!
0 votes3 answers -
Внешний шрифт не отображается в подпунктах меню
Добрый день всем! Возникла проблемка на джумла-сайте одна, подключил внешний шрифт на сайте для определённых элементов, а точнее для всех <h2>, беда в том, что шрифт заменяется корректно только на страницах первого уровня(т.е. если пункт меню к примеру "Материал" или "Блог категории"), а глубже к материалу который висит в категории шрифт не меняется. Такая же беда и с дочерними пунктами меню. Вот ссылка на сайт где это реализовано http://baza-anastasiya.ru/ . На странице с новостями(в левом меню) если нажать на кнопку подробнее это видно. Может быть кто сталкивался с такой проблемой или знает в чём дело, подскажите пожалуйста!
0 votes2 answers -
Webstorm кракозяблы в консоли
Есть Webstorm 8, поставил Ruby 2.1.4, доставил Sass, при работе всего этого выдаёт такую вот картину Как победить эти кракозяблы? Или в какую сторону копать? Заранее спасибо!
0 votes4 answers -
не работает ссылка, содержащая iframe
помогите пожалуйста решить проблему в ссылку заключён текст и iframe(с видео). проблема в том, что при клике по тексту ссылка работает, а при клике по iframe - нет(нажимается именно видеоплеер) <a class="link_to_details" href="/video/2/" style="display: block;"> <article class="article col-xs-4"> <iframe allowfullscreen="" src="//www.youtube.com/embed/1UBnfzMWiPg" frameborder="0"></iframe> <h4 class="h4">666</h4> <div class="views">Количество просмотров: 0</div> <div class="views">Количество лайков: 0</div> </article></a>возможно сделать так чтобы при клике на ссылке поверх видео, происходило п…
0 votes3 answers -
Лендинг и формы
Привет всем. Такой вопрос. Есть лендинг допустим. Лендинг-интернет магазин. Где на одно странице расположены куча товаров и при клике заказать под товаром, появляется pop-up в котором пользователь вводит свои данные. Такой вопрос. Для каждого товара делать свою форму? или сделать одну, которая будет генерироваться автоматически?
0 votes2 answers