HTML Coding

29,542 questions in this forum

1. Вёрстка "мудрёного" меню

   Здавствуйте! Помогите советом сверстать меню такого типа 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
2. Помогите!

   как изменить этот значёк?? нифига не пойму, не могу его в коде найти! <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
3. 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
4. Подскажите как сверстать этот слайдер новостей

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

   Asked by ilyas, March 6, 2013

   0 votes
   1 answer
5. Сайдбар 100%-ой высоты, прижатый футер + всплывающее окно.

   Всем привет. Очень нужна помощь. Столкнулся с ситуацией, над которой целую ночь проломал голову. Есть такая страница: http://webmaster.ayr...dow/index.html# Требуется, что бы левый сайдбар на ней тянулся относительно общей высоты(то есть был бы равен 100%) + футер должен быть прижат к низу страницы. Это конечно реализовать не сложно. Проблема возникает тогда, когда всплывающее окно(то есть планируется, что оно будет всплывать конечно. ) начинает иметь высоту большую чем его обвёрточный блок(.wrapper_progressive_window) В общем всё это дело(окно с белым-полупрозрачным фоном) начинает налазить на футер и выходить за рамки всех родительских блоков(в том числ…

   Asked by Yamaradg, March 1, 2013

   0 votes
   12 answers
6. 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
7. Медиа запросы

   Кто-нибудь,подскажите почему в данном примере у меня выполняется только основной заданный стиль и первый медиа-запрос (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
8. Верстка интерактивной схемы для сайта

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

   Asked by Ex.clusive, March 6, 2013

   • Html
   • csss
   • svg
   • jquery
   0 votes
   0 answers
9. 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
10. Медиа запросы

    Кто-нибудь,подскажите почему в данном примере у меня выполняется только основной заданный стиль и первый медиа-запрос (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
11. Круг без картинки

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

    Asked by riptup, March 4, 2013

    0 votes
    1 answer
12. Не отображается 2-й плеер

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

    Asked by borus, March 5, 2013

    0 votes
    0 answers
13. Спрятать HTML-код если просмотр через iPad

    Доброго времени. Возможно ли закрыть частично код, если просмотр страницы идет через iPad Например есть код: <div>1 слой</div> <div>2 слой</div> <div>3 слой</div> Нужно чтобы все 3 слоя показывались под всеми браузерами и системами, а вот если зашли с iPad, то показывать только: <div>1 слой</div> <div>3 слой</div> С уважением.

    Asked by sion999, March 3, 2013

    0 votes
    6 answers
14. Выровнить

    Здравствуйте дорогие друзья. Подскажите пожалуйста, вот HTML код <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Документ без названия</title> <!-- В контакте --> <link href="http://stg.odnoklassniki.ru/share/odkl_share.css" rel="stylesheet"> <script src="http://stg.odnoklassniki.ru/share/odkl_share.js" type="text/javascript" ></script> <script type="text/javascript" src="http://vk.com/js/api/share.js?11" char…

    Asked by Favorskij, March 3, 2013

    0 votes
    1 answer
15. Не фиксируется фон

    Доброе время суток! После заливки сайта на сервер перестал фиксироваться фон. (При отладке на моём компе все работает). body { background-image: url(images/fon4.gif); background-attachment: fixed; } В чем может быть проблема? Помогите, пожалуйста. Спасибо.

    Asked by Алла, February 28, 2013

    • фон
    0 votes
    2 answers
16. как объехать overflow:hidden

    #slider имеет значение overflow:hidden, чтобы картинки в слайдере не были видны и имеет определенную высоту, которую нельзя менять. Получатся, что <div class="i_info"></div> находится внутри #slider и из-за этого он исчезает. внизу. Как сделать, чтобы данный див был поверх #slider, а не внутри его?

    Asked by zsaz, March 1, 2013

    0 votes
    1 answer
17. не работают импуты

    столкунулся с проблемой, на странице есть инпут <input type="text" id="" /> но он заблокирован от ввода данных, при отключении jquery все работает нормально. в чем может быть дело. в скриптах и css о инпутах речи вообще нет.

    Asked by olechic, March 1, 2013

    0 votes
    1 answer
18. Как сделать чтобы при наведении также раскрашивался столбец

    http://jsfiddle.net/fsC4Z/

    Asked by jaster, February 28, 2013

    0 votes
    5 answers
19. Как под левым блоком сделать еще такой же с отступом в 50px?

    Как под левым блоком сделать еще такой же с отступом в 50px?

    Asked by Emelean, March 1, 2013

    0 votes
    1 answer
20. Ссылки, href - относительные и абсолютные, правильность написания

    Наткнулся на новую рекомендацию написания относительной ссылки, и в общем задумался о самом правильном и грамотном отображении линков. Поскольку код пишу непосредственно в файле на хостинге, сам всегда использую абсолютные ссылки (к примеру a href="//www.site.ru"), Но знаю что многие верстают на домашней машине и там же проверяют, соответственно используют относительные ссылки. Отцы профессионалы, перечислите самые правильные варианты написания ссылок, желательно с примерами. _________ Собственно видел такие варианты относительных ссылок: a href="../img/picture.jpg" a href="./img/picture.jpg" a href="/img/picture.jpg"

    Asked by cmndr_alexgreen, February 28, 2013

    • href
    0 votes
    7 answers
21. Как сделать отступ текста от верха в header?

    Как сделать отступ текста от верха в header? Допустим надпись Скидки должны быть по центру(имеется ввиду от верха) Какая команда отвечает за это?

    Asked by Emelean, March 1, 2013

    0 votes
    7 answers
22. Резиновое увеличение высоты блока

    Здравствуйте! Нужно резиново сверстать блоки так, чтобы при уменьшении ширины экрана текст в блоках переносился на новые строчки, т.е. высота блоков увеличивалась, а ширина уменьшалась. Во вложении рисунок, чтобы было понятнее. Сейчас при уменьшении ширины экрана текст просто скрывается. По сылке изображение http://s2.ipicture.ru/uploads/20130301/JRWjDR2x.jpg

    Asked by romank, March 1, 2013

    0 votes
    1 answer
23. Сложности перехода на удалённый хостинг

    Дано(начальные условия): тема которую делал под wordpress (последней версии), всё отлично работает на локальном сервере. Все плагины и т.п. Никаких глюков вообще. Проблема: переношу сайт на хостинг (peterhost.ru). Все странички грузятся хорошо(правда в начале тоже были ошибки сUnable to allocate memory for pool но мы их победили), в то же время половина всех плагинов глючит или не работает. Сверху в админке постоянно маячило это: Использование уровней пользователей в плагинах и темах считается устаревшим. Используйте роли и возможности. Deprecated in version 2.0. в следствии этой ошибки вылезала такая Warning: Cannot modify header information - headers already sent by …

    Asked by maliyshock, February 28, 2013

    0 votes
    3 answers
24. зачем нужен bootstrap

    Ладно я тему не правильно назвал, ок bootstrap полезная штучка, только вопрос есть, PSD макет должен тоже под bootstrap делаться? Там же 12 градаций ширины колонки, попиксельно точно не сделаешь.

    Asked by SoFuWa, February 25, 2013

    0 votes
    4 answers
25. Верстка масштабируемого фона

    Здравствуйте! Нужно сверстать сайт с фоном, подстраивающимся под любые экраны. Чтобы фоновая картинка была на всю ширину и высоту. Примерно так, как здесь: http://themes.themeg...om/?theme=Keres http://themeforest.n...preview/3801554 Подскажите, пожалуйста, какие есть варианты. Хотелось бы обойтись без фреймворков типа Bootstrap.

    Asked by Светлана Гр., February 23, 2013

    0 votes
    17 answers