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
-
Прозрачность.
Всем доброго времени суток! Есть такой код. И к нему такой вопрос(и к вам так же ): Почему картинка и текст на прозрачном блоке стали прозрачными и как это убрать?.
0 votes4 answers -
PHP работает только на хосте?И стоит ли его изучать?
Собираюсь изучать php, но узнал, что нужно поставить сначала сайт на сервер apache, еще мне друг рассказывал, что js легко взламывается. P.S. php это ведь язык программирование?Он ведь такой же как и javascript?
0 votes13 answers -
sadebar(правая колонка) наезжает на нижний блок
http://karpovka.com/2014/09/03/199290/ как исправить косяк пробовал различные варианты и ничего не приходит в голову
0 votes4 answers -
body overflow:hidden не работает в Chrome
Здравствуйте! Возникли сложности со скроллом в webkit браузерах. Задача: необходимо что-бы по клику на div страница замирала в текущем положении и не возможно было прокручивать с помощью колёсика мыши. Вот небольшой макет. <!doctype html><html><head><meta charset="UTF-8"><title>Overflow: hidden</title><style> .box { width: 498px; height: 298px; border: 1px solid #000; margin: 5px auto; text-align: center; } .text { font-size: 150px; font-family: sans-serif; font-weight: bold; }</style></head><body> <div class="box"><span class="text">1</span></div> <div class="box"><span…
0 votes7 answers -
Слайдер
Здравствуйте. Нуждаюсь в слайдере, который бы ещё выводил такое "Картинка 1 из 4", например. http://joxi.ru/Zh0PVIwyTJDNAmfxY0s Или подскажите, как прикрутить к уже существующему слайдеру? Спасибо. А, всё. Неправильно искала.
0 votes2 answers -
[Теория] Навороты современного дизайна и нагрузка на машину
Собственно сегодня спорили с одним товарищем (дизайнером), о том как влияют всяческие "плюшки" на скорость работы сайта. Он рассказывал мне про то, что мол популярные "адаптивные" страницы, где почти всё указано в процентах, весьма нагружают машину посетителя. Возникают глюки тормоза и тд, не суть важен этот разговор.. Но я действительно задумался, а насколько страница сверстанная к примеру с помощью "бутстрапа", больше нагружает браузер и машину посетителя страницы по сравнению с той же классической(в общих рамках) страницей.
0 votes6 answers -
Нестандартный вид текстового поля
День добрый! Возникла необходимость вместо стандартного прямоугольничка тега input сделать вот такое: ..................... и потом на эти точки вводить текст. Рылся пол-ночи в инете и ничего не нарыл Подскажите, как это можно сделать средствами css? С ув. Uncle Fox
0 votes9 answers -
PHP if/elseif/else vs switch
Николя223, Не совсем правильно поняли. Извиняюсь, я всегда паршиво формулирую вопрос, виноват. <?php $age = 44; if ($age > 18) {echo "Registered!";} elseif ($age == 44) {echo "Да вы что??";} elseif ($age == 18) {echo "Sure?";} else {echo "Go away!";} ?>Как видите, если возраст больше 18, выводиться будет Регистеред. В данном случае возраст больше 18, но я хочу, чтобы для 44-летних выводилось иное сообщение. Но все равно выводит Registered!. Как добиться того, чтобы выводилось значение первого elseif? Добился нужного результата поменяв значения переменных местами следующим образом: <?php $age = 12; …
0 votes2 answers -
help me!
вывожу картинки на страницу в коде они есть а визуально нет <div id="soder"><h1>альтернативный текст</h1><br/> <?php $var1 = 'images/big/'; $var2 = scandir($var1); for($i=0;$i<count($var2);$i++){ if(($var2[$i] != ".")&&($var2[$i] != "..")){ $path = $var1.$var2[$i]; echo '<img href="'.$path.'" width="500" height="300"/>'; } } ?> </div>
0 votes1 answer -
Фиксированный фон для мобильных устройств
Привет всем. Как сделать фиксированный фон для мобильных устройств? Сайт http://itzone.su body { background: url(../images/bg.jpg) top center no-repeat fixed; color: #fff; background-attachment: fixed !important; overflow-x: hidden;}Сейчас фон прокручивается вместе с содержимым. На стацианарном компе и на ноуте все работает нормально.
0 votes0 answers -
Нужна помощь по префиксам
Проблема такая, откуда подцеплять префиксы ? 1) Из Sass, я его использую так что проблем ноль 2) Autoprefixer вроде тоже нормально 3) а может уже не надо, я как бы не парюсь по IE ниже 9 ?
0 votes16 answers -
Кроссбраузерность.
Вопрос в следющем: Какие браузеры нужно иметь на компьютере что бы добиться максимальной кроссбраузерности, то есть, что бы можно было открыть сайт который я сверстал и подогнал под эти браузеры на любом компе(с ОС Windows, Mac(ну допустим это винда, не суть важно, главное что бы максимально среднестатистически )) при любой версии браузера и быть увереным что мой сайт там точно будет отабражатся как я сверстал(плюс-минус, но чтобы особых отличий небыло). P/S. У меня стоят: IE 6, 7, 8(в вируталной машине и IETester), IE10, IE9(эмуляция через IE10), и последние версии FF, Хром, Сафари, Опера. То есть 5 основных браузера. Но было такое что на моем 1м компьютере IE10 показ…
0 votes7 answers -
Выравнивание по вертикали ячейки
Здравствуйте, как выровнять зеленый треугольник (фон) в правый верхний угол ячейки так, чтобы основной текст ячейки оставался по центру?
0 votes7 answers -
Добавление новостей на сайте?
Это делать нужно в html коде, или можно такую функцию на сайте сделать?
0 votes17 answers -
Модальное окно в слайдере
Здравствуйте! Есть слайдер такой же, как здесь: http://www.bkosborne.com/jquery-waterwheel-carousel Картинки в слайдере по умалчиванию, не увеличиваются. Подскажите, какой код нужно прописать, чтобы картинка увеличивалась в модальном окне, примерно, как на этой картинке: http://savepic.ru/5795778.jpg Что только не пробовала, ничего не помогает...точнее, либо не помогает, либо слайдер вообще перестает отображаться. Спасибо.
0 votes5 answers -
Уменьшить вес css
Есть код: http://pastebin.com/kfreQMQc В нем очень длинная строка вызова woff шрифта. Как её упросить?
0 votes5 answers -
фон h2 залазит под картинку
Фон подзаголовков залазит за картинку. Картинка с float:right. Как это устранить? http://test.parkes.org.ua/trunk/parkes.php
0 votes2 answers -
Всплывающая подсказка к ссылке (с произвольными свойствами)
Всем привет Помогите пожалуйста решить проблему с созданием всплывающей подсказки для ссылки. ВП эта должна быть нужного мне размера, цвета, определенного позиционирования (то есть где будет «всплывать» - над, под ссылкой, справа или слева) + текст в ней тоже должен свободно форматироваться ( цвет, тип шрифта, возможно скриншот) простенький title. <a href="https://yadi.sk/d/9ZvR5g1XagZGJ" title="Сохранить файл"><span style="font-size:19px;background-color:black;color:white;">«Я умею прыгать через лужи»</span></a>не годится стало быть Хоть и работает тег-то Однако попытки (а их было МНОГо) использовать css ни к чем путному привели . Нужный м…
0 votes24 answers -
Размеры скролла
Добрый день подскажите, как изменить размеры вертикального скролла методом css, а именно его длину! http://jsfiddle.net/4bsjouqq/1/ Спасибо.
0 votes3 answers -
Использование псевдоклассов и псевдоэлементов
И снова, здравствуйте. Есть текст, разделенный на правую и левую часть (section id - соответственно), далее секции разделены на абзацы. Задача: в левой секции в первом абзаце первая строка должна быть напечатана большими буквами. Присвоить id абзацу я могу, <p id="firstparagraph"> The Bike the Mountains Tour rises from the town of Littleton, Colorado and explores the Colorado Front Range. Our tour crosses the Continental Divide twice, giving you the opportunity to bike the highest paved roads in the United States. This tour is a classic showcase of Colorado's Rocky Mountain scenery. …
0 votes3 answers -
Автовысота 100% у вложенных divов
<body> <div id="wrapper1"> <div id="wrapper2"> <div id="wrapper3"> content </div> </div> </div></body>body, html { height: 100%; }#wrapper1, #wrapper2, wrapper3 { min-height:100%; }Вроде бы, wrapper1 должен быть минимально 100% высоким от размера окна, wrapper2 100% высоким от размера wrapper1, а wrapper3 100% высоким от размера wrapper2. На практике же эта цепочка обрывается на wrapper2, т.е. wrapper1 отрабатывает нормально и растягивается по высоте на всё окно, а wrapper2 уже только на высоту контента, который в wrapper3. Проблема в моём понимании того, как это всё работает? Вообще, такое можно заставить работат…
0 votes2 answers -
Пакетное преобразование изображений (изменение холста)
Здравствуйте! Уважаемые форумчане, для интернет магазина необходимо сделать квадратные изображения - 220px на 220px. Имеющиеся изображения товаров, а их около 1000 штук, имеют абсолютно разный размер и соотношения сторон. Может быть кто-то подскажет программу, которая позволит решить данную проблему - сделать из прямоугольных изображений квадратные, например, увеличить меньшую сторону до большей. Заранее благодарю за полезные советы и решения!
0 votes12 answers -
Абсолютное вертикальное центрирование
Уважаемые участники форума, помогите советом. Наткнулась на статью про вертикальное выравнивание http://http://habrahabr.ru/post/189696/, пыталась выровнять абсолютно позиционированный блок, как в самом начале статьи, но пример не работает http://jsfiddle.net/MeisMe/fzuk9qxm/ Все уже перепробовала, не могу понять, что я упускаю из виду. Хочется знать почему: Не происходит центрирования по вертикали если у родительского блока position:relativeВысота блока с контентом равна 0 и не изменяется в зависимости от содержанияПример работает если у родителя position:staticСпасибо!
0 votes9 answers -
Текст шире ячейки
Народ, подскажите как сделать так чтобы текст вылезал за границы ячейки, т.е. нужно изобразить следующее http://gyazo.com/57f7c267be08e36c938a25f291f471c7 Ширина всего столбца по пунктирной линии, а слово питание в верхней ячейки шире всего столбца.
0 votes1 answer -
Чего не хватает некоторым строкам?
Здравствуйте. Если посмотреть на страницу, то видно, что для первой фотографии описание не пристраивается справа к изображению, как у остальных. Скажите, пожалуйста: 1. Чего не хватает подобным фотографиям галереи? 2. Насколько применённый CSS отвечает адаптивности под малые экраны 3. Если не отвечает, как сделать пристраивание описаний справа от изображений адаптивным, чтобы они, например, занимали оставшуюся ширину(за вычетом картинки) внутри элемента div.ngg-gallery-thumbnail?
0 votes3 answers