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
-
Горизонтальный список
Народ, подскажите как реализовать горизонтальный список ссылок с полосой прокрутки? Уже всю голову себе сломал...на Jquery слайдеры пробовал, там проблемы с несовместимостью...пришел к выводу что нужно сделать простенький скролбар...но только ни чего не получилось. Заранее благодарю за помощь Вот пример с вертикальным списком : http://cssdesk.com/9TYqR
0 votes4 answers -
Нужна помощь в css с расположением div
Привет форум, помогите разобраться как разместить div'вы в один ряд как это показано на схеме делаю следующие: .big { width: 301px; display: inline-block; float: left; padding: 5px; } .mini { width: 145px; display: inline-block; float: left; padding: 5px; } а вот как без position:absolute в этой же строке разместить второй маленький блок под первым ума не приложу ...
0 votes4 answers -
Проблема с вводом текста
Здравствуйте. Проблема в том, что я скачал уже готовый сайт, но при попытке изменить английский текст на русский, он (т.е. русский текст) не отображается. В чем может быть проблема? Кодировка UTF-8
0 votes4 answers -
[Помогите] Вытащить форму калькулятора с сайта
http://www.corumcctv.ru/calc_storage вот тут есть калькулятор емкости, я бы хотел к себе на сайт добавить как это сделать? просто я копировал полностью веб страницу она не выполняется, скрипта на форму я не нашел, только копировать форму - ничего не дало, что и естественно... в чем там зарыта собака?
0 votes4 answers -
Меню
Есть меню нужно что бы при достижении конца окна браузера субменю поворачивалось в другую сторону, а не вылазила за пределы видимой части браузера. http://jsfiddle.net/8HzWp/
0 votes4 answers -
Как реализовать такой фон?
Добрый день! Сверстал сайт. Осталось только спозиционировать кошку и телефон. Размер основного контента 940px. Если меньше появляется горизонтальная полоса прокрутки. Создавал блок, толкал эту кошку в него background'ом, высовывал абсолютным позиционирование за пределы (куда нужно). Но этот вариант НЕ ПОДХОДИТ, т.к. появляется полоса прокрутки(( В body если запихать, то не угадаешь с шириной и высотой окна браузера((( Помогите пожалуйста кто сталкивался с такой проблемой. P.S. кошка и телефон не обрезаны, это полноценный рисунок, просто так выглядит макет (так должно стать при уменьшении окна браузера). Вот ссылка на картинку http://savepic.org/4509298.htm
0 votes4 answers -
Растянуть содержимое div'a с равными отступами
Скажите, вот если допустим, есть div шириной 960 пикселей и в нем есть н-количество пунктов меню. Как сделать, что бы левая и правая ссылка были выровнены по левому и правому краю, а те пункты которые между ними, имели одинаковые отступы ?
0 votes4 answers -
геолокация от гугла
помогите пожалуйста вывести данные о городе, в котором находится пользователь я использую сервис геолокации от гугла. и вывожу объект с данными в консоль браузера. фиддл проблема в том, что выводится undefined
0 votes4 answers -
Картинка не ужимается до размеров блока!
Ребят поясните мне.Имею вот такой код.Цель - чтобы картинка которая по размерам изначально 564*589 px ужалась сама в блок span.Почему этого не происходит?Ведь я задал класс .juy где есть атрибут display:block. Также размер блока photo (до размеров которого как раз и должна уменьшиться картинка) составляет 150px. Помогите пожалуйста!
0 votes4 answers -
Почему div не обтекает другой div при заданном float?
Совсем недавно начал изучать html,css,поэтому если вопрос совсем простой - не бейте. В одном из уроков был показан вот такой макет: Мне захотелось его повторить с добавлением на пустое белое место еще одного блока.Что-то вроде такого http://jsfiddle.net/KmVv9/1/ - ну только в нормальном виде.Мне нужно чтобы div col2 обтекал полностью первые два блока,я думаю что решение кроется в том чтобы первая 2 блока:песочный и красный засунуть в еще один div и задать чтобы div col2 (розовый) обтекал его.Но у меня не получается - http://jsfiddle.net/KmVv9/3/ Пробовал у col2 убрать margin-left и поставить float:left,тоже бестолку. Как сделать грамотно то? Спасибо!
0 votes4 answers -
Можно ли сделать такую форму на css3&
Можно ли сделать такую желтую с градиентом форму? По-началу мне показалось, что можно, задав 2 значения для левого вернего угла бордер радиуса из разряда 8px 100%, но как видно на картинке угол закруглен на самом деле кругло, то есть 2 параметра по 8px, как бы тогда реализовать и можно ли? В голове вертится мысль о псевдоэлементе и задание градиентов с попиксельной точностью. А может ну его? Просто вставить картинку - это разумнее?
0 votes4 answers -
Вертикальное меню с выпадающим списком
Здравствуйте! Делаю вертикальное меню с выпадающим списком. HTML: <div class="menu"> <ul> <li><a href="#" class="active_page">Первый пункт</a></li> <li><a href="#">Второй пункт</a></li> <li><a href="#">Третий пункт</a></li> <li><a href="#">Четвертый пункт</a></li> </ul> </div> CSS: .menu ul { margin: 0; padding: 0; width:133px; list-style-type: none; } .menu ul li a { text-decoration: none; color: #A08A50; padding: 3px 5px; background-color: white; display:block; } .menu ul li a:visited { co…
0 votes4 answers -
Что делать дальше?
Здравствуйте) У меня великая проблема. Я не знаю, что мне делать. Куда идти, куда бежать, если html с css я изучила, хоть и совсем не совершенно, но продолжаю развиваться? Что именно нужно делать после того, когда я точно буду уверена, что код мой чистый и правильный, когда буду на среднем уровне? Заранее спасибо за полезные советы)
0 votes4 answers -
Как a одну строку вставить кнопки?
Здравствуйте. Подскажите пожалуйста как выровнять в одну строку все кнопки соц сетей. Не могу понять где ошибка. Сам код: <div class="socials"> <div class="social svkontakte"><div id="vk_like"> <script type="text/javascript">VK.Widgets.Like("vk_like", {type: "button", height: 20});</script></div> </div> <div class="social sgoogle"><g:plusone size="medium"></g:plusone></div> <div class="social stwitter"> <a href="httpstwitter.com/share" class="twitter-share-button" data-via="blogmarketologa" data-lang="ru">Твитнуть</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];…
0 votes4 answers -
Появление щелей между div при масштабировании
Имеется центральная страница с фиксированными размерами, и при масштабировании в Сhrome появляются прозрачные щели между div-ами. Во всех остальных браузерах такого не наблюдается. Поясню. Есть у меня заголовок, внизу него расположено меню, а при масштабировании меню смещается от заголовка вниз буквально на 1 px, и кнопки по горизонтали тоже друг от друга отходят на 1px. При различном масштабе такие косяки появляются в разных местах. Вычитал, что это из-за погрешности округления браузера Chrome...А можно ли от этого избавиться как-то?
0 votes4 answers -
Вопрос про лайтбокс
Как в нем сделать, чтобы картинки показывались по группам? В lightbox, который 0.5 какая-то версия. В fancybox просто rel в коде указываешь и все само работает, а в lightbox как?
0 votes4 answers -
Выпадающее меню скрыто скриптом
Доброго времени суток форумчане! Подскажите пожалуйста. На сайте http://prikoltube.ru вверхне меню при наведении курсора на "Еще категории" раскрывается но его перекрывает рекламный блок что ниже. Пробовал z-index не помогло, видимо он не работает с скриптом, который перекрывает меню. МОжет есть у кого идеи и предложения как исправить эту ошибку?
0 votes4 answers -
Проблемы с кроссбраузерностью
http://jsfiddle.net/AycqA/1/ помогите кто может, в ie 8(другого нет) отображается вообще ужасно прозрачные квадраты просто с границей.... на старой опере тоже криво. PIE помогает но когда наводишь в IE то вообще творится незнаю что...
0 votes4 answers -
Ширина ячейки
Добрый день. Подскажите пожалуйста как сделать так, чтобы ширина ячейки была по содержимому, но в случае, если текст сильно длинный (например 50 символов), то его надо перенести на следующую строку. До этого обходился свойством nowrap как атрибут или как значение css свойства white-space. Как бы нет проблемы выставить ширину ячейки, допустим, 250рх, но если в какой-то выборке для данной колонки будут только короткие значения, то будет некрасиво наблюдать пустое место в ячейке. Пробовал всякие комбинации с white-space, word-break, max/min-width, да что-то не получается. Задачка вообще решается? Спасибо.
0 votes4 answers -
Два <div> в одну строку
Здравствуйте! Подскажите пожалуйста, как расположить два дива в одну строку в данном случае? .container1 { width: 100%; padding: 20px 0 20px 0; background: #000; } .container1 .new { width: 470px; padding: 20px; margin: 0 auto; } .container1 .last { width: 470px; float: right; padding: 20px; } Скриншот: Пробовал играться с float-ами, как в основном советуют — не получается.
0 votes4 answers -
Форма опроса.
http://jsfiddle.net/8jhC2/ Как сделать, чтобы выбрать можно было только один пункт?
0 votes4 answers -
Боковой баннер
Как создать такие вот боковые панели "Беспрецедентная акция"?
0 votes4 answers -
Не работает background-image
Товарищи,подскажите почему не работает background-image? Есть еще какие-либо другие способы отцентровать кратинку по блоку?чтобы со всех стороны она была равноудалена,через img например? http://cssdesk.com/6GQNw Заранее Спасибо!!!
0 votes4 answers -
Не наследуется стиль слоя
Здравствуйте! Столкнулся со следующей проблемой. У меня в основной слой вложены несколько слоев, которые не наследуют его атрибуты. Код следующий: http://jsfiddle.net/QsxgR/ В принципе, код не длинный, выкладываю ещё и сюда исходники html и css: <div class="about-container"> <div class="threeblocks"> <div class="defaultblock"> <img src="img/book.png" /> asdasdasd asdsdas dad as dasd asd asd as dasd as dasd asd asd asd asd asdasd asd asd </div> <div class="defaultblock"> <img src="img/dots.png" /> asdasdasd </div> <div class="lastblock"> <img src="img/content.png" /> asdasdasd </div> </div> </div&…
0 votes4 answers -
Span не регулируется по вертикали.
http://cssdesk.com/9jegR Подскажите почему блок span не отдаляется от нижней границы блока transparent-block , хотя ему задано margin-bottom:15px; но при этом margin-left работает?!?! Даже если задать ему display:block; то нельзя регулировать ему позицию с помощью margin по вертикали.
0 votes4 answers