HTML Coding

29542 questions in this forum

1. position: fixed;

   Добрый день, необходимо сделать меню, которое плавает вдоль левого края контейнера, все бы ничего, но сайт адаптивный и когда окно браузера становится меньше основной ширины контейнера - с этим справляются @media, а как сделать чтобы позиция отсчитывалась от центра страницы или от контейнера, чтобы при больших и разных экранах меню оставалось на своем месте, возле контейнера? Буду благодарен за любую информацию. Нашел решение при помощи calc(); но, судя по заявленным данным о поддержке браузерами - не так много поддерживают эту функцию, может есть более правильное решение?

   Asked by wicked_kiD, April 3, 2013

   • position
   • fixed
   0 votes
   7 answers
2. Необычная верстка

   Здравствуйте, есть задача сверстать макет с изображениями, похожий на http://www.pixoto.com/. Не знаю, с какой стороны к этому всему подойти. Есть какие-то мысли как сделать такую штуку?

   Asked by red_komrad, April 3, 2013

   0 votes
   5 answers
3. Как задать шрифт для таблицы в целом

   Здравствуйте, друзья! Подскажите пожалуйста чайнику: можно ли без CSS и прочих сложностей изменять шрифт таблицы в целом, чтобы не было необходимости задавать шрифты в каждом теге <td>. Заранее благодарю за ответ.

   Asked by vds, April 3, 2013

   0 votes
   4 answers
4. Как создать приставку "ru"?

   Как сделать так что бы у моего сайта была приставка ru в начале домена?На сайте 2 языка англ и рус,для англ версии ненужные приставки а для русской версии нужно что бы вначале была приставка ру вот как здесь например http://ru.iccup.com/ как видите при выборе русского языка на том сайте поялвяется приставка,я хочу что бы у меня так же было.

   Asked by pudge, April 2, 2013

   0 votes
   18 answers
5. Лапочка

   Самый странный или интригующий сайт который вы видели.

   Asked by St.Jimmy, April 2, 2013

   0 votes
   2 answers
6. ISPManager

   Кидаю все фаилы сайта на ISPManager, точнее в менеджер фаилов. В строке доменные имена ясное дело указываю название сайта. Перехожу по ссылке на сайт и ничего. Чито делать? Может я что-нибудь пропустил?

   Asked by St.Jimmy, April 2, 2013

   0 votes
   2 answers
7. Верстка под планшеты и смартфоны

   Только начинаю изучать адаптивную верстку. И вопрос следующий. Можно ли определить тип устройства клиента? Допустим, что у него планшет. Или же смартфон. Ведь разрешения бывают самые разные. Допустим я хочу чтобы на всех смартфонах, независимо от их разрешения, макет получался бы с одной колонкой, на всех планшетах - 4 колонки, а на компьютерах и ноутах - 6 колонок.

   Asked by Bumblebee, April 2, 2013

   0 votes
   1 answer
8. Разместить текст поверх блока <canvas>

   Вот проект: jsFiddle Проблема: Необходимо разместить подпись (тег h3) поверх блока canvas(отражение картинки, генерируется скриптом. В коде просто серый прямоугольник). Вставить подпись прямо в блоке canvas нет возможности. Такой вариант работает, но не подходит потому, что подпись должна быть всегда на одинаковом расстоянии от картинки, поверх отражения. Картинки могут быть разного размера, поэтому отражение тоже разной высоты и привязка к нижней границе отражения не годится. .door_name{ text-align: center; width: 200px; margin-top: -50px; } Подскажите решение плиз, бьюсь уже пол дня. Я бы изменил конечно код, который генерируется JS, но у меня нет в наличии необфусци…

   Asked by Adamatis, April 2, 2013

   • html css
   0 votes
   0 answers
9. Несмотря на выставленный charset проблема с кодировкой

   В коде страницы: <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> При этом вместо русского текста крякозябры. Вот здесь: http://mysfamily.com/rus/gallery_black1.html Что за беда?

   Asked by adelante, April 2, 2013

   0 votes
   11 answers
10. Как сверстать

    Подскажите как сверстать такое: <div class="outer"> <div class="inner">Текст1</div> <div class="inner">Текст2</div> <div class="inner">Текст3</div> </div> блоки inner должны быть по ширине окна браузера в одну строку, соответственно outer = 3 окнам. Текст внутри inner должен быть по центру по вертикали и горизонтали. Что-то не получается никак.

    Asked by kindgray, April 2, 2013

    • CSS
    • div
    0 votes
    5 answers
