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
-
Как прикрутить карусель?
Хочу взять слайдер отсюда http://labs.juliendecaudin.com/barousel/#ba_demos в html пишу <div id="any_id" class="barousel"> <div class="barousel_image"> <!-- image 1 --> <img src="image_1.jpg" alt="" class="default" /> <!-- image 2 --> <img src="image_2.jpg" alt="" /> <!-- image xx --> <img src="image_xx.jpg" alt="" /> </div> <div class="barousel_content"> <!-- content 1 --> <div class="default"> [any html content] </div> <!-- content 2 --> <div> [any html content] <…
0 votes6 answers -
Как сделать google карту в таком виде
Возможно ли сделать такую карту интерактивной и как? зеленый фон не фиксированый и может менять масштаб.
0 votes9 answers -
Как тестировать адаптивный дизайн?
Подскажите инструмент для тестирования адаптивного дизайна. Я на одном компьютере и мобильнике многого не проверю. Желательно что бы он под разные разрешения подстраивался, то есть показал как будет выглядеть сайт на 6-дюймовом смартфоне с fullHD разрешением на моем мониторе с разрешением 1680х1050 - не пиксель в пиксель, а в натуральный размер. Кто как тестирует? Помню, находил сайт какой-то, так там прямо в окошке в форме смартфона или планшета можно было на свой сайт посмотреть.
0 votes6 answers -
убрать панель в chromium
помогите пожалуйста в отладчике chromium убрать такую панель. недавно появилась и мешает
0 votes3 answers -
Режеться слайдер по высоте
Добрый день, не могу разобраться почему ширина изображения не та что загружается в флексслайдер(1980*1080) Обрезает height Вот ссылка: http://792878.seedin00.web.hosting-test.net/index.php/ru/
0 votes0 answers -
Статичный генератор сайтов с gui
Добрый день. Может кто подсказать статичные генераторы сайтов с нормальным gui, а не web мордой или вообще консольно терминальным исполнением.
0 votes3 answers -
В каком направлении копать для адаптивного скроллируемого фона?
Добрый день! Есть такая задача - в заготовке для сайта имеется картинка очень большой ширины (около 4000 px). Её необходимо сделать адаптивным фоном (к размеру окна браузера/экрана компьютера), выводить центральную часть с несколькими товарами которые "вшиты" в картинку - а остальное пустить под возможность горизонтального скроллинга. (На саму фоновую картину должен быть пристыкован атрибут usemap, сообщенный с "картой", ведущей на страницы конкретных товаров). Пока что удавалось реализовать лишь адаптивность, но без скроллинга (и кажется, в таком варианте и map не пристыковать): .box{ background: url('../img/1.jpg') no-repeat; background-position: center cente…
0 votes2 answers -
Не фиксируется меню, недочеты на IOS
Доброго времени суток! Есть сайт http://www.evsstroy.ru. На ios слетает почти вся мобильная версия.. Хотя на андроиде и при сворачивании браузера все ОК. Что делать?? Уточнение.. Во всем виноват Safari.. Но как быть?
0 votes2 answers -
Помогите выполнить задание
Я только начал изучать HTML и толком ещё ничего не понимаю. Хожу на курсы от 1С. Писал там сайт, на котором можно играть в крестики-нолики. Но не доделал и преподаватель задал доделать игру. Нужно, чтобы при дабл клике на кнопку значение не менялось. И завершение игры. Например: подряд 3 крестика и это означает, что крестики выиграли и выводится сообщение об этом. Но вот проблема, никак не могу допереть как это сделать. Есть идеи? Код: http://jsbin.com/jeluvucuda/edit?html,css,js,output
0 votes3 answers -
Загрузка файла MP3 на свой сайт
Привет всем! Записал звук с микрофона и звучание интернет-радио в формате MP3. Этот файл хочу загрузить на сервер -но закачиваться он не хочет,да и переслать по e-mail-щ?лкаю прикрепить-загрузка не ид?т. Помогите разобраться
0 votes1 answer -
Проблема с DIV'ами
Задача. В тег ДИВ фиксированного размера вставить Н-ое число ДИВов, внутри которых будет хранится изображение. Необходимо сделать прокрутку этих изображений в ДИВе, без использования скролл-бара. Проблема: 1. Внутренние ДИВы переносятся на след. строку. 2. Не могу выровнять изображение во внутреннем ДИВе по-вертикали. HTML: <div class="photos_slider"> <div><img src="/img/test_photo1.gif" border="0" alt=""></div> <div><img src="/img/test_photo2.gif" border="0" alt=""></div> <div><img src="/img/test_photo3.gif" border="0" alt=""></div> <div><img src="/img/test_photo1.gif" border="0" alt=""></div…
0 votes1 answer -
Сказка о списках
Жил был список. Элементов в нем было много-премного!!! И был у него класс "списочный" и содержал он набор стилей. А внутри элементов жили другие стили и оформления, и некоторые части текста никак от "списочного" класса не зависели. Некоторые, но не все, были и куски текста, подверженные классу "списочный". А начало каждого пункта в списке выглядело так: <li> <div class="какой-то"> ... </div> что-то там еще, и всегда очень разное Но вот потом оказалось, что заказчик хотел бы, чтобы цифирка, рожденная тегом <li>, изменила свою окраску да и вообще выглядела совсем иначе, нежели ее описывает класс "списочный". А весь остальной текст должен оставаться …
0 votes2 answers -
вылезает background по y
Вылезает за пределы картинка(leftside.gif) при установке height в % (классам center-content, liquid-round) <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Language" content="en-us" /> <title>title</title> <style type="text/css"> html,body { height:100%; width:100%; } #liquid-round { width:20%; margin:0px auto; background:#fff url(leftside.gif) repeat-y left top; background-position: 2px; } .top {…
0 votes4 answers -
Подключение плагина для радиобаттона
Всем Привет. Решил попробовать написать для себя скрипт по кастомизации радиобаттонов(с подключением через классы) и столкнулся с непонимаем того, почему при клике на инпут начинает появлятся и сама картинка в теге: <i class="myVirtualRadio">? Такого по моим планам возникать не должно Также хотелось бы понять как правильно организовать исчезание ’галочки’ при клике на другой радиобаттон? Убирается почему 'галочка' то только с радио под названием 'шестой'? Остальные не реагируют... (Буду признателен — если кто подскажет...) Js код выглядит следующим образом: var myClassRadio = document.getElementsByTagName('input'); var virtualClassRadio = document.getElementsByT…
0 votes6 answers -
Тег <code> или CSS
Какую роль играет тег code? Он просто меняет шрифт или играет важную роль для поисковых машин. Что если его заменить CSS стилем?
0 votes5 answers -
Пункт меню при наведении
Здравствуйте! Есть такая проблема. При наведении на пункт меню блок как бы должен съежать вниз на пару пикселей. Изображение тут - . Уже всю голову поломал. Помогите пожалуйста!
0 votes6 answers -
Переход между языками.
Всем привет, только начал изучать HTML. Веду тестовый сайт у себя на компьютере на двух языках, учу HTML и закрепляю английский. Недавно начал изучать фреймы и столкнулся с одной проблемой в плане локализации. До фреймов схема была простая в углу было две кнопочки "Русский" и "Английский" и переходило на идентичную страницу только на другом языке. С фреймами же ситуация другая там один файл index.html отвечает за расположение фреймов и за название вкладки (к примеру "Test Site"). Так вот, при переходе на русский язык не меняется название вкладки на русский (к примеру на "Тестовый сайт"), до фреймов же было две разные страницы и для каждой можно было выбирать своё имя, а с…
0 votes9 answers -
проблемы с :hover
Знатоки css и html, помогите решить задачу над которой бьюсь третий час - Условие: есть меню сделанное с помощью списка <ul> и посредством псевдокласса :hover реализованна функция смены фона пунктов меню (<li>)при наведении на них указателем. Задача: Как сделать так чтобы допустим у первой кнопки меню ничего не менялось при наведении курсора?
0 votes5 answers -
Сайт плохо отображается в IE
Вот собственно сайт - http://barsik.ucoz.ru/ Проблемы: - У поиска не такой отступ в шапке сайта по сравнению с другими браузерами. - В выпадающее меню, формы ввода отображаются некоректно. Как исправить подскажите.
0 votes2 answers -
Градиент на заднем плане
Привет! Подскажите плз как писать Задача: Сделать меню над гардиентом, нижняя часть выделеного пункта должена быть "сглаженой" лого должно быть все время над гардиентом Пример: http://i33.fastpic.ru/big/2013/0414/d5/a771f38a4cadd07b848b0c04f6ebd1d5.jpg Исходник: http://jsfiddle.net/ddee/NggPS/ спасибо)
0 votes0 answers -
Вопрос по маштабированию
Столкнулся с проблемой такой. В общем, я сделал сайт с блоками пока и с меню, и когда уменьшаю окно браузера, моя страничка почему-то влево сдвигается вместе с меню, хотя на всех сайтах я когда уменьшаю она остается посередине. Вопрос, как сделать так, что бы страница оставалась посередине? Заранее всем спасибо.
0 votes4 answers -
Не валидный код, как лучше переделать
Всем привет. Ну вот кажется сверстала станицу и тут меня дернуло проверить страницу на валидность и валидатор загнал меня за 101 км. Станица http://azharova.ru/test/afisha.html Итак, ругается он в основном вот на этот блок http://prntscr.com/3qf09s. Он сквозной блок через весь сайт. Посоветуйте как его лучше переверстать чтобы сохранить внешний вид. Вот как она работает на боевом сайте http://ezhikezhik.ru/ P.S. Говорили мне не используй чужую верстку, вот вам пожалуйста...
0 votes4 answers -
Проблема с -moz-filter: invert
не могу разобраться с инверсией картинки. Чувствую что трачу излишнее время на это, поэтому молю о помощи гуру css! имеется <img class="transition" src="images/Logo.png" width="196px" height="66px" alt="Teach&Style"> .transition:hover {-webkit-filter: invert(1);-moz-filter: invert(1); -ms-filter: invert(1); -o-filter: invert(1); filter: invert(1);} В FF(32.03), IE (11), Safari(5.1) инверсия картинки не работает. В опере и хроме все норм Что я делаю не так? и как мне добиться работы инверсии в перечисленных браузерах?
0 votes3 answers -
Как сделать сетку?
Всем привет, есть задание(написано ниже), хотелось бы понять как можно менять сетку от размеров экрана,используя css и html Если это вообще возможно не используя js Заранее спасибо за ответы Задание: Сверстать сетку из 9 квадратов. Каждый квадрат обрамлен серой рамкой в 1 пиксель. Расстояние между блоками 5 пикселей. На экране шириной свыше 1000 пикселей блоки располагаются сеткой 3 блока на 3. На экране от 600 до 999 пикселей блоки располагаются по 2 в ширину, 9-й блок скрывается На экране меньше 600 пикселей блоки отображаются по 2 в ширину, но ширина и высота блоков становится по 200 пикселей.
0 votes1 answer -
Тупой макет, помогите!
Добрый вечер. Вот так все выглядит. вот код: <html> <head> <title></title> <link type="text/css" rel="stylesheet" href="/css/style.css" /> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251" /> </head> <body> <div id="body" align="center"> <div id="header"> <div id="title">1</div> <div id="menu"> <a href="/" onfocus="this.blur();"><img src="/images/home.jpg" border="0"></a> <a href="/about/" onfocus="this.blur();"><img src="/images/about_us.jpg" border="0"></a> <a href="/forum/" onfocus="this.blur();"><img src="/images/f…
0 votes1 answer