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 и html, но там в общем все просто гугл спасает, основы выучил, нужен только опыт. Но верстая сталкиваюсь с js так вот первый вопрос про него. Что бы выучить Jquery обязательно надо знать само js? (подозреваю что да надо) Тут тогда сразу несколько вопросов на каком уровне надо знать js что бы в последствие сразу перекинутся на jquery ( ну и продолжить изучение js подрабатывая верстальщиком), за сколько можно выучить, полезные ссылки будут восприняты на ура. Каким инструментами вы пользуйтесь для проверки кроссбраузерности? Верстать легко, но верстать кроссбраузерно сложно, до каких версий браузеров ( требуют заказчики) верстают до сих…
0 votes6 answers -
Tree Table CSS. Древовидная таблица
Здравствуйте! Сделал несложную древовидную таблицу, у которой сворачиваются/разворачиваются строки. За основу взял обычное дерево http://jsfiddle.net/NZaw4/1/ , только добавил ячейки в строки. Почти правильно работающий вариант http://jsfiddle.net/cN57x/ Вопрос. Как сделать так, чтобы при раскрытии узла Проект 1, не уезжал влево блок с Задачами ?
0 votes6 answers -
Как сделать что бы контент спойлера грузился только после его активации?
Скажите с помощью чего можно это осуществить? На странице есть несколько спойлеров,как сделать что бы контент в них грузился лишь тогда когда спойлер открывает юзер?Точнее что бы грузлось содержимое только того спойлера по которому кликнули. <a href="#1" class="videoA">спойлер 1</a><div class="videoB">содержимое спойлера 1</div><a href="#2" class="videoA">спойлер 2</a><div class="videoB">содержимое спойлера 2</div><a href="#3" class="videoA">спойлер 3</a><div class="videoB">содержимое спойлера 3</div><script>$(".videoB").toggleClass("disabled");$(".videoA").on("click", function () {$(this).nex…
0 votes6 answers -
Какой тег использовать для одной строки текста?
Какой тег семантичней использовать для небольших однострочных кусочков текста? К примеру, в шапке есть блок с двумя номерами телефона, один под другим. Каждый номер нужно завернуть во что-нибудь. В <p>? Он вроде по смыслу предназначен для целых абзацев...
0 votes6 answers -
Как сдвинуть фон сайта, но только на 500px
Как сдвинуть фон сайта при прокручивании страницы, но только на 500px, а потом, чтобы он остановился?
0 votes6 answers -
Масштабирование картинок и разные разрешения экранов
Имеется вот такой участок кода <div class="blockwrap"> <div class="centerblock"> <a href="/" title="Открыть в оригинальном размере" target="_blank"> <img src="/" alt="alt"> </a> </div></div>и стили .blockwrap{ display: table; width: 100%;}.centerblock{ display: table-cell; vertical-align: middle; text-align: center;}Слой blockwrap имеет ширину 100%, то есть растянут на весь экран. Centerblock тоже должен быть растянут на все доступное пространство родителя(он не единственный дочерний элемент) Внутри, в centerblock вставлена к…
0 votes6 answers -
Валидация HTML5
Валидатор считает данный код не валидным <a href="javascript://" onclick="rp(203,1)" style="text-decoration:none">из-за "javascript://". Чем можно заменить? Якорь перебрасывает наверх страницы(
0 votes6 answers -
Как расположить картинку в середине div-блока
Вот пример, во втором блоке всё нормально, а вот в первом свойство float мешает. Как можно расположить картинки в обоих блоках в центре? http://jsfiddle.net/TTLJQ/1/
0 votes6 answers -
Оформления imput через CSS
Подскажите пожалуйста, как убрать у impyta фон (картинка) если в него пользователь ввел текст. Фон задается через background.
0 votes6 answers -
эффект появления модального окна в bootstrap3
помогите пожалуйста разобраться я зашёл в раздел кастомизации бутрапа3. оставил галочки только напротив js-компонента Modal и css-правил для Modal. скачал, подключил на страничку в результате модальное окно появляется без какого-либо эффекта(например если я ранее использовал не кастомизированный бутстрап, то модальное окно плавно выезжало сверху экрана) вопроса два: 1. что мне нужно дозагрузить чтобы были доступны хотя бы простейшие эффекты 2. существуют ли в бутстрап3 другие эффекты кроме плавного "выезжания" модального окна сверху экрана?
0 votes6 answers -
CSS-sprite + ipad
Доброго времени суток. Использовал CSS спрайт для сайта, по ТЗ, открыл на айпаде и ужаснулся(. Ничего конкретно хорошо не отображает с картинкой - по гуглил ничего не нашёл. В чем проблема?? clan-amp.ru/marat
0 votes6 answers -
Верстка горизонтального меню
Есть меню, но дело в том, что непонятно откуда берется довольно таки большой отступ. Верстаю не так давно, поэтому вполне мог и нахимичить. Прошу помощи body { margin: 0; padding: 0; width: 100%;}.menu { list-style: none;}.menu li { text-align: center; width: 14.28%; margin-left:0; margin-right: 0; padding:0 0; background: #E0EEEE; float: left; font-size: 32px; font-family: Calibri;}.menu a { text-decoration: none; color: #000; display: block;}.menu a:hover{ background: #C1CDCD; transition-property: background; transition-duration: 0.5s;}.main { display: block; width: 100%; overflow: hidden;}
0 votes6 answers -
Подскажите как развернуть.
Подскажите как сделать раскрывание в право, а не в лево. http://truequery.ru/m_razdvijnoe_gorizontalnoe_menu_na_jquery.html
0 votes6 answers -
Коментарии под статью
Как поставить форму комертарии под статью? У меня html сайт. Говарю сразу я начинающий. Попрошу без издевок. Вот скрин - http://clip2net.com/s/6oMapJ
0 votes6 answers -
про таблицы
Все ли браузеры корректно поймут Два дива (два обычных слоя) - один table, другой table-cell (display) - то есть когда мы не вставляем row (tr), который по идее должен быть в таблице. Никто не "заглючит"?
0 votes6 answers -
Элементы "дергаются" в Хроме при перезагрузке страницы.
Здравствуйте. Сайт http://kroteks.ru В Хроме наблюдается странная ситуация при переходе по ссылкам главного меню: элементы в шапке как бы дергаются после перезагрузки страницы. С чем это может быть связано?
0 votes6 answers -
Статичный Бэкграунд
вот здесь надо сделать статичный бэкграунд, примерно как здесь. body {background:url(КАРТИНКА) center top fixed no-repeat;}должно работать, но не получается.
0 votes6 answers -
Изза чего зависает браузер и компьютер?
Заметил уже давно что если на странице есть елементы внешнего характера,ну видео с ютуба или виджет,то при запуске/обновлении этой страницы браузер зависает сек на 30,а иногда и сам комп,но если залить эту страницу на сервер и загрузить её с инета то она грузится нормально. Почему так и что можно сделать?А то по 500 раз в час заливать одну и ту же страницу на серв как то напряжно...
0 votes6 answers -
Маска слайдера
Здравствуйте! Нужна маска для слайдера, любой необходимой формы. Картинки в слайдере крутятся, маска статична. Для IE7+ Пример без маски: С маской: Не смог применить http://habrahabr.ru/post/190246/ Прошу помощи))
0 votes6 answers -
opacity+gradient in IE8 через filter
Элементу надо задать градиент+прозрачность, как известно, в IE8 это задается через filter. Проблема совместить два этих фильтра, т.к один из них просто filter, а другой -ms-filter и по отдельности работает последний из них, стоящий в списке. У кого-то получалось это сделать? З.Ы. Про компоновку двух фильтров через пробел знаю, но это не тот случай, наверное, у меня не получилось.
0 votes6 answers -
Десктопные аналоги css песочниц
Здравствуйте, возник такой вопрос. Все вы знаете как минимум несколько очень удобных сервисов css-песочниц. Очень удобная штука, пишешь код, а сервис сразу же отрисовывает то, что вы накодили. Например: ccsdeck, codepen и т.д. Впрос такой: есть ли десктопные аналоги подобных сервисов. Надо чтобы с хтмл файлами и картинками можно было бы работать локально, но чтобы все так же сразу отрисовывалось. Заранее извиняюсь за нубский вопрос
0 votes6 answers -
Учусь делать самый простой каркас сайта в Мире
Попытался сделать лёгкий каркас сайта. Напишите мне, есть ли у меня в коде какие-то ошибки и правильно ли я использовал свойство float? И как убрать выходящие рамки по бокам? http://jsfiddle.net/WKC3v/ <!DOCTYPE html><html> <head> <title>Сайт</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <link rel="stylesheet" type="text/css" href="style.css"> </head><body> <div id="main"> <div id="header"><p>шапка</p></div> <div id="Nav"><p>Навигация</p></div> <div id="content"><p>контент</p></div> <div id="footer"&g…
0 votes6 answers -
Ссылки и бордеры
здравствуйте, подскажите пожалуйста. Есть задача сверстать меню списком. У меню есть фон (красный), высота его 50пх. При наведении мышкой у ссылки должен меняться фон (черный). Вопросы: 1. Как мне выровнить ссылки по высоте блока? Т.е. на эти 50пх, чтобы ссылки не были сверху или снизу, по середине. 2. Когда задаю a:hover другой фон, то фон меняется только непосредственно у текста (т.е. не на все 50пх меняется фон) 3. У каждого li списка должен быть border с права, полоска, вытянутая на все 50пх. Но она вытягивается только на высоту ссылок (текста). как увеличить ее? помогите пожалуйста, в каком направлении мне двигаться? спасибо!
0 votes6 answers -
Непонятный перенос слов на мобильных устройствах
Может кто сталкивался при просмотре сайта на мобильных устройствах. Вроде все выглядит нормально, но при относительно больших объемах текста, в параграфах и без них слова переносятся гораздо раньше указанной ширины. Получается, что весь текст прижимается влево без всякой на то причины. Примеров огромная масса, но не пойму в какую сторону копать. Если не понятно о чем речь, то могу сделать скриншот
0 votes6 answers -
привязать несколько блоков к верху страницы
Доброго времени суток. Возникла такая ситуация, нужно привязать 2а блока к верху страницы. Причем один просто привязан к верху, а 2й должен быть fixed. Делаю след образом <div class="one">ONE</div><div class="two">TWO</div>.ONE{ width:100%; height:35px; background: #777777; position: relative; z-index: 2000; top: 0;}.two{ width:100%; height:35px; background: #000000; position: fixed; z-index: 1000; top: 0;}и блоки залазят друг на друга, как сделать так, что бы они шли друг за другом? С учетом того, что 1й блок динамический и у него постоянно меняется высота
0 votes6 answers