HTML Coding

29,542 questions in this forum

1. Как добавить рамку фоновому изображению?

   Здравствуйте. Есть ссылка со стилем: a { letter-spacing:0px; text-align:left; padding-left: 20px; text-decoration: none; background:url(../images/rss_16.png) no-repeat; background-position: 0px 4px; background-size:7%; font-size:14px; } можно как-то изменить этот стиль так, чтобы вокруг rss_16.png была рамка определенного цвета в 1px?

   Asked by borus, December 4, 2012

   0 votes
   5 answers
2. Подчеркивание слова, а не строки

   Подскажите как реализовать подчеркивание отдельного слова, а не всей строки. Например: Если я пишу text-decoration: underline подчеркивается вся строка. А мне надо с помощью css сделать подчеркивание каждого слова отдельно ————- Уже не актуально, можно удалять, но все же... Интересно!

   Asked by boo, December 4, 2012

   0 votes
   3 answers
3. виджет

   Здравствуйте! Возникла проблема при размещения "вк виджета" на тумблере: как разместить его в определенном месте( в правой части страницы под описанием сайта)

   Asked by supermini, December 3, 2012

   0 votes
   1 answer
4. div строго под заданным div

   Здравствуйте, уважаемое сообщество htmlbook. Мне нужен совет: как сделать так, чтобы блок меню начинался точно с того места, откуда начинается блок баннера? Код страницы под спойлером. Заранее спасибо.

   Asked by sw33t, December 3, 2012

   0 votes
   12 answers
5. Хром и Опера не видит шрифт.

   Привет! Нужна помощь. Начал верстать сайт , скачал шрифт который выбрал дизайнер. font:36px/36px "Yanone Kaffeesatz",Arial,sans-serif;. Скаченый шрифт не видит хром и опера. Причем фаерфокс и ие видят его. В чем мб проблема? Кэш обновлял, истоиию удалял не помогло.

   Asked by Kobe_kobe, December 3, 2012

   0 votes
   4 answers
6. Див имеет отступ. а не надо

   Всем привет. вопрос прост. Доктайп стоит html 5 (бордер добавлен для видимости, без него тоже есть зазор) для DIVа прописан стиль такой #main { margin: 0 auto; width: 1200px; min-height: 1200px; border: solid 2px red; } Проблема: margin: 0 auto; не работает как надо. Сверху и снизу есть зазор. вопрос: а почему? как убрать?

   Asked by Tezil, December 3, 2012

   0 votes
   2 answers
7. Меню вкладками

   Здравствуйте. Необходимо сверстать простейшее меню с вкладками. Например, с двумя. Содержимое вкладок - снизу. Нет ни какой проблемы в том чтобы реализовать такое меню как вариант выпадающего меню, но оно "не работает" так как надо. 1) одна из вкладок должна быть открыта по умолчанию. 2) вкладка активируется щелчком мыши и остается активной, до щелчка на следующей вкладке. В общем все стандартно Графических изысков не требуется.

   Asked by Starter, December 3, 2012

   0 votes
   3 answers
8. overflow: hidden для блока-контейнера

   Всем привет! Для начала приведу цитату из Большой книги CSS: Свойство overflow:hidden - одно из странностей CSS. Оно принуждает контейнер расширяться и содержать плавающие элементы. Скажите, правильно ли я понял: Если у меня есть блок-контейнер, который в свою очередь содержит плавающие элементы, то у блока контейнера должно быть определено свойство oveflow: hidden? И ещё, очень прошу объяснить логику следующей разметки: <div class="thumbnails"> <div class="first overflow"> <div class="left"> <some code> </div> <div class="right"> <some code> </div> </div> <div cl…

   Asked by SuperJerk, December 3, 2012

   0 votes
   4 answers
9. Как расширить тег на оставшуюся ширину

   Здравствуйте. На сайте пытаюсь расширить последний блок li в верхнем меню до конца строки меню. Как правильно это делать? Я пробовал так ul#css3menu2>li:last-child{ width:auto; text-align:right; } И так: ul#css3menu2>li:last-child{ width:100%; text-align:right; } но последний вариант переносит последний пункт меню на новую строку. Как правильно это сделать, чтобы слово 38 лет на рынке IT было на правом конце подложки меню?

   Asked by borus, December 3, 2012

   0 votes
   18 answers