11. Как сделать что бы динамический блок не смещал все последующие елементы на сайте?

    Вот в чем проблема,в шапке сайта хочу разместить вот такой блок для смены языка http://jsfiddle.net/3Lw38/1/ .Все вроде как нормально но это до тех пор пока на этот блок не навести курсор,как видите выдвигается спойлер который смещяет все елементы сайта вниз.Как сделать так что бы при наведении курсора все стояло на местах и никуда не двигалось?

    Asked by pudge, April 2, 2013

    0 votes
    2 answers
12. Меню на разных разрешениях

    Меня на разных разрешениях "правильно" сходит. Может можно как-то по-другому сверстать? Чтобы разрешение не влияло. Использовать JS нельзя... http://mc-diamond.ru

    Asked by Evgen8, April 2, 2013

    0 votes
    2 answers
13. Почему нельзя копировать содержимое с jsFiddle в опере?

    Собственно почему?Вот обычный код http://jsfiddle.net/3Lw38/1/ ,почему я выделяю нужные участки кода нормально но немогу копировать их?Не контрлЦ не ПКМ по выделеному.

    Asked by pudge, April 2, 2013

    0 votes
    2 answers
14. Верстка адаптивного слайдера

    Всем привет. Сабж: хочу сверстать адаптивный слайдер. Для макета использую сетку от бутстрапа. Сначала задавал диву с классом slider-container ширину около 3000px, а Slider-holder'у overflow: hidden, в общем стандартная разметка для слайдера. Но поскольку слайдер должен быть адаптивным, то и ширина у него и у его дочерних элементов в процентах -> растягивались эти проценты на все 3000px. В итоге всё выглядело не так, как нужно. Решил сделать по-другому: <li> задал absolute, а ul.slider-container relative, чтобы показывать слайды с помощью изменения прозрачности. Но теперь <li> с absolute'ом "не видят" свой контент(пикча и текст) и чтобы увидеть слайды, нужн…

    Asked by SuperJerk, April 2, 2013

    0 votes
    2 answers
