HTML Coding

29542 questions in this forum

1. Не срабатывают margin-ы и padding-и

   Всем привет. Вот то на чем остановился http://jsfiddle.net/FRc7b/ Хочу с позиционировать элементы текста в правом блоки, задать отступы сверху и снизу, но не работают ни маргин ни паддинг, помогите пожалуйста. вот так вот должно выглядеть это дело http://radikale.ru/data/upload/69fda/4efc3/6d46bae1fe.png

   Asked by WEB-best, December 9, 2013

   0 votes
   2 answers
2. Тени

   Добрый день! При верстке макета возникло несколько вопросов: возможно ли с помощью свойства box-shadow реализовать нижнюю тень у header'a? И как с реализовать логотип, а именно — белый оттенок? Скриншот макета:

   Asked by Aleksandr.L, December 9, 2013

   0 votes
   3 answers
3. Каким способом вы отменяете схлопывание margin?

   Каким способом вы отменяете схлопывание margin? Допустим есть блок определенного цвета, а в нем заголовок - нам не нужно, чтобы отступы заголовка двигали блок. Я пока остановилась на padding; 1px 0; Может есть способ получше?

   Asked by Zverushka, December 9, 2013

   0 votes
   9 answers
4. small или strong?

   Надпись у формы маленьким шрифтом - "Мы гарантируем 100% конфиденциальность. Ваши данные не будут переданы третьим лицам". Семантически - это strong или small?

   Asked by Zverushka, December 9, 2013

   0 votes
   20 answers
5. Настройка sass для инспектора google

   привет, народ кто пользуется sass - можно ли какой то командой отслеживать изменения в общем css файле - который генерируется из нескольких scss, командами sass. (для пояснения sass --watch path/sass-directory:path/css-directory.) Для чего это нужно, если делать мелкие правки в самом инспекторе хрома то они делаются в style.css (работают живые стили - то есть изменения переносятся из хрома в файлы) и их вручную нужно переносит в соответствующий *.scss файл. Может sass отслеживать эти изменения . Пока он следить за scss, и собирает их в один style.css. Нужно что бы, Если что то меняется в style.css. он отслеживал соответствующий *.scss файл. Например выдает т…

   Asked by R__, December 9, 2013

   • css
   • scss
   0 votes
   7 answers
6. Фон шалин в Мазилле.

   Добрый день! Есть вопрос, решение для которого я не смог найти. Скилл маловат. Вот цитата " http://childsecret.ru/kurs/grudnoe/ В GoogleCrome, Opera отображается так как я создавалВ Firefox один фон back2.png повторяется много разВ Yandex brouser один фон back1.png вообще отсутствует В css прописано так body { background-image: url(../img/back2.png), url(../img/back1.png); background-repeat: no-repeat, space; background-position: center top; } Как сделать, чтобы во всех браузерах было одинаково?" У меня даже мыслей нет в чём тут может быть загвоздка. Помогите пожалуйста советом.

   Asked by Paul_Liferenko, December 9, 2013

   • background
   • mazilla
   • fail
   0 votes
   4 answers
7. 2 блока. ширина по содержимому и доступному месту

   Проблема такая: серый блок может быть любой ширины, зеленый должен занимать всё оставшееся место (нижняя коричневая линия обязательна) Никакие варианты с width и float у зеленого не проходят - он получается либо по содержимому, либо на 100% ширины (включая и серый блок) В какую сторону копать? p.s.Рамки у блоков не нужны, нарисовал чтобы объяснить что нужно.

   Asked by basist, December 9, 2013

   0 votes
   5 answers
8. inline-block и float

   http://jsfiddle.net/Chcg3/1/ вот такая ситуация. Желтая кнопка должна быть на новой строке по центру, а она все равно участвует в обтекании, не смотря на отмену его (видимо свойства текста?). В общем вопрос почему так и как реализовать подобную верстку тогда, если не получается отменить обтекание (без лишнего элемента .clear в разметке). Желтая кнопка по ширине должна зависеть от контента (для этого идеально подходит Inline-block или float), ну а красная должна быть справа. Видимо требуется экстра-разметка?

   Asked by Zverushka, December 8, 2013

   0 votes
   4 answers
9. border-radius внутренней границы - никак не регулируется?

   border-radius внутренней границы - никак не регулируется? То есть, если мы делаем border-bottom - то очень часто внутренний уголок или имеет меньший радиус или съедается и становится прямоуольным. есть какой-то способ регулировать внутренний угол через css?

   Asked by Zverushka, December 8, 2013

   0 votes
   13 answers
10. Шрифты и ctrl+-

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

    Asked by Bassline, December 8, 2013

    0 votes
    3 answers
11. Ссылки картинкой подряд.

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

    Asked by Cherry06, December 8, 2013

    • ссылкикартинки подряд
    0 votes
    10 answers
12. Сделать высоту tr меньше содержимого

    Делаю удаление строки из таблицы, есть желание сделать не просто исчезновение строки, а плавное ее уменьшение по высоте до нуля. И вот вижу, что если задать height для tr меньше, чем содержимое, он не уменьшится. Можно как-то сделать строку с высотой меньше, чем у содержимого?

    Asked by zatvornik, December 8, 2013

    0 votes
    3 answers
13. Проблема, когда ширина монитора меньше ширины макета

    Здравствуйте. Верстаю макет сайта. У самого монитор в ширину 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
14. Оформления imput через CSS

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

    Asked by Zarathustra, December 8, 2013

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

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

    Asked by xxnikolayxx, December 8, 2013

    0 votes
    2 answers
16. Плывут блоки при масштабирование

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

    Asked by Chupachups, December 7, 2013

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

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

    Asked by suranovvladimir, December 7, 2013

    • #js #calculator #table
    0 votes
    7 answers
18. Хоть убей...

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

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

    Asked by okunev2, December 7, 2013

    0 votes
    15 answers
20. Ещё раз о 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
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. 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
23. Ползунок

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

    Asked by okunev2, December 7, 2013

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

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

    Asked by Veseloff, December 7, 2013

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

    <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