HTML Coding

29,542 questions in this forum

1. text-indent, о размусоленном

   Задумался о грамотном коде при верстке логотипов и вообще ссылок с картинками без текста. Казалось бы, что может быть проще <a href="#" title="title"><img src="#" alt="alt" /></a>Но, проследив за подгрузкой изображений на сайте, я повернулся в сторону спрайтов. Вот небольшая задачка. Дано: 1 логотип, 6 социальных кнопок. Итого - 7 изображений. Задача: Объединить изображения в спрайт и выдавать его в нужных местах. Вероятное решение: Обыкновенное. Мы пишем что-то вроде <a href="#" title="logo"></a>Но в этом случае у нас нет ключевых слов. Тег а пустой. Изменяем его так: <a href="#" title="logo">Logo</a>В дизайн не вписыва…

   Asked by Libiros, December 7, 2013

   • seo
   • text-indent
   • текст ссылок
   0 votes
   15 answers
2. Шрифты и ctrl+-

   Есть два блока фиксированной ширины, содержащие текст. В одном блоке тексту задан тип шрифта Arial, в другом Times New Roman. Firefox Если уменьшить масштаб (ctrl+- или колесо) на один пункт, то в первом блоке текст вплотную прижмется к правому краю (при увеличении тоже самое), тогда как во втором блоке расстояние до правого края останется как было при 100%. Если еще на один пункт уменьшить, то в первом блоке последнее слово вообще перенесется на другую строку, во втором блоке снова останется все как есть. Chrome Почти тоже самое. IE10 Идеально. Как бы не уменьшал или увеличивал масштаб, текст в обоих блоках всегда изменяется пропорционально ширине самого блока. h…

   Asked by Bassline, December 8, 2013

   0 votes
   3 answers
3. Оформления imput через CSS

   Подскажите пожалуйста, как убрать у impyta фон (картинка) если в него пользователь ввел текст. Фон задается через background.

   Asked by Zarathustra, December 8, 2013

   • imput
   • CSS
   0 votes
   6 answers
4. Ссылки картинкой подряд.

   Здравствуйте.У меня такая проблема..Сделала я на сайте несколько ссылок картинкой и у меня они все идут вот так: 1картинка 2картинка и т.д. А мне нужно чтобы было все вот так: 1 картинка,2картинка и т.д. Т.е нужно что бы ссылки картинкой шли друг за другом (подряд),а не с новой строчки.

   Asked by Cherry06, December 8, 2013

   • ссылкикартинки подряд
   0 votes
   10 answers
5. Проблема, когда ширина монитора меньше ширины макета

   Здравствуйте. Верстаю макет сайта. У самого монитор в ширину 1024px. Размер макета в ширину 1200px. Для таких мониторов, как у меня должна появляться горизонтальная полоса прокрутки. Она появляется. Но в от в чем проблема. Есть общий блок footer. header { background: url('../img/header_bg.jpg') no-repeat center top; min-height: 1241px; margin: auto; overflow: visible; width: auto; } который служит просто подкладкой и в котором есть фоновое изображение. Его ширина 1 920px. Оно отображается, приведу скрин: Но когда прокручу вправо: фоновое изображение тупо обрезается. Если менять масштаб, то обрезанная область появляется. overflow: visible; не пом…

   Asked by Edward, December 8, 2013

   0 votes
   13 answers
6. Граница вокруг выделенного элемента

   Доброго времени суток дорогие форумчане. Есть один маленький но очень раздражающий элемент - граница вокруг активного элемента. Помогите разобраться. Ссылка на картинку - http://yadi.sk/d/r1MB369eDwDx8 Фото сделано - Система - MacOS 10.9 Браузер - Chrome последний

   Asked by xxnikolayxx, December 8, 2013

   0 votes
   2 answers
