HTML Coding

29,542 questions in this forum

1. Масштабирование ЛОГО

   Привет всем! С праздником!!! Не могли бы подсказать, как лучше сделать лого на сайте. Всё содержимое сайта помещается в блок с максимальной шириной 1240px Есть фоновое изображение логотипа (1240x315) и нужно что бы в шапке сайта было это изображение (не перекрытое контентом и масштабируемое в зависимости от ширины окна браузера). Вот как делаю я: #wrapper { margin: 0 auto; overflow: auto; max-width: 1240px; min-width: 400px; background: #FFFFFF; border: 1px solid #F1F1F1; margin-top: 3%; } .logo { width: 100%; background: url("img/UPLER.jpg") 0% 0% no-repeat; background-size: contain; min-height: 102px; height: 100%; max-height: 315px; display: block; } <section id="w…

   Asked by winston3d, February 23, 2013

   0 votes
   1 answer
2. Как пересилить браузерные шрифты?

   Здравствуйте. Пытаюсь на лету подправить код загруженной страницы в "инструментах разработчика" Хром. Ширину таблицы получилось уменьшить, а вот уменьшить шрифт текста в таблице и установить его равным 12пикс. нет. В чем моя ошибка? Взгляните пожалуйста на принтскрин. Видно, что используются некие браузерные стили:

   Asked by borus, February 24, 2013

   • хром размер
   • шрифта
   0 votes
   1 answer
3. Помогите!

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

   Т.к некоторые теги в html сокращены,то где найти полное название всех тегов на английско языке.Например <tr>-table row,<td>-table date.И так далее....

   Asked by ts-alan, February 25, 2013

   • tr
   • td
   0 votes
   1 answer
5. Joomla мод virtuemart

   Ребят, такой вопрос... Делаю шаблон для интернет магазина(virtuemart) на joomla, изменил модуль поиска (mod_virtuemart_search.php) положил этот файл в папку HTML своего шаблона, но изменения не вступили в силу, работает стандартный файл мода а не мой. Как исправить? Быть может есть особенности в расположении?

   Asked by sakun, February 25, 2013

   • Joomla virtuemart
   0 votes
   1 answer
6. Фокус на текстовом поле при заходе на страницу

   Есть страница входа, там есть несколько полей. Логин, пароль и так далее. Мне бы хотелось, чтобы после открытия страницы фокус стоял на самом первом поле, чтобы не нужно было щелкать по полю и начать вводить текст. Как это реализовать?

   Asked by novickOk, February 25, 2013

   0 votes
   1 answer
7. Chrome: Анимация срабатывает сразу после загрузки страницы

   Привет всем. Обнаружил странную особенность Хрома: анимация выполняется сразу после загрузки страницы. Вот, сделал тестовую страничку: http://www.photonoob...sition-bug.html Там всего один div, которому прописана анимация. Проверял на последних версиях Хрома (25.0.1364) на Win7 и MacOSX 10.6.2. (Если у кого-то не срабатывает, то попробуйте, находясь по вышеуказанному адресу, перейти на другую страницу, а затем нажмите кнопку «Назад» чтобы вернуться.) То что это баг я решил потому что такое поведение свойственно только Хрому. В других браузерах такого нет. Более того, даже в Сафари баг не обнаруживается. Вообще, поискав информацию на эту тему, выяснил, что уже существует о…

   Asked by ExtendedPlay, February 25, 2013

   • Chrome
   • Transitions
   • Animation
   • Bug
   • CSS3
   0 votes
   1 answer
8. Кнопка набора номера

   Добрый день, подскажите, как на мобильной версии сайта реализовать кнопку или ссылку, при нажатии на которую набирается телефонный номер?

   Asked by Alfabora, February 25, 2013

   0 votes
   1 answer
9. Верстка резинового бара для топика

   Здравствуйте, хочу у себя на сайте переделать бар для топика, но не знаю как сделать правильно! Будет 5 блоков. 1. 3-первых заданной ширины по левому краю, 2. 4-резина, 3. 5-не резиновый, но не заданной ширины по правому краю. Помогите такое реализовать.

   Asked by sssppp6, February 25, 2013

   • верстка
   0 votes
   1 answer
10. Сползают картинки при float:left

    http://img-life.ru/upload_image/1455e7d4aba37ff32d9234a74abd4f9e.jpg Как быть, помогите пожалуйста

    Asked by epog333, February 25, 2013

    0 votes
    1 answer
11. Как создать раскрывающееся окно?

    Здравствуйте! Не могу ни где найти или может описываю неправильно. Нужно, что бы при нажатии на строку текста (списка) снизу открывался скрытый текст или еще лучше таблица. Т.е. нажимаешь на текст допустим "прайс на трусы" (таких строки 4), а снизу открывается этот прайс, а строчки текста, которые были под "прайс на трусы" съехали вниз. Спасибо! ps: вот здесь например: http://www.dentalea.ru/shop/

    Asked by Vic-Tor, February 25, 2013

    • новое оно всплывающее окно
    0 votes
    1 answer
12. Выровнить

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

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

    Asked by romank, March 1, 2013

    0 votes
    1 answer
14. Подскажите проверку

    Я хочу сделать проверку формы как в задании http://htmlbook.ru/practical/forma-registratsii, где число с картинки, возможно чтобы это реализовалось только css и html ?

    Asked by jaster, March 1, 2013

    0 votes
    1 answer
15. как объехать overflow:hidden

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

    Asked by zsaz, March 1, 2013

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

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

    Asked by olechic, March 1, 2013

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

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

    Asked by Emelean, March 1, 2013

    0 votes
    1 answer
18. Круг без картинки

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

    Asked by riptup, March 4, 2013

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

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

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

    Asked by loginz, March 5, 2013

    0 votes
    1 answer
22. 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
23. 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
24. Подскажите как сверстать этот слайдер новостей

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

    Asked by ilyas, March 6, 2013

    0 votes
    1 answer
25. подскажите как заставить блоки располагаться в одну строку

    Здравствуйте! Возникла такая проблема. У меня в шапке сайта несколько блоков: лого, затем автарка, затем Имя+Баллы, кнопка "Моя страница", кнопка "Мой профиль" и ссылка "Контакты". При минимальном разрешении (меняю ширину браузера) кнопки "Моя страница" и "Мой профиль" съезжают вниз. То есть получается 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