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
-
горизонтальное выравнивание блока фиксированной ширины
помогите пожалуйста горизонтально выравнять вложенные пункты меню относительно родительских jsfiddle здесь каждый пункт меню верхнего уровня имеет белую полосу, которая появляется при наведении на пункт. видно, что блок с вложенными пунктами смещён по горизонтали относительно этой полосы. в этом проблема для облегчения задачи я задал жёстко ширину блока с вложенными пунктами. но если подскажете решение для блока неизвестной ширины, будет ещё лучше хотелось бы получить решение очень кроссбраузерное. даже за счёт красоты кода
0 votes5 answers -
Как лучше делать ?
Как лучше делать ? <ul class="social-icon"><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li></ul> вот так и потом задавать в css .social-icon li:nth-child(2){background: url(../images/social-icon.png) no-repeat 0 -30px;} <ul class="social-icon"><li class="facebook"><a href="#"></a></li><li><a href="#"></a></li><li><a href="#"></a></li><…
0 votes3 answers -
Скрытие бокового контента при уменьшении экрана
Всем привет. Наверное сотни тысяч раз верстальщики сталкивались с подобными задачами. Мне нужно следующее: Есть основной, центральный блок контента (block_content) шириной 1000 px. Но помещен этот блок в родительский блок (block, который будет содержать фоновое изображение) шириной 1920 px. .block {width:100%; max-width:1920px; min-width:1000px;overflow:hidden} .block_content {width:1000px; margin:0 auto;} На мониторе с разрешением 1920 пикс. все смотрится отлично. Центральный блок, находится по середине, на фоне внешнего блока с изображением. Но при уменьшении разрешения (при свойстве у внешнего блока overflow:hidden;), идет скрыти правой части изображения. Как…
0 votes2 answers -
fancybox для любого контента
посоветуйте пожалуйста плагин типа fancybox2, который может показывать в модальном окне любой тип контента(картинки, текст, флэш и т.д.) fancybox2 тоже это умеет, но там нужно указывать путь на внешний файл, а мне нужно, чтобы контент был обычной частью страницы(возможно, невидимой) UPD: ой, сам разобрался. админы, удалите пожалуйста тему
0 votes2 answers -
Растянуть трехколоночный макет на высоту экрана с минимальным содержанием до прижатого вниз к футеру
Здрасьте. Только не бросайте сразу камнями. Читала, думала, три дня пыхчу и все никак. С дивами в первые столкнулась (помогаю папе в создании сайта). В общем есть трехколоночный макет, с шапкой (хэдером) и подвалом (футером). вот сам макет http://gorodtaxi.com/index11.html(убрала все наполнение, чтобы было проще). Теперь рассказываю что есть: 1. шапка - фиксированная высота, размещена в основном контейнере. 2. контейнер: структура - сайдбар 1, контент, сайдбар 2. все три колонки помещены в контейнер 1, 2 и 3, для того чтобы все вместе растягивались по содержимому наиболее наполненной колонки. 4. в контейнере перед футером стоит распорка clearfloat, чтобы ничто никуда …
0 votes3 answers -
Не функционирует слайдер
Собственно, не работают радио-кнопки у слайдера (внизу) http://codepen.io/anon/pen/PwxGxE Также интересует вопрос как сделать рабочими стрелочки(по центру)?
0 votes2 answers -
как сделать такую вещь?
http://hostingkartinok.com/show-image.php?id=39dfeaa5a349001fd8e4b720c4bf6e0e первый вопрос, какая формула? не могу понять как рассчитывается чистая прибыль. ну второе. справа монетки, их количество меняется в зависимости от ползунков. Как такое реализовать?
0 votes1 answer -
Шрифты на ретине
Доброго всем. Может кто то подсказать, на ретина мониторах, как отображаются шрифты. Если задать к примему 13px, то на ретина он как то изменится???
0 votes9 answers -
Помощь с вёрсткой
Здравствуйте! Не могу никак найти свойство, которое отвечает за появление формы. В этом сайте http://www.mys174.ru/после переноса блока "левое меню" (float: right) при нажатии кнопки "задать вопрос" форма появляется за пределами сайта, то есть появляется горизонтальный ползунок. Надо сделать, чтобы эта форма вылезала слева от кнопки. Не могу найти, что заменить или добавить в стилях. Я только начинаю изучать вёрстку, так что помидорами не забрасывайте, если глупый вопрос задал))
0 votes2 answers -
Проблема с slider range на телефоне
На компьютере ползунок отлично работает, но на телефона когда пытаюсь сдвинуть двигается сам экран. использую jqury ui slider range. Может кто знает как решить проблему?
0 votes2 answers -
не могу изменить высоту строки в таблице
Уважаемые web мастера, я только учусь и сразу же работаю, я понимаю что задаю элементарный вопрос, но всё же очень прошу срочно помочь, у меня это единственная возможность заработать... не могу изменить высоту строки в таблице, причём <td style="width: 403px; height: 8 px;"> в этой строке я заменила 11 на 8 никакой реакции.... Вот эта ужасная таблица <div> <h1>Технические характеристики</h1> </div> <p> </p> <table style="width: 1051px;" border="0" width="1051" cellspacing="0" cellpadding="0"> <tbody> <tr> <td style="width: 403px; height: 8 px;"> </td> <td style="width: 324px; height: 8 px;"> &…
0 votes4 answers -
обводка текста с тенью
http://hostingkartinok.com/show-image.php?id=2000e17cc73daba11c74069597af3835 сперва белая обводка а потом тень. как сделать? а то у меня не получаеться.
0 votes5 answers -
Margin при наведении
Добрый день. На сайте при наведении мыши на логотип следующий блок смещается в право на несколько пикселей. Подскажите пожалуйста, как поправить?
0 votes3 answers -
Перенос из Joomla на Wordpress
Ребятки,кто переносил сайт из джумлы на вордпресс? Это сложно,или не реально? Нашел в гугле одну статью там пишут что плагином на вп можно это сделать,но как то все оч просто там. Кто делал,поделитесь опытом.
0 votes6 answers -
изменение масштаба для мобильных устройств
помогите пожалуйста решить проблему есть резиновый сайт. его минимальная ширина 1200px. если ширина окна браузера < 1200px , то: на десктопе появляется нижний скролл jsfidde , на мобильных устройствах сайт должен по ширине полностью поместиться в экран мобильного устройства(то есть чтобы нижнего скролла не было) при этом в блоке head прописан тег: <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">реализовать пункт2 у меня не получается
0 votes8 answers -
Как лучше такое сделать ?
Как лучше такое сделать ? http://pixs.ru/showimage/zonyahomej_9383218_16512686.jpg
0 votes4 answers -
Стиль блока при :hover
Здравствуйте! Нужно чтобы при наведении на блок 1 менялось оформления блока 2. Это всё происходит на одной странице, но блоки не вложены друг в друга, они в разных частях документа. Есть ли у кого готовый скрипт? Спасибо!
0 votes9 answers -
при масштабировании меняется положение элементов!
Добрый день! Почему при увеличение экрана меняются элементы???...сьезжают на лево!!! http://jsfiddle.net/y0qwatzL/
0 votes4 answers -
Блоки отскакивают при наведении
Здравствуйте. Вот пример того, как должно быть: Т.е. при наведении на блок, он должен увеличиваться вместе с изображением товара. Как это получилось у меня http://codepen.io/anon/pen/bNQOKa Я сделал это следующим образом: При наведении на блок, он увеличивается, а его марджины уменьшаются. В обычном состоянии я задал в .item-slider li margin:25px 15px 30px 15px; А при наведении: .item-slider li:hover margin:20px 5px 20px 5px; Но проблема в том что другие блоки начинают отскакивать. Что с этим делать? И также интересует следующее: При наведении на блок всплывает круг "SHOP IT". Как сделать чтобы он всплывал плавно. Пробовал как-то сделать через opacity и tr…
0 votes7 answers -
Атрибуты в SVG
Добавил в SVG-файл свои атрибуты к path - data-bg. А как их теперь получить? Использую библиотеку Snap.svg.
0 votes2 answers -
Обрезать блок с фоном снизу по диагонали
Есть блок, растянутый по ширине экрана и заполненный фоном, нужно снизу его обрезать по диагонали и подложить под него другой блок, чтобы под линией обреза его было видно. Подскажите, пожалуйста, как лучше это реализовать?
0 votes9 answers -
Позиционирование текста
Добрый день на сайте http://lotos-seeds.com.ua/product-category/catalog/semena/morkov/добавил текст, пытаюсь его разместить внизу под товарами - не получается. Пытался через позиционирование - текст опускается, но как сделать так чтобы блок по высоте расширился при перемещении текста вниз. В противном случае текст налазит на товар! Спасибо. ссылка
0 votes9 answers -
Странное явление в Chrome
Есть сайт в разработке. При наведении на меню выпадает подменю, а после его исчезновения - остается кусок этого меню в виде синей полосы, причем она может быть разной высоты. Не понимаю, с чем это связано? На сайте-демо этой темы нет такого явления.
0 votes9 answers -
Помогите с checkbox-ами!
.Помогите разобраться.... При клике на текст chekbox отмечается. Проблема, что он отмечает только при первые строчки, а на все остальное не реагирует. Надеюсь я понятно объяснила, может с кодом станет ясней... <div class="menu"> <input type="checkbox" id="Hot" data-bind="value:cost" value="" class="chk"> <a data-bind="text:name,click:function(){$root.saveReservation(this)}" href="#"></a> <span data-bind="text:cost"></spam> <p data-bind="text:engrediens" class="structure">Текст</p></div> self.saveReservation = function(obj){ $("#"+obj.category).attr("checked","checked"); …
0 votes3 answers -
едет верстка и не все элементы центруются
Здравствуйте такая проблемка при верстке возникла, что при изменении маштаба хедер и контент выравниваются по центру, а футер прикреплен к левому краю, в css указан margin: 0 auto; для wrapper. Плюс весь текст остается так же у левого края. Как зацепить его к элементам? пример ниже, сорри если криво вставил. За нижнюю часть не надо говорить пока ибо не доделал, наткнувшись вот на эту дрянь, да и на чистоту кода пока не грешите В общих чертах <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <link href='http://fonts.googleapis.com/css?family=Roboto:300&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'> <link rel="s…
0 votes3 answers