15. Псевдо-ссылка со скрытым (всплывающим) текстом

    Подскажите, как реализовать скрытый текст, доступный по клику на псевдо-ссылку. Понравилась реализация блога на Бухгалтер.Контур (не знаю тут ссылки разрешены или нет: http://www.b-kontur.ru/blog). Предпочтительно использование html + css + javascript. И самое главное, как к этому отнесутся поисковики? Не поставят ли сайт под санкции? Ведь скрытый текст - черный SEO-прием, да и по клику на комментарии (в случае контура) открывается плагиатная страница, с тем же контентом (хоть и в пределах одного сайта - но она не приветствуется поисковиками).

    Asked by B-Real, April 2, 2013

    0 votes
    1 answer
16. fuelux - как его зацепить?

    Не совсем проблема верстки конечно, но все же. Пробовал кто нибудь http://exacttarget.github.com/fuelux/ ? Меня собственно интересует только дерево http://exacttarget.github.com/fuelux/#tree Вот можно ли как то его (только дерево), подцепить к существующему сайту с бутстрапом. По идее вроде ничего сложного, берем tree.js и просто добавляем. Но у меня не выходит. Постоянно ошибку выдает. На самом fuelux цепляется все через requirejs, underscore еще впихнули. Пробовал различные махинации, но не хочет. requirejs.config({ paths: { 'jquery': 'lib/jquery', 'underscore': 'http://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.3.3/underscore-min', 'bootstrap': 'lib/bootstrap/js'…

    Asked by npofopr, April 2, 2013

    • fuelux
    0 votes
    2 answers
17. Вывод форм комментариев Вконтакте \ Facebook по клику.

    Здравствуйте, я тренируюсь в верстке и столкнулся с такой проблемой, как реализовать то, что на скрине? То есть если мы нажимает на "вконтакте", то видимо форму комментов контакта, если на "Facebook", то форму Facebooka. Интересуют конкретно эти кнопочки, вставлять код комментариев я умею, а вот сделать такие кнопочки прошу помощи у вас, подскажите пожалуйста?

    Asked by Inf1n1tI, April 2, 2013

    0 votes
    10 answers
18. Структура таблици

    Здравствуйте, подскажите, как правильно сделать такую tr зеленая полоса это 1 tr, думал как-то так сделать: <tr> <th>1</th> <th>2</th> <th colspan="2" rowspan="2"> <th colspan="2">3</th> <th>4</th> <th>5</th> </th> </tr> Но нет, неужели для th где 3,4,5 нужно делать отдельную таблицу тойсть th>table?

    Asked by ShootingStar, April 2, 2013

    0 votes
    1 answer
19. Можно ли спровоцировать горизонтальный скроллинг при position:fixed

    Здравствуйте. Существует меню. У него есть оберточный див #wrapper с шириной 100%, бекграундом и position:fixed, и сам блок меню #inner с фиксированной шириной и margin:0 auto. Когда размер окна браузера меньше ширины блока #inner, горизонтального скроллинга не возникает, и часть меню скрывается за правой стороной браузера. Можно ли исправить ситуацию? От меню, прилепленного к верху браузера (при вертикальном скроллинге), отказываться не хотелось бы. Прошу прощения за описание темы - это, оказывается, поле не для описания, а для тегов... Напрасно описание убрали, мне кажется.

    Asked by Squidward, April 2, 2013

    • Ширина элемента б
    • ольше окна б
    • раузера а скроллинг не появл
    0 votes
    1 answer
20. Всплывающий текст

    Добрый день, в общем делаю такую фишку, Шапка сайта будет состоять из картинок (банеров), при наведении на которые должен появляться текст, всё бы хорошо, но текст появляется правее картинки, следовательно все банеры не помещаются, помогите подправить css #header #banner width: 730px;height: 133px; line-height: 0px; color: transparent; font-size: 50px; font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif; font-weight: 300; text-transform: uppercase; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } #header #banner:hover{line-height: 133px; color: #575858; } #header …

    Asked by McLotos, April 2, 2013

    0 votes
    7 answers
21. Выравнивание по максимальной высоте

    Добрый день всем. Мучаюсь над выравниванием блоков по высоте. есть такая штука: http://jsfiddle.net/kBgRH/ Надо выровнять эти 3 колонки. Добился какого-то результата по выравниванию в хроме, но в IE9 фон тянуться не хочет... .region-bg использую по причине, что вместо цвета будет background-картинка. Существующие решения не катят из-за: 1) произвольное число колонок (там еще и строк будет несколько) 2) border-radius Есть предложения сделать это без JS? P.S. заранеее спасибо P.P.S. прикольный глюк, кстати. Если убрать top:0 у .region-bg, то он прижмется к низу, если убрать bottom:0, то он прижмется кверху. это нормально. но вместе в IE9 они обрабатываются довольно странно.…

    Asked by MiReQ, April 2, 2013

    0 votes
    12 answers
22. Что дает дописка transparent 100% 100% в backgorund?

    Здравствуйте. В хелпе по background не нашел описания что дает дописка transparent 100% 100% в свойстве. Поясните, пожалуйста Вот пример: background: url(images/grad_white_shadow.png) transparent 100% 100%; Благодарю

    Asked by borus, April 2, 2013

    0 votes
    1 answer
23. Сьезжет поиск

    Здравствуйте, есть сайт (covebunnies.net) на ВордПрессе, с responsive темой. Проблема в поле поиска, в ИЕ9 оно отображается практически под хедером, а в Хроме и остальных нормальных браузерах все в порядке, хотя при ресайзинге окна тоже вылетает за границы. Не подскажете в чем может быть проблема, и как это можно исправить. Заранее спасибо

    Asked by DImas95, April 2, 2013

    0 votes
    1 answer
24. Проблемы с позиционированием

    http://obzor.webtj.ru/slava/ при наведении на текст отображается еще один блок, мне надо чтоб было у него абсолютное позиционирование относительно главного блока текста #desc .desc, чтобы нижняя часть не отъехало вниз. Как это сделать? Сейчас нижний контент при ховере опускается

    Asked by X-Miller-X, April 2, 2013

    0 votes
    1 answer
25. Нужны совет по написанию

    php или javascript Идея такая, кнопка или картинка, при нажатии которой должжно всплывать окно(700 на 500) или просто открытие новой вкладки с html кодом. И всё это в php одним файлом и одним кодом без использования css и AJAX, html5.. Помоггите советом, каким образом, можно сделать?

    Asked by lev99, April 1, 2013

    • Php
    • html
    0 votes
    13 answers