7. Хоть убей...

   Добрый вечер, хоть убей, сижу и не могу понять что не так...не срабатывает ховер на span <ul class="menuSidebar"><li><span><i></i></span><a href="#">LINK</a></li><li><span><i></i></span><a href="#">LINK</a></li><li><span><i></i></span><a href="#">LINK</a></li></ul>.menuSidebar{ margin-bottom: 30px; padding: 10px 0; background: #eee;}.menuSidebar li{ margin-bottom: 10px; overflow: hidden; padding: 0 20px;}.menuSidebar span{ display: block; float: left; font-size: 30px; color: #999;}.menuS…

   Asked by inex, December 7, 2013

   0 votes
   9 answers
8. Масштабирование для iphone

   Ширина сайта 480px, а у iphone 320. Как правильно смасштабировать сайта для iphone?

   Asked by freialex, December 6, 2013

   0 votes
   14 answers
9. Простой калькулятор в таблице

   Всем добра! Есть такая задача (картинка в конце), вот в чем она заключается: 1. При выделении пункта в таблице, указанная там цена должна прибавляться к общей сумме; 2. После таблицы нужно собственно вывести получившуюся сумму. Вопрос: Каким образом это на js написать? Знаю что не сложно все это, но в js я нуб, поэтому и пришел сюда. картинка

   Asked by suranovvladimir, December 7, 2013

   • #js #calculator #table
   0 votes
   7 answers
10. Нужна помощь

    Доброго времени суток. Помогите, пожалуйста, разобраться: на картинке блок с повторяющейся стрелкой по x и в нем же блок с логотипом. Нужно, что бы стрелка прерывалась, как на картинке. Извиняюсь за плохо сформулированный вопрос. Заранее спасибо.

    Asked by Ezh3, November 6, 2013

    0 votes
    12 answers
11. Пункты меню перескакивают на новую строку - почему?

    Пункты меню перескакивают на новую строку - почему? http://zverushka.zz.mu/edu2/

    Asked by Zverushka, December 7, 2013

    0 votes
    5 answers
12. Модули и компоненты Joomla

    Здравствуйте! Не бейте сильно может если не по адресу! Кто-нить может мне разъяснить, вот такой вопрос Joomla 2.5 Использую компонент ChronoForms, создаю форму все ок., эта форма как ей и положено выводится на странице в <jdoc:include type="component" /> но мне необходимо что бы она выводилась в модуле т.е. <jdoc:include type="module" /> Когда я вывожу форму при помощи модуля к компоненту ChronoForms то у меня выводится 2 формы соответственно в <jdoc:include type="component" /> и <jdoc:include type="module" /> Как мне сделать что бы в <jdoc:include type="component" /> форма не выводилась? Или она там будет выводиться постоянно, или это изм…

    Asked by rango2014, December 6, 2013

    0 votes
    1 answer
13. Работает не так как нужно

    html <html><head><link rel="stylesheet" href="style123.css"></head><body><ul class="list"><li><a href="1.html"><em>2.79</em></a><span style="width:68%;">68%</span></li><li><a href="2.html"><em>2.79</em><span >68%</span></a></li><li><a href="3.html">222222<em>2</em></a></li><li><a href="4.html">33333<em>3</em></a></li><li><a href="5.html">4444<em>4</em></a></li><li><a href="6.html">5555555555 5555555 5555555555 5555555555555&…

    Asked by Tikson, December 7, 2013

    • css
    0 votes
    3 answers
14. Ползунок

    Ищу скрипт, с хорошей костомизацией. В гугле искал есть, но хотел увидеть те решение которые наиболее используемые.

    Asked by okunev2, December 7, 2013

    0 votes
    5 answers
15. Как расположить картинку в середине div-блока

    Вот пример, во втором блоке всё нормально, а вот в первом свойство float мешает. Как можно расположить картинки в обоих блоках в центре? http://jsfiddle.net/TTLJQ/1/

    Asked by alleclf, December 6, 2013

    0 votes
    6 answers
16. Резиновый по высоте блок с отступом

    Привет. Мне надо сделать блок резиновый по высоте, который бы был на 50 пикселей меньше родителя снизу. Если надо такое сделать, например, справа, то можно обернуть в блок с padding-right и всё буедет ок, так как по ширине div всегда тянется насколько есть места. А как сделать то же самое, только по высоте?

    Asked by Veseloff, December 7, 2013

    0 votes
    5 answers
17. Тень и бордер

    Свертсал данную кнопку так: http://jsfiddle.net/37aeb/ Не могу добится чтобы была тень как на картинке, и в ИЕ8 вообще не так как на картинке. тенб вроде сделал box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.3) inset; а вот с ИЕ8 и не понятно

    Asked by okunev2, December 6, 2013

    0 votes
    10 answers
18. Убрать перенос строки

    Помогите найти решение. Google помочь не смог. Проблема в следующем Написал обзац в нем есть текст который нужно выделить. Заключил его в div прописал параметры. Но проблема в том что после тега div весь последующий текст переносится на следующую строку. Как это убрать не пойму. Есть у кого мысли? Я бы screen прикрепил чтобы было ясно что я имею ввиду но не нашел где к теме подкрепить файл.

    Asked by MAS.CITI, December 6, 2013

    0 votes
    5 answers
19. Устранение ошибок верстки

    Добрый день, помогите, пожалуйста, устранить такую ошибку. В <head></head> есть такие теги, которые используется для назначения модератора для плагина комментариев фейсбук: <meta prefix="fb: http://ogp.me/ns/fb#" property="fb:admins" content="100009994319742" /><meta prefix="fb: http://ogp.me/ns/fb#" property="fb:app_id" content="100009994319742" />которые выдают вот такую ошибку: <meta prefix="fb: http://ogp.me/ns/fb#" property="fb:admins" content="100003294…✉You have used the attribute named above in your document, but the document type you are using does not support that attribute for this element. This error is often caused by incorrect use…

    Asked by Chapman, December 3, 2013

    0 votes
    10 answers
20. input type

    http://storage7.static.itmages.ru/i/13/1206/h_1386327783_2014189_6ff63f9c3a.png Там где : "Название ингредиента", "мл". Какой input type применять ? У text нет справа стрелки. PS Как средствами форума вложить картинку с жесткого диска сюда ?

    Asked by rpmcmerphy, December 6, 2013

    0 votes
    10 answers
21. Как сделать такие же тени в css, как и на макете в PS

    Здравствуйте! Имеется блок, у которого заданы вот такие параметры: Подскажите, пожалуйста, как сделать точно в css? Пробовала вырезать сам блок с тенями без бэкграунда - получается абсолютно не такой цвет как нужно: Должно быть так: А получается вот так:

    Asked by Xenia Wanger, December 6, 2013

    • photoshop
    • тени
    • box-shadows
    0 votes
    7 answers
22. Проблема с высотой блоков

    Добрый день, решил сверстать данный макет и столкнулся с проблемой, а именно: в браузерах Firefox и IE10, блок с контентом становиться чуть меньше, чем в браузерах Google Chrome и Opera. Не могу понять, почему так происходит, и что я делаю не так? Google Chrome, Opera: Firefox, IE10: Вот сама верстка: http://clck.ru/8vxti

    Asked by Aleksandr.L, December 5, 2013

    0 votes
    7 answers
23. repeating-linear-gradient

    Хочу сделать зебру. background: repeating-linear-gradient(to right bottom, #E9E9E9 0 2px, #000000 2px 4px) ; С левого верхнего угла в правый нижний, серый-черный цвет.. Не работает что не так ?

    Asked by rpmcmerphy, December 6, 2013

    0 votes
    8 answers
24. Отображение Open Sans Condensed в Chrome

    Приветствую. Подключил с гугла шрифт Open Sans Condensed. В webkit браузерах не нормально отображется, у некоторых букв будто срезана верхушка. Например: Если увеличить масштаб до 110%+ то все нормально выглядит, при стандартном масштабе такой вот косяк. Как можно вылечить? UPD: сделал вот в песочнице пример, откройте в хроме к примеру, что интересно, в фоксе тоже косяк такой, верхняя часть букв "Г" и "П" полупрозрачная. Это именно в песочнице, на сайте все норм.

    Asked by massef, December 6, 2013

    0 votes
    1 answer
25. Практикум

    Делаю задание из практикума вот что получилось http://cssdeck.com/labs/tneohfgn . Хотел задать вопросы. 1.Как сделать чтобы placeholder отображался в левом верхнем углу 2.Почему у Ингредиентов и Параметров фон иконок белый, хотя я задал transparent 3.Через что отмерять расстояние в макете ?(Я открывал программой adobe image ready, выбирал инструмент область и выделял нужный кусок, потом смотрел его размеры, открывал не psd а png файл, который также идет в атаче) 4.Как определять шрифт через фотошоп, размер, семейство ?

    Asked by rpmcmerphy, December 4, 2013

    • Пошаговая форма
    0 votes
    12 answers