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
-
Размеры блоков
Пожалуйста помогите. Простой код http://cssdeck.com/labs/iwugvudp Сверху два блока 800 и 200 левый отступ у второго 10px, поля 0 итого 1010 px, блок ниже 1010px, но визуально границы блоков по левому краю не совпадают. В чем может быть проблема?
0 votes3 answers -
Отбрасывание нижнего блока
Здравствуйте, подскажите почему верхний блок когда ему задаю маргин топ отбрасывает нижний идущий сразу же по дним?? и из за этого не могу подкоректировать и сделать как в макете вот скрин (http://itmages.ru/image/view/1496775/2a5e55e0), спасибб
0 votes3 answers -
Сложная верстка
Добрый день! У меня есть пара не простых заданий. Ломаю голову, думаю как их сделать, если кто нибудь знает прошу помочь, буду очень очень признателен. http://joxi.ru/dKMEU_3JTJB8WSyJq2k - вот первое http://joxi.ru/sqMEUxjKTJATR6BW7dk - вот второе
0 votes34 answers -
Проблема с шрифтами
Испытываю ряд трудностей при просмотре сайта с apple устройств, а именно они отказываются воспринимать Tahoma и заменяют его шрифтом с засечками. Какие есть стандартные методы борьбы с яблоком? Меня бы в принципе устроила даже отдельная загрузка шрифта для этих устройств через @font-face с указанием @media я просто не нашел как именно нужно выделять их.
0 votes2 answers -
HTML + enter
Cтолкнулся с тем, что когда формат. констр. ul>li*5>a браузер создавал пробелы между inline списками, если на конце li был перенос строки - enter, а если не было, то и на странице пробел пропадал,(когда весь код в строчку) логично вроде бы, но мне так не кажется. Потому что я не планировал, допустим, ставить пробелы между списками, код должен быть читабельным, а не идти в строчку. Но отсуда и вопрос, как управлять этими пробелами? собственно код: http://jsbin.com/ogiPEgiS/23/edit
0 votes1 answer -
Проблема с configuration.php
Здравствуйте! Внезапно обнаружил косяк с сайтом. Дело вот в чем, если в браузере набрать адрес сайта www.ophmao.ru , то он отображается не правильно, т.е. выводит не Главную, а список материалов одной из категорий. Но если набрать в браузере (что я всегда и делал) просто ophmao.ru (т.е. без www), то все корректно. В файле configuration.php нашел следующую строку public $live_site = 'http://ophmao.ru'; Соответственно я попытался исправить ситуацию добавив тройное W в строку. Ситуация поменялась на противоположную. Т.е. без www отображается не корректно. Как победить? Что крутить и куда вертеть? Очень буду признателен за помощь.
0 votes4 answers -
Как убрать рамку в поле поиска в хроме?
В мозиле рамка не отображается, а в хроме она есть и как её убрать?? пробовал через :active не помогает, может какой-то префикс надо использовать? <!DOCTYPE HTML><html> <head> <meta content = "text/html" charset = "Windows-1251" http-equiv = "content-type"/> <link rel="stylesheet" href="styles.css" media="screen" /> <script type="text/javascript" src="js/functions.js"></script> <title>Магазин</title> </head> <body> <div class="main"> <div class="header"> <a href="/"><img class="logo" src="images/logo.jpg" alt="Интернет магазин сотовых телефонов"/></a> <img class…
0 votes4 answers -
Картинка всегда внизу
Здравствуйте! Подскажите как сделать что бы картинка всегда была внизу блока, вне зависимости от количества контента?
0 votes6 answers -
Помогите решить задачу с :hover
В общем идея такая: - создал три квадрата и один список, который находится под квадратами. Данные элементы находятся в одном блоке. В каждом из квадратов находится по одному блочному элементу <p> разного цвета, у которых стоит display: none. При наведении курсора мыши на один из пунктов списка под соответствующим квадратом с использованием :hover, ожидал увидеть чудесное появление блочного элемента <p> в квадрате соответствующего цвета.... Но как то появляться он не хочет... Кто может объяснить эту проблему и возможно ли осуществить такую задумку? Вот мое творение: http://jsbin.com/fojuz/1/edit
0 votes10 answers -
Проблема с отображением внедренных шрифтов в ie
в ie http://fitfast.ru/шрифты все слетают хотя у меня шрифты внедрены вот так: @font-face { font-family: "SegoeWP"; src: url("/images/SegoeWP.eot "); src:url("/images/SegoeWP.eot?#iefix") format("embedded-opentype"), url("/images/SegoeWP.ttf ") format("truetype") ; font-weight: normal; font-style: normal; } многие пишут что формата eot достаточно для того чтобы ie отображал?!
0 votes6 answers -
Кнопка "наверх" на разных сайтах работает по разному
Не могу понять, хостер один и там и там, а медленная прокрутка вверх работает только на втором сайте. Что я не учёл? 1. http://xn—-7sbbntllhgghd2af4opb.in.ua/smola.html 2. http://xn--80apgctu.in.ua/index.html Вот скрипт $(function(){$.fn.scrollToTop=function(){$(this).hide().removeAttr("href");if($(window).scrollTop()!="0"){$(this).fadeIn("slow")}var scrollDiv=$(this);$(window).scroll(function(){if($(window).scrollTop()=="0"){$(scrollDiv).fadeOut("slow")}else{$(scrollDiv).fadeIn("slow")}});$(this).click(function(){$("html, body").animate({scrollTop:0},"slow")})}}); Спасибо!
0 votes2 answers -
Переход по ссылке из MS Office
Столкнулся с проблемой, если люди переходят по ссылке из MS Office на сайт, то даже в нормальной версии браузера вылетает сообщение чтобы обновили версию браузера что сайт не поддерживает его if(preg_match('/(?i)msie [2-8]/',$_SERVER['HTTP_USER_AGENT'])){ header('HTTP/1.1 301 Moved Permanently'); header("Location: /ie.html"); exit;}Как вылечить?
0 votes5 answers -
bxSlider - последний слайд перекрывает остальные
Сразу дам ссылку на проблему — http://jsfiddle.net/mrnobody/6RkSd/ Есть слайды, когда я перехожу на второй слайд (или любой другой, кроме первого и последнего), то он появляется на долю секунды и перекрывается последним. в моем случае слайдом под номером 4. PS: Еще заметил, переключился на слайдер -> случилось перекрытие, и если я открою веб-инсперктор, то показывается нужный слайд. PPS: Нашел решение дописать mode: 'fade', но нужно чтобы они именно перелистывались. PPPS: Правильно работает только в Опере 12.16.
0 votes2 answers -
HTML препроцессоры
Подскажите html препроцессоры для локальной вёрстки, с возможностью инклюдить другие файлы с указанием параметров.
0 votes2 answers -
Рзмытость текста
Доброго времени суток! Заметил, что в фотошопе на исходнике текст отображается немного размытым http://i7.pixs.ru/storage/5/4/7/imagejpg_3073864_10892547.jpg Можно ли добиться такого эффекта и в браузере?
0 votes3 answers -
Скользящее меню
Ползунок съехал с места где он должен стоять при наведение. Т.е. выглядит вот так: Исходный код: http://jsfiddle.net/L4D2/7a2NS/ Менял в #lavalamp значение, не получалось.
0 votes6 answers -
Что бы блоки не расходились ?
Здравствуйте! Пытаюсь сделать резиновый сайт, но как-то не очень получается... Кроме проблем с размерами встретилась такая проблема: При уменьшении сайта (ctr + - ) у меня расходятся. Т.е. 2 div блока: float: left & float: right; Но, когда уменьшаю сайт - каждый улетает в свою сторону, при увеличении, оба сдвигаются на центр. Вообще, хочу сделать правую сторону фикированную (меню), а левую (конент) обычную, т.е. с прокруткой. - первый div: контент, второй: меню Как я понял, проблема в том, что меню у меня: position: fixed; Но жду Ваших советов.
0 votes4 answers -
Почему не работает :hover?
http://jsfiddle.net/Qjm3n/
0 votes1 answer -
Opera mini и ширина сайта
Когда открываю свой сайт через opera mini с включенной настройкой ОДНОКОЛОНОЧНОГО ВИДА(one column...) то ширина сайта уменьшается (подробнее на изображении ниже: Просто для интереса установил для body минимальную ширину 150px и ширина в браузере увелечилась на 150px, решил установить 100% минимальную ширину, не заработало. как исправить? p.s. юзаю еще twitter bootstrap 2
0 votes0 answers -
Что с yandex картами? Как установить на сайт?
вот ссыль http://api.yandex.ru/maps/tools/constructor/ здесь можно получить код карты и влепить себе его на сайт но код не пашет. кто сталкивался
0 votes4 answers -
Не срабатывает отрицательный margin-top (в IE,FF)
Добрый вечер всем! Воспользовался бесплатным шаблоном, так как я далеко не верстальщик, скачал отсюда: http://w3layouts.com/factory-industrial-mobile-website-template, взял только шаблон из папки web. Поменяв пути для src и href на правильные, я встроил данный шаблон в админку. Но, как оказалось, шаблон не кроссбраузерный. Есть 1 косяк, и он проявляется во всех браузерах кроме Chrome, а именно: .top-header { margin-top: -456px;}суть в том, что меню и блок, следующий за ним (из 3 колонок), которые отображаются поверх слайдера в Chrome и Safari, отображаются после слайдера в IE, FF и OPERA. Самое обидное, что уже весь шаблон перелопатил под себя, изменив стили, иконки и пр…
0 votes1 answer -
Странное поведение ссылок
Делаю красивое выделение ссылок при наведении курсора (при наведении курсора мыши ссылка выделяется синим блоком). Вот пример: http://jsfiddle.net/x75PL/ Выделение блоком срабатывает только при наведении на блок с ссылкой - так и надо. Проблема в том, что ссылка срабатывает и при наведении вне приделов блоков - по всей ширине страницы. Почему так происходит. Как сделать что бы ссылка срабатывала только при наведении на блок (который выделяется синим - link 1 и link 2 из примера), или при наведении на текст (link 3 из примера).
0 votes7 answers -
min-height не работает при float:left
Всем привет, мучаюсь с min-height в двухколоночном макете. Буду очень благодарна за подсказку! Суть: в div вложены две колонки (у правой - float:left). Диву задана min-height, но он все равно "держит" высоту по той колонке, где меньше контента. То есть, получается так: А мне нужно, чтобы область с рамкой растягивалась в соответствии с кол-вом текста, но всегда была больше 100px. Если убрать float:left у сайдбара, сайдбар пропадает... зато все растягивается как надо ) В общем, запуталась. HTML: <div class="main"> <div class="maincontent"> <div class="bigpic"> IE8, Opera, Safari, Мозила - расчет ведется от body, т.е. если у не…
0 votes4 answers -
Всплывающее окно для планшета
в общем уже голову сломал. нужно оптимизировать сайт для планшета. http://liderventfasad.ru/ нужно чтобы при тычке на планшете выпадало окно. (на любом пункте из списков предлагаемых услуг). на компе при клике это работает, а на планшете нет. что делать? помогите CSS .thumbnail{ position: relative; z-index: 0; } .thumbnail:focus{ background-color: transparent; z-index: 50; } .thumbnail span{ /*CSS for enlarged image*/ position: absolute; background-color: #3d3d3d; padding: 5px; border: 1px solid white; visibility: hidden; color: white; font: 12px 'Tahoma'; text-decoration: none; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px …
0 votes0 answers -
bxSlider вопрос по поводу функционала
Захотелось запихать в страницу 2 слайдера разного внешнего вида. Используется bxSlider. Вопрос как это реализовать? Написать стили для второго слайдера в html коде, а первый берет стили из bxslider.css ?
0 votes4 answers
-
Обсуждения
-
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Портфолио https://www.behance.net/d4d4186e Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ -
Актуальные контакты: Telegram: @Nikker_web E-Mail: tarasevich.email@gmail.com Разрабатываю дизайн групп в соц сетях, сайтов, приложений, другой дизайн под заказ Портфолио https://www.behance.net/d4d4186e
-
Доброго всем времени суток. Прошу помощи. Научите принципу изменения футера. Движок Xenforo. Версия 2.2.10. Стиль дефолтный. Что именно нужно в итоге на фото примере. Мой шаблон app.footer less имеет следующее значение. .p-footer { .xf-publicFooter(); a { .xf-publicFooterLink(); } } .p-footer-inner { .m-pageWidth(); .m-pageInset(); padding-top: @xf-paddingMedium; padding-bottom: @xf-paddingLarge; } .p-footer-row { .m-clearFix(); margin-bottom: -@xf-paddingLarge; } .p-footer-row-main { float: left; margin-bottom: @xf-paddingLarge; } .p-footer-row-opposite { float: right; margin-bottom: @xf-paddingLarge; } .p-footer-linkList { .m-listPlain(); .m-clearFix(); > li { float: left; margin-right: .5em; &:last-child { margin-right: 0; } a { padding: 2px 4px; border-radius: @xf-borderRadiusSmall; &:hover { text-decoration: none; background-color: fade(@xf-publicFooterLink--color, 10%); } } } } .p-footer-rssLink { > span { position: relative; top: -1px; display: inline-block; width: 1.44em; height: 1.44em; line-height: 1.44em; text-align: center; font-size: .8em; background-color: #4682B4; border-radius: 2px; } .fa-rss { color: white; } } .p-footer-copyright { margin-top: @xf-elementSpacer; text-align: center; font-size: @xf-fontSizeSmallest; } .p-footer-debug { margin-top: @xf-paddingLarge; text-align: right; font-size: @xf-fontSizeSmallest; .pairs > dt { color: inherit; } } @media (max-width: @xf-responsiveMedium) { .p-footer-row-main, .p-footer-row-opposite { float: none; } .p-footer-copyright { text-align: left; padding: 0 4px; // aligns with other links } } -
Нужны сайты с примерами верстки, типа https://css-tricks.com/. Типовые приемы и нестандартные на все случаи жизни. Накидайте ссылок. -
By Katerina23 · Posted
Да, подходит. Спасибо. -
<input type="number"> -
By Katerina23 · Posted
Здравствуйте, подскажите какой тег использовать для увеличения значения, пример на картинке. Вроде, про такой тег я слышала. Если есть тег прогресс бар, значит и такое должно быть.
-