10. Высота элемента

    Всем привет. Я недавно начала изучать css бла бла бла бла бал бла.... В общем подскажите люди добрые. Намерен сделать шаблон. Высота шапки 30px все остальное пространство должен занимать div. Ничего не нашел дельного. решил сварганить сам. Получилось как то так: HTML: <div id="head"></div> <div id="content"></div> CSS: #head{ width: 100%; height: 30px; background: #0f0; } body{ margin: 0px; } #content{ position: absolute; top: 30px; width: 100%; background: 00f; height: 10px; } Jsvascript: function updateContentHeight() { document.getElementById('content').style.height = document.documentElement.clientHeight - 30; } updateCo…

    Asked by kokoc80, December 3, 2012

    0 votes
    2 answers
11. вопрос по overflow - hidden

    Добрый вечер есть 2 похожие проблемы связаные с overflow - hidden Моя ссылка на работу 1 Это меню в шапке. Так как сайт делается на цмс то нужно скрывать пункты которые не влазиют по ширине, обычно я это делаю это с помощью overflow - hidden для родительского элемента (на моем примере это ul с class="b-menu")но если я поставлю списку overflow - hidden , то у меня скроется и саб меню которое появляется при наведении на пункт меню например "Оптовикам" или "Компаниям" 2 В самом низу есть блок Планируем поступления в котором пока токо один товар(но естествено их будет больше), внутри блока товара есть ссылка "сообщить о поступлении" по нажатию на которую возникает не большая …

    Asked by chiffenok, December 2, 2012

    0 votes
    29 answers
12. ine-height и единицы измерения (продолжение)

    Я уже создавал тему с подобным вопросом - http://forum.htmlbook.ru/index.php?showtopic=39156&st=0&p=276197entry276197 И мне дали вполне понятный ответ. Но вот сегодня меня кое-что опять загнало в тупик. Итак, возьмем тот же код http://jsfiddle.net/usfe/u8TCq/2/ При использовании у body line-height просто число пересчет line-height для абзаца происходит после наследования(то есть наследуется 28px шрифта и умножается на 1). А в случае EM перерасчет происходит ДО наследования, то есть эта 1 умножается на 16 пикселей от body. НО! Если теперь 1EM прописать для <p> то итоговый line-height внутри абзаца, как можно догадаться, станет именно 1*28, хотя по той логик…

    Asked by USF, December 2, 2012

    0 votes
    4 answers
13. Зазоры между background-image

    Здравствуйте Всем форумчанам, не откажите в помощи новичку). В общем проблема заключается в том, чтобы сделать фон, который состоит из 3 картинок. Верх это Content_bg_top.png, низ - Content_bg_bot.png и Content_bg_line.png - основная часть, которую я хотел задать репитом, но между ними появляются отступы... Кто сталкивался с такой проблемой и как ее решить. Заранее спасибо. ЗЫ Так сделал, чтобы фон расширялся от наличия контента в нем, вот как он должен выглядеть Content_bg.png http://s14.postimage.org/igwny9cxd/Content_bg.png http://s14.postimage.org/elt9votrl/Content_bg_bot.png http://s14.postimage.org/j8zbxgh4h/Content_bg_line.png http://s14.postimage.org/higavyzld/Con…

    Asked by Molkrot, December 2, 2012

    0 votes
    3 answers
14. Разрыв между дивами

    Подскажите как бороться с такой вот вещью. У меня есть два дива.В верхнем диве есть несколько плавающих блоков, последний элемент в верхнем диве со свойством clear:both; Стоит в верхний див добавить ченить с отступом(например <p>sss</p>), то нижний див съезжает и образуется белая полоса между ними. Что нужно прописать?

    Asked by marker, December 2, 2012

    0 votes
    2 answers
15. "Закрыть" внешние ссылки от поисковых систем

    Приветствую! На сайте пользователи пишут комментария, введут блоги и т.п. В тексте могут использовать ссылки на внешние сайты и/или почтовые адреса. Я сделал так чтобы все ссылки автоматически высвечивались, то есть юзер введет www.test.ru, а уже на странице это будет готовая ссылка к примеру: <a href="test.ru"... Я в SEO не силен, но я знаю что если на сайте будут внешние ссылки, то сайт будет терять некую "популярность". 3 варианта решения: 1. Убрать к черту скрипт высвечивая ссылок и эл.адресов (либо подключать его только для зареганых, ведь поисковой робот не зарегистрируется и не увидит ссылки :-) ); 2. Переводить все внешние ссылки на подтверждающую страницу (как…

    Asked by Bebeka, December 2, 2012

    0 votes
    0 answers
16. Форма обратной связи

    И снова здравствуйте). Смещается панель кнопок сайта при обновлении страницы vinilloff.ru/mail.php Дело в этом коде <script type="text/javascript"><!-- google_ad_client = "ca-pub-4231692048579762"; /* Демо страницы */ google_ad_slot = "1331915711"; google_ad_width = 468; google_ad_height = 15; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-3866000-4']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = …

    Asked by faradei21, December 2, 2012

    0 votes
    5 answers
