HTML Coding

29,542 questions in this forum

1. Неоднородный фон. Как правильно верстать?

   Доброго всем профи, вопрос от новичка. Как правильно верстать фон, представленный во вложении? целиком изображение - тогда вопрос - не жирно ли ему 100кб на бекграунд, а взять маленький кусочек указать ему repeat тоже не получится. В общем интересует Ваше профессиональное мнение. https://www.dropbox.com/s/53qucedyzir9mob/bg.jpg

   Asked by To_wave, December 5, 2013

   0 votes
   1 answer
2. Анимированное меню в виде сот

   Добрый день. Сделала вот такое меню в виде сот http://codepen.io/anon/pen/rGJEI Текста не будет. Анимация работает только в хроме, т.к. использовала "filter", который поддерживается лишь в этом браузере и почему-то замыливает фотографии. Это была проба фильтра, в дальнейшем добавлю фиксы этого для всех браузеров, которые нашла на просторах интернета. Но вопросы немного в другом: 1. Думала просто подтянуть чб картинки вместо фильтра, но таких картинок слишком много на нескольких страницах и есть ли в этом вообще смысл? Если оставлять фильтр, то как убрать замыленность? 2. Возникла проблема при переносе этого куска в основной код. В фоне страницы - картинка, которая к…

   Asked by NatalieZ, December 5, 2013

   0 votes
   2 answers
3. Трудности с версткой в Opera и IE

   Всем привет! Вот сверстал форму http://melsman.ru/pcf. Только в Opera почему-то не хочет работать text-indent, а в FF -moz-border-radius-topleft(и -topright), в IE тоже самое. Может что посоветуете? И еще принимаются критика, рекомендации, совету и прочее! Благодарю за внимание!

   Asked by XuLLlHuK, December 6, 2013

   • border-top-radius-left
   • border-top-radius-right
   • opera
   • text-indent
   0 votes
   11 answers
4. Как сделать такие же тени в css, как и на макете в PS

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

   Asked by Xenia Wanger, December 6, 2013

   • photoshop
   • тени
   • box-shadows
   0 votes
   7 answers
5. Отображение Open Sans Condensed в Chrome

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

   Asked by massef, December 6, 2013

   0 votes
   1 answer
6. 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
7. Убрать перенос строки

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

   Asked by MAS.CITI, December 6, 2013

   0 votes
   5 answers
8. 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
9. Как сделать стрелочку сбоку от меню a:hover

   Добрый день. Не могу понять как реализовать при наведении на пункт меню, меняется цвет и плюс сбоку уголок. <div id="menu-left"><ul class="menu"><li><a href="#" > Новая модель</a></li><li><a href="#" > Новый реион</a></li><li><a href="#" > Новый мерчендайзер</a></li><li><a href="#" > Новый POS</a></li><li><a href="#" > Новая акция</a></li><li><a href="#" > Новая модель конкурентов</a></li></ul></div>#menu-left{height:227px;float:left;margin-bottom:10px;}ul.menu {list-style-type:none;padding:0;width:227px;h…

   Asked by belosnezka, December 6, 2013

   0 votes
   4 answers
10. Тень и бордер

    Свертсал данную кнопку так: 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
11. Модули и компоненты 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
12. Как расположить картинку в середине div-блока

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

    Asked by alleclf, December 6, 2013

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

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

    Asked by freialex, December 6, 2013

    0 votes
    14 answers
14. Бутстрап - проблема с меню

    Вот пытаюсь реализовать меню. Обычное меню. справа от него на той же строке есть блок с заказом звонка. При уменьшении разрешения появляется название сайта и иконка для разворачивания меню. Проблема в том. что в определенном узком разрешении развернутого меню не видно на экране вообще - оно куда-то вбок уходит. При этом в файрфоксе (в хроме вроде норм). Что я делаю не так? Все ли правильно в разметке навигации? http://zverushka.zz.mu/edu/

    Asked by Zverushka, December 7, 2013

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

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

    Asked by Zverushka, December 7, 2013

    0 votes
    5 answers
16. Бордер для ссылки

    <div class="test"><a href="#">Ссылка</a></div>.test {position: absolute; font-family: 'Open Sans', sans-serif; font-size: 14px; color: #333; line-height: 13px; height: 13px; top: 21px; display: block;}.test a {color: #fff; text-decoration: none; border-bottom: 1px solid rgba(255,255,255,0.3);}.test a:hover {color: #ff0 !important; text-decoration: none; border-bottom: 1px solid rgba(255, 255, 0, 0.3);}В любой версии IE нету этого нижнего бордера. Как вылечить? Добавил ссылки position: relative; но проблема до конца не решилась, оказывается в ИЕ не срабатывает проразность rgba(255,255,255,0.3); Т.е. вся проблема 0.3. Есть ли кробраузерное решени…

    Asked by okunev2, December 7, 2013

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

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

    Asked by Veseloff, December 7, 2013

    0 votes
    5 answers
18. Ползунок

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

    Asked by okunev2, December 7, 2013

    0 votes
    5 answers
19. Хоть убей...

    Добрый вечер, хоть убей, сижу и не могу понять что не так...не срабатывает ховер на 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
20. 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
21. Работает не так как нужно

    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
22. Ещё раз о section

    Всем доброго дня? Вечера? Ночи? Не раз видел вот такое, да и сам так верстаю: <section id="block"> <div class="conteiner"> <h1>Тра-ля-ля</h1> </div></section>#block { width: 100%;}.conteiner { margin: 0 auto; width: 1000px;}И при построении дерева документа выбивает untitled section. Собственно, возникает резонный вопрос:"может делать всё с точностью да наоборот": <div id="block"> <section class="conteiner"> <h1>j;j;jl</h1> </section></div>Тогда, вроде, все должны быть довольны. Вот как-то так. Только правильно ли это?

    Asked by ifooly, December 7, 2013

    0 votes
    19 answers
23. Смена класса по клику

    Как используя jquery для данного кода <li class="red"><span></span></li>По клику span, применять ему класс .activ, у которого свои стили будут. Буду благодарен примеру.

    Asked by okunev2, December 7, 2013

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

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

    Asked by suranovvladimir, December 7, 2013

    • #js #calculator #table
    0 votes
    7 answers
25. Плывут блоки при масштабирование

    Всем привет. Я новичек в верстке, поэтому вопрос может быть глупым, но всё же. Собственно проблема возникает при масштабирование страницы, блоки начинают съезжать. Как это исправить? Буду благодарен за помощь. и вот живой пример http://dofamin.tor.su/page/test/ и пользуясь моментом задам еще 1 вопрос. проблема заключается при работе со шрифтами. Как корректно подобрать размер шрифтов из PSD ? Например в PSD размер написан 16pt, но при верстке с указание размера шрифта в 16pt возникают разногласия с макетом.

    Asked by Chupachups, December 7, 2013

    0 votes
    16 answers