HTML Coding

29,542 questions in this forum

1. падинги для спана

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

   Asked by vladmih, March 12, 2013

   0 votes
   6 answers
2. firefox 19 баг?

   Короче сразу пример: http://jsfiddle.net/LQMKA/ Фиксированный блок частично спрятанный за краем браузера и выдвигающийся на время. При позиционировании блок встает как надо, но при начале анимации отсчет ведется не от скролла, а от края, то есть игнорируется скролл. В ff 18 и более ранних все было норм. Вот пытаюсь понять баг браузера или нет?

   Asked by wwt, March 12, 2013

   0 votes
   0 answers
3. Выбор js или сss+html

   Собственно все мы знаем как выровнять по вертикале одно строчный текст с помощью line-height: высота блока родителя. Но если высота измениться то надо и меня line-height, оговорюсь сразу: мною движет лень. Я В общем стараюсь придерживаться принципа если можно сделать с помощью html+css то делаем так(В общем с внедрением css3 и html5 прибегать к отказу от js стал чаще).Так вот вопрос что было бы лучше использовать в этом случае http://jsfiddle.net/F89Cd/ .

   Asked by dmitriydrachov, March 11, 2013

   • js
   • выравнивание
   • vertical-align
   • html+css
   0 votes
   2 answers
4. Ресурсоёмкость верстки

   Доброго времени суток форумчане и гуру вёрстки! Я любитель и вёрстку делаю для себя часто, просто потому что хочется! Каждый раз задумываюсь о используемых ресурсах, но вопреки этому дизайнеры в PSD макетах используют такие элементы, которые если заменять, чтобы уменьшить трафик, то дизайн изменяется до неузнаваемости, а если оставлять, то странички чрез чур много требуют трафика. Как быть с такой проблемой?

   Asked by ohinem, March 11, 2013

   0 votes
   4 answers
5. подскажите как заставить блоки располагаться в одну строку

   Здравствуйте! Возникла такая проблема. У меня в шапке сайта несколько блоков: лого, затем автарка, затем Имя+Баллы, кнопка "Моя страница", кнопка "Мой профиль" и ссылка "Контакты". При минимальном разрешении (меняю ширину браузера) кнопки "Моя страница" и "Мой профиль" съезжают вниз. То есть получается 2 строки. Вот как сделать, чтобы запретить перенос на новую строку? Код ниже: <div class="row"> <div style="padding-top:3em; padding-bottom: 4em;"> <div class="threecol"> <a href="/"><div class="logo"></div></a> </div> <div class="sevencol"> <div style="margin-left: 18px; float: left;"> <div style="width:36p…

   Asked by mrak, March 7, 2013

   • html
   • css
   0 votes
   1 answer
6. Валидность кода. Предупреждение

   Анализатор выдаёт 1 предупреждение, но не могу понять, о чём именно предупреждает: http://validator.w3.org/check?uri=http%3A%2F%2Fdh-art.ru%2Findex.php

   Asked by maritca, March 7, 2013

   0 votes
   7 answers
7. Подскажите как сверстать этот слайдер новостей

   Вот картинка как реализовать тени?? Дайте ссылки на такие примеры Где взять JS сценарий прокрутки slidera в браузере нажмите CTRL+0 два раза такого увеличения хватит для нормального просмотра картинки Нужно сделать 1. Скругленные углы у блоков 2. Тени на границах блоков 3. Тень под блоками по нижней границе 4. И как оживить слайдер на javascript Для меня задачка не тривиальна, я еще начинающий верстальщик, дайте ссылки с примерами подобного, или напишите код на jsfiddle.com

   Asked by ilyas, March 6, 2013

   0 votes
   1 answer
8. Форма

   http://htmlbook.ru/practical/poshagovaya-forma Создать форму, где взять картинки для создания, вырезать с psd документа в фотошопе ?

   Asked by jaster, March 6, 2013

   0 votes
   2 answers
9. Верстка интерактивной схемы для сайта

   Приветствую! Господа, пролейте свет на проблемы насущные. Есть такая вот схема, в векторе и растре (отрисовываться красиво будет потом, это уже мелочь): Нужно её сделать примерно в таком виде: http://parkovy.org/generalnyy_plan/ Теперь, собственно, ряд вопросов: 1. Как это реализовать через SVG? В чем плюсы и минусы? Сложность, время реализации с нуля? Материалы где можно подчерпнуть для этого (только действительно качественная литература, без воды, с примерами)? 2. Насколько просто мотом поддерживать это? (например, если надо изменить свойства участка, цвет блока и прочие мелочи). 3. Есть ли разумная альтернатива, другой метод реализации? (флеш не предлагать, поддержив…

   Asked by Ex.clusive, March 6, 2013

   • Html
   • csss
   • svg
   • jquery
   0 votes
   0 answers