17. Selectvizr и подключение CSS3 в ie8

    Добрый день, решил попробовать HTML5 и, как всегда, приходится делать обходное решения для создания псевдоэлементов в IE8. Подключаю библиотеку Selectvizr таким кодом: <!--[if (gte IE 6)&(lte IE 8)]> <script type="text/javascript" src="js/DOMAssistantComplete-2.8.1.js"></script> <script type="text/javascript" src="js/selectivizr.js"></script> <![endif]--> Но что-то не работает. в IE уровень безопасности для локального хоста поставил Низкий. Кто сообразит, в чем причина?

    Asked by webmos, December 2, 2012

    0 votes
    5 answers
18. jquery

    в номере 1 появляются строки данных пользователь кликает на строке с данными в квадрате 1(данные должны динамически добавляться в нем) и кнопками >> или << перекидывает эти данные в квадрат 2 или 3

    Asked by rtl_one, December 2, 2012

    0 votes
    5 answers
19. Как сделать блок?

    Нужно приделать блок (справа) Как это возможно реализовать?

    Asked by Mistic, December 2, 2012

    0 votes
    2 answers
20. фантастика с autocomplete

    На локальной машина разрабатываю сайт, autocomplete="off" не работает на одном поле с именем name="account", в принципе и имя поля менял всеровно не отключает autocomplete. Это в Firefox 17.01 Решил показать здесь, скопипатсил всё это в jsfiddle ничего не меняя, так autocomplete отключен как надо. Как такое может быть? В исходном коде autocomplete="off" присутсвует. Такс понятно это у меня сервер что-то делает... первый инпут предлогает заполнить всякой фигнёй)

    Asked by tini.kRyptoNite, December 2, 2012

    0 votes
    2 answers
21. Как вывести футер после блока с абсолютным позиционированием?

    Сайт в две колонки, левая позиционирована абсолютно, в ней находится дерево категорий. Правая имеет отступ от левого края, в ней находится контент. Проблема в том, что если контента мало, то футер рисуется поверх левой колонки. Как сделать так, чтобы футер выводился после левой колонки, а не на ней? .content_left { position: absolute; } .content_right { margin-left: 300px; width: 930px; }

    Asked by Rooner, December 2, 2012

    0 votes
    4 answers
22. Кроссбраузерность. Помогите решить проблему.

    Добрый день, код сырой, но дело в том что изначально проверял на Опере, потом выяснил, что популярнее в моем регионе Фаерфокс и решил на нем проверить. Был шокирован. Проблема в том, что при наведении на иконки в Опере меняется картинка, а в фаерфоксе не меняется, остается такой же, да и вообще ссылка не работает. Это мой первый сайт, делаю для себя, не профессионал, извините за трэш. <html> <head> <title>Flexotex</title> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="keywords"contente="пароизоляция, ветроизоляция, гидроизоляция"> <meta name="description" content="Паро-,ветро-, гидроизоляционные …

    Asked by mogdalov, December 2, 2012

    0 votes
    6 answers
23. Выбор правильной схемы применения section и article

    del

    Asked by NiceForce, December 2, 2012

    0 votes
    2 answers
24. Проблема с fontsquirrel

    Проблема такая - мне очень нужен на сайте шрифт terminator cyr 4 и если его подключить просто через font-face, кириллица работает, но отображается уродливо. Пробовал через fontsquirrel - латинница работает, красиво отрендерилась, а вот кириллица не работает вообще. В настройках выбираю EXPERT, ставлю галочку напротив Cyrillic, а эффекта ноль! Всё равно не работает. Причём, в списке символов кириллица отображается, а вот в демо файле на выходе кириллицы уже нет. А если выбрать не EXPERT, а OPTIMAL, то в демо файле кириллица даже отображается, а вот на самом сайте уже не работает! Помогите пожалуйста, очень нужно.

    Asked by Prowhman, December 2, 2012

    0 votes
    2 answers
25. Установка меню

    Помогите пожалуйста, нужно боковое горизонтальное меню для сайта на wordpress. Нужно вставить его на уровне со слайдером (слева). Ссылка на сайт http://shop-accs.vv.si

    Asked by Mistic, December 2, 2012

    0 votes
    1 answer