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
-
Плавное вращение 3Dкуба на css3
Есть исходник 3д куба с надписями на гранях, но он дергается при повороте мышкой и текст на нем выделяется.. Как это устранить? спс. вот пример http://www.paulrhayes.com/experiments/cube-3d/touch.html $(function(){ var el = document.createElement('div'), transformProps = 'transform WebkitTransform MozTransform OTransform msTransform'.split(' '), transformProp = support(transformProps), transitionDuration = 'transitionDuration WebkitTransitionDuration MozTransitionDuration OTransitionDuration msTransitionDuration'.split(' '), transitionDurationProp = support(transitionDuration); function support(props) { for(var i = 0, l = props.len…
0 votes3 answers -
Вопрос по float
День добрый!Подскажите почему не работает float:right правильно?Почему блок с флоат райт выходит за границы родительского блока? Также интересует вопрос почему при наведении на меню между пунктами меню есть полоса другого цвета? http://cssdesk.com/Y6K5U
0 votes3 answers -
Кроссбраузерность. Неугомонная Opera!
Столкнулся с такой проблемой: никак не получается пофиксить код, чтобы получить кроссбраузерность. Конкретно, как Вы уже догадались, проблема именно с браузером opera. Кто сталкивался с подобным, был бы рад услышать любой совет.
0 votes3 answers -
Обрезается сайт при уменьшении окна (но не весь)
Добрый день! Подскажите пожалуйста,почему мой сайт обрезается с правой стороны когда уменьшаешь окно браузера?Но самое интересное что обрезается не весь,один из блоков тянется на всю ширину и можно скролить по всей его длине (по оси Х). Как можно избавить от обрезания? http://www.anhiora.esy.es/ Заранее спасибо!
0 votes3 answers -
В чем разница между margin и top-left выравниванием
Собственно сабж в чем разница между margin-top и top margin-left и left и так далее...
0 votes3 answers -
Картинка
Приветствую, начал изучать CSS. Вопрос в следующем: Имеется картинка, на которую хочу наложить меню. Так вот, как сделать чтобы картинка подстраивалась под разрешения экрана?
0 votes3 answers -
Как отцентровать контент колонки?
Приветствую! Не подскажите что нужно прописать в css чтобы отцентровать анонсы и вывод комментариев в колонке?
0 votes3 answers -
Нужна идея, как реализовать.
Добрый вечер! По сути, это немного продолжение этой темы: http://htmlforum.ru/index.php?showtopic=47513, но я в безысходности... Идея, которую я пытался сделать - не получается, по этому прошу вашего совета и идеи. В общем, вот как это сделано на картинке: http://i60.fastpic.ru/big/2014/0123/2d/333b68bfe1bfee25ab4f7f0a533d532d.jpg И как описано в прошлой теме, то хочу сделать так, что бы можно было менять только картинку с едой, место для заголовка не хочу, что бы трогали. Пытался делать так: Срезал вверх: http://i33.fastpic.ru/big/2014/0123/dd/20e1802a082147eb5006518a29299ddd.png И хотел сделать 3 заголовка(один div, но меня только стиль в самом html, что бы менять поз…
0 votes3 answers -
background поверх img
помогите пожалуйста )) сижу ломаю голову, казалось бы, над простейшими проблемами. Есть блок, которому указан свой фон. .slaider { background: url("тут картинка фона") no-repeat; float: left; height: 350px; position: relative; width: 465px; z-index: 2;в этом блоке должна разместиться картинк в теге <img> (их может быть несколько). Фон у слайдера в виде круга, соотвественно и картинка должна получиться круглой, для этого, мне надо картинку засунуть под этот бекраунд, чтобы лишние острые углы он не показывал. это я делаю так: .slaider img { position: relative; z-index: 1; по логике вещей содержимое в img должно показывать под содержимом …
0 votes3 answers -
Кнопка skype
Подскажите,хочу добавить кнопку вызова адресата скайп но оригинальная кнопка меня не устраивает, подскажите как кастомизировать.
0 votes3 answers -
Определить нужную картинку для сайта, с которого делятся ссылкой вконтакте.
Суть такая, есть сайта. На нем жмут ссылку "поделиться" - вконтакте появляется описание сайта с картинкой. Как определить нужный тип картинки, которую должен использовать вконтакте?
0 votes3 answers -
Изменение цвета картинки при наведении мыши на нее
Не подскажите как залить картинку фиолетовым полупрочным фоном при наведении. все перепробовал, ничего не дало результатов...
0 votes3 answers -
Выпадающие списки меню Bootstrap
Доброе время суток. Использую Bootstrap. Проблема с выпадающим списком. Он не выпадает. Как можно исправить? Подключаю JS <script type="text/javascript" src="js/bootstrap-dropdown.js"></script>И сам выпадающий список: <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Дома/Бизнесы <b class="caret"></b></a><ul class="dropdown-menu"><li><a href="#">Action</a></li><li><a href="#">Another action</a></li><li><a href="#">Something else here</a></li><li class="divider"></li><li><a href="#">Separated link<…
0 votes3 answers -
Макет и CMS
Вопрос такой: вот сверстал я страницу, хочу залить на хостинг. Там есть Wordpress, например. 1. В чем заключается "натягивание" шаблона на движок? 2. Надо ли знать особенности конкретной CMS при верстке? 3. Шаблоны сайтов, которые лежат в большом количестве на рутрекере и продаются на http://themeforest.net/ - они вообще для чего? Для тех, кто верстать не хочет, или я могу применить данную тему на любую свою верстку? Спасибо.
0 votes3 answers -
Откуда берется текст. Не могу понять.
Попросили поправить данный на сайте, точней на одной странице. тыц. Есть строка в h1 Активы и обязательства по состоянию на август 2009 г. (на 01.09.2009) текст "Активы и обязательства по состоянию на" содержится в константе, я так понял для перевода сайта на другие языки. но вот инфу которую надо сменить : август 2009 г. (на 01.09.2009) нигде не могу найти. В БД нет поиск по файлам не дал результатов. Если кто то сталкивался с такой задачей помогите. спс.
0 votes3 answers -
IE8 + режим совместимости
Доброе время суток. У меня на странице указан следующий Doctype: <!doctype html>. Но когда я открывю ее в IE8, то браузер грузит даную страницу в режиме совместимости, и соответсвенно вся верстка плывет. Если же в настройках переключить режим воместимости на "IE 8 standard" то все Ок. Подкажите плз, как сделать что бы странца IE8 по умолчанию открывалась в "IE 8 standard " Заранее спасибо. Страница находится по адресу: bizon4iktest.zz.mu
0 votes3 answers -
Второй раз спрашиваю) Клас Hover
http://cssdeck.com/labs/full/bsoni6ey вот что у меня получилось) при помощи псевдо класса hover Мне нужно что бы справа светился тупо черный квадратик, при наведении мышки на который выезжяло окошко соц сетей, которое нарисовано в примере. Я могу сделать токльо что бы они по отдельности выезжяли(черный прямоугольник, картинка соц сети первая вторая и третья), а мен нужно что бы один елемент вызывал сразу 4 елемента
0 votes3 answers -
Ширина блока по содержимому
Как известно, ширина блока расчитывается внешним фактором - шириной родителя. А мне нужно, что бы ширна блока .outer тянулась по ширине дочернего блока .inner Добиться этого можно назначив блоку-родителю (т.е .outer) что-то одно из этого: 1) display: inline-block; 2) display: inline-flex; 3) float любой //не подходит, т.к. создаст лишний геморой. Мне нужно, что бы outer оставался в нормальном потоке 4) position: absolute; // тоже не подходит, т.к. вырывает из нормальнного потока. Все эти варианты заставляют блок-родитель тянуться вширь по своему контенту. Но они все какие-то не торт, особенно последние два. Может есть еще какие-нибудь решения, которыми вы хотите подел…
0 votes3 answers -
Есть ли у меня ошибки при создании списков?
http://jsfiddle.net/kB2Am/
0 votes3 answers -
display:table и overflow: hidden
Добрый день Задача: табличная верстка. В ячейках изображения разных размеров. Для вывода картинок одинакового размера использовалось overflow:hidden http://codepen.io/anon/pen/jfCEb , что в любом случае меняет высоту ячеек на размеры спрятанной части картинок http://codepen.io/anon/pen/gJqGK . Вопрос: возможно ли это без отрицательных отступов и фиксированной высоты ячеек? Интересует именно вариант табличной верстки. Спасибо.
0 votes3 answers -
switch не пашет (((
$(function(){ $(document).click(function(e){ c=c+1; if (c==5) {c=1} alert(c); switch (c) { case 1: $('.cubespinner').css({ '-webkit-transform':'rotateY(-90 deg)' }); break case 2: $('.cubespinner').css({ 'transform':'rotateY(-90 deg)', 'transform':'rotateZ(90 deg)' }); break case 3: $('.cubespinner').css({ 'transform':'rotateY(-180 deg)', 'transform':'rotateZ(90 deg)' }); break case 4: $('.cubespinner').css({ 'transform':'rotateY(90 deg)', 'tran…
0 votes3 answers -
Удалить неиспользуемые классы в css
Здравствуйте. Так получилось, что в процессе разработки сайта в таблице стилей у меня скопилось несколько классов, которые в верстке не используются, можно ли каким-либо образом найти их все и удалить автоматически?. К примеру, сначала в верстке было так: в html <div class="class1"></div>в css .class1{описание;}потом это было переделано следующим образом: в html стало <div class="class2"></div>в css просто добавился еще один класс .class1{описание;}.class2{описание;}Соответственно class1 у меня уже нигде не используется, и таких классов несколько, однако вручную уже тяжело отследить какие классы в таблице стилей теперь не нужны и которые можно …
0 votes3 answers -
Не стандартый шрифт на сайте
Всем привет. С толкнулся с одной не приятной проблемкой. Подключаются шрифты с помощу @font-face. Все загружается, но по истечении времени, когда переходишь по разным вкладкам, периодически пропадает шрифт, и каждый раз в разным местах (например в пунктах меню). Может кто-то с таким сталкивался.
0 votes3 answers -
Порядок обработки @font-face
Привет, камрады. Подскажите пожалуйста с тем, с чем Гугл мне не помог. Что происходит при обработке броузером следующих строк кода: @font-face {font-family: 'myriad pro'; src: local local('Myriad Pro Regular');src: url('../css/fonts/myriad/myriadpro-regular.eot?') format('embedded-opentype');src: url('../css/fonts/myriad/myriadpro-regular.woff') format('woff');} 1) а) Броузер подгружает все шрифты и использует только понятный ему б) Броузер подгружает только шрифт понятного ему формата в) Что-то еще...?! 2) Правило проверки присутствия шрифта в системе осуществляется первым или последним? Что-то я запутался c этим вашим CSS, может надо наоборот в конец кода пост…
0 votes3 answers -
Оформление оглавления (содержания) в большой статье без id и class
Необходимо реализовать содержание статьи с хештегами (якорями) на определённые участки одной страницы. В данном случае имеется содержание, в котором подзаголовкам нужно присваивать идентификатор (id). Код содержания: <ol><li><a href="#nav1">Область применения и виды</a></li></ol>Поэтому подзаголовки сейчас имеют такой вид исходного кода: <h2 id="nav1">Область применения и виды</h2> Имеются страницы объёмом от 5000 символов и выше. Нужно сделать подзаголовки чистыми, без идентификаторов (id) и классов (class), и имели такой исходный код: <h2>Область применения и виды</h2>Коллеги, подскажите пожалуйста, можно ли…
0 votes3 answers