10. IE7 проблема с футером, табы

    Здравствуйте. Не могу никак решить проблему с футером на этой странице - http://hunt.su/product/brjuki-deerhunter-selous-safari-3604-024/ в IE7 он поднимается вверх. В общем почему-то слой wrapper не видит внутри себя других блоков, поэтому футер и поднимается. Обычно я боролся с этим добавляя в конец clear: both, но почему-то не помогает. Пытался еще overflow: hidden добавить wrapper, но это тоже не решает проблемы. Причем проблема только на этой странице, на других, где нет ТАБов, все хорошо, может в них проблема. Заранее всем спасибо.

    Asked by vlasenkov, March 5, 2013

    0 votes
    1 answer
11. float:left

    У меня выводится 4 изображения в горизонтальном порядке и до бесконечности в вертикальном. CSS: #img { float: left; width: 200px; height: 150px; margin: 10px; } HTML: <a href='view.php?id=$mass[id]'><img src='traffic/$mass[url]' id='img'/></a> Мне надо, чтобы под каждым изображением выводилось ещё одно значение, допустим текст Привет (позже вставлю переменную), как реализовать? Делаю таблицей у меня всё сползает или отображает только три изображения, прошу вашей помощи.

    Asked by epog333, March 5, 2013

    0 votes
    1 answer
12. Выровнять текст по центру экрана

    Подскажите как выровнять текст, который сейчас по середине экрана (текст может быть различной длины) http://cardterapia.ru/step1 чтобы он всегда был в центре в независимости от размера экрана

    Asked by smirn0ff, March 5, 2013

    0 votes
    9 answers
13. проблемы адаптивной верстки

    Здравствуйте. Проблема в следующем: идет разработка на twiter bootstrap и необходимо позиционировать элемент(div child3) справа внизу. И если установить его справа можно свойством pull-right, то как установить его снизу, не потеряв при этом адаптивность. P.S. схема на рисунке

    Asked by loginz, March 5, 2013

    0 votes
    1 answer
14. Goggle Chrome принудительно показывает рамку вокруг-рисунка ссылки. В Опере и Мозиле все отображается нормально.

    Подскажите, пожалуйста, как исправить вот этот глюк? (см. рисунок) http://clip2net.com/s/2Umh5 В Мозилле и Опере все отображается нормально, в Хроме показывает вот эту ненужную рамку, а в IE (как всегда) вообще кошмар. На IE мне вообще пофиг, но вот как сделать так, чтобы в Google Crome рисунок-ссылка тоже отображался нормально, без вот этой дурацкой серой обрамляющей рамки? Перерыл уже весь Интернет - везде один и тот же совет - в свойствах рисунка поставить border=0px Поставил этот border = 0 везде, где только можно и в свойствах DIV и в свойствах ссылок, и в свойствах рисунка - не помогает. Видимо это делается как-то иначе. Как? Ведь, теоретически это сделать как-то во…

    Asked by konstpon, March 5, 2013

    • img
    • css
    • href
    • div
    • border
    0 votes
    1 answer
15. Медиа запросы

    Кто-нибудь,подскажите почему в данном примере у меня выполняется только основной заданный стиль и первый медиа-запрос (min-width: 1200px )? Второй и третий медиа-запрос игнорируется,это хорошо видно в Firebug.Не понимаю почему так происходит,ведь все должно переопределяться... <style type="text/css" media="screen"> h1{font-size:30pt;} p{font-size:15pt;} @media screen and (min-width: 1200px) { h1{font-size:40pt;} p{font-size:20pt;} } @media screen and(max-width: 800px){ h1{font-size:25pt;} p{font-size:12pt;} } @media screen and(max-width: 400px){ h1{font-size:20pt;} } </style> </head> <body> <article> <h1>Заголовок</h1> …

    Asked by eleonore, March 5, 2013

    0 votes
    4 answers
16. Медиа запросы

    Кто-нибудь,подскажите почему в данном примере у меня выполняется только основной заданный стиль и первый медиа-запрос (min-width: 1200px )? Второй и третий медиа-запрос игнорируется,это хорошо видно в Firebug.Не понимаю почему так происходит,ведь все должно переопределяться... <style type="text/css" media="screen"> h1{font-size:30pt;} p{font-size:15pt;} @media screen and (min-width: 1200px) { h1{font-size:40pt;} p{font-size:20pt;} } @media screen and(max-width: 800px){ h1{font-size:25pt;} p{font-size:12pt;} } @media screen and(max-width: 400px){ h1{font-size:20pt;} } </style> </head> <body> <article><!--статья--> <h1>Заг…

    Asked by eleonore, March 5, 2013

    0 votes
    0 answers
17. Вёрстка "мудрёного" меню

    Здавствуйте! Помогите советом сверстать меню такого типа http://s57.radikal.ru/i158/1303/fb/c82552ddc2b3.jpg, собственно его я сверстал относитильным позиционированием, но вдург есть другой способ, да к тому же место под logo что забронировали menu осталось, как от него избаиться так же не пойму. Html code css #menu1l{ width: 250px; height: 50px; border: 1px solid green; float: left; position: relative; bottom: 350px; left: 100px; }

    Asked by Vicos, March 5, 2013

    • Меню сложное меню
    0 votes
    1 answer
18. Не отображается 2-й плеер

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

    Asked by borus, March 5, 2013

    0 votes
    0 answers
19. Можно ли сделать ссылку на Facebook для тех кто там не зарегестрирован.

    Клиент просит ссылку на свою страницу в Facebook. Все прекрасно если вы уже туда залогинились. А если нет? А если вообще вас там нет? Тогда открывается страничка, которая прости вас зарегистрироваться. Можно ли это дело миновать и сделать прямую сылку? Спасибо!

    Asked by shavedhead, March 4, 2013

    0 votes
    5 answers
20. Круг без картинки

    Суть вопроса. Как можно сделать круг как показано на скриншоте. Без картинки, ну например в css3 может как-то? Да, еще. Как можно сделать чтобы в инпутах валуе пассворд при активации чтобы текст пропадал?) Ну например создал блок и там инпуты логин и пароль. Так вот, надо чтобы текст который лежит в valye при активации кликом по нему исчезал + надпись введите пароль была без ******, и только при активации когда текст пропадет были звездочки.

    Asked by riptup, March 4, 2013

    0 votes
    1 answer
21. IE8 doctype problem

    Здравствуйте, Сверстал страницу все хорошо, но в IE8 имеются проблемы. Использую <!DOCTYPE HTML> в IE8 вылезает ошибка произошла ошибка сценария строка 1 символ 1 'object' is undefined меняю доктайп все работает но ползет верстка. Как это исправить?

    Asked by coller, March 4, 2013

    0 votes
    4 answers
22. Скрыть\показать элементы

    Добрый вечер. Прошу помочь мне, зеленому новичку, понять... Почему работает вот это: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;"> <title>vicont</title> <style type='text/css'> #i1,#i2,#i3{display:none} </style> <script type='text/javascript'> <!-- function showhideBlocks(val){ if (val == 0){ document.getElementById('i1').style.display='none'; document.getElementById('i2').style.display='none';…

    Asked by Sick, March 4, 2013

    0 votes
    4 answers
23. Помогите с таблицей

    Здравствуйте! Хотелось бы сразу предупредить, что я плохо понимаю в HTML. Уж сильно не пинайте В общем, дело такое: создаю рассылку для блога. Хотелось бы чтобы в письме был определенный фон. С этим вроде бы разобрался. Но сами записи отображаются по 5 столбцов по горизонтали. А хотелось бы, чтобы каждая запись следовала после предыдущей. На-пример, сперва идет запись №1, потом когда прокручиваешь страничку идет запись №2 и т.д. Не могли бы подсказать, что нужно исправить? Ниже сам код и скрины. <center> <table border="3" cellpadding="10" cellspacing="3" style="width: 600px;"> <tbody> <tr> <td align="center" bgcolor="#CC3333" valign="top">…

    Asked by iiwanc, March 4, 2013

    • таблица
    0 votes
    3 answers
24. Съезжает кнопка после отправки формы в Chrome и Opera

    День добрый. На сайте интернет-магазина есть кнопка быстрого заказа (например, здесь: http://pitertel.ru/phones/mobile/sony-xperia-sola-mt27-red.html). Кнопка сейчас работает таким образом, что если не запонять поля, то посетителю выдаётся ошибка ("Пожалуйста, заполните форму перед отправкой бла-бла-бла"). Так вот, эта ошибка работает, как она должна была работать, только в Firefox. В Chrome/Chromium и Opera вместе с показом ошибки форма прижимается к левому краю сайта. Подскажите, пожалуйста, где я запорол вёрстку, и что нужно поправить. Заранее всем спасибо! :-)

    Asked by vkapas, March 4, 2013

    0 votes
    4 answers
25. Помогите!

    как изменить этот значёк?? нифига не пойму, не могу его в коде найти! <a href="http://s1.ipicture.ru/Gallery/Viewfull/22462800.html" target="_blank"><img src="http://ipicture.ru/uploads/20130304/thumbs/TIb671t3.png" border="0"></a>

    Asked by Айvan, March 4, 2013

    0 votes
    1 answer