HTML Coding

29,542 questions in this forum

1. Увеличение картинки при наведении на ссылку

   Имеется такой вот код. Картинка представленна ссылкой, которая увеличивается при наведении. И имеется текстовая дублирующая ссылка. Что сказать текстовой ссылке, чтобы при наведении на нее, картинка также увеличивалась? <style type="text/css"> .blok1 {position: relative; cursor:pointer; display: inline-block;} .blok1 img + img {position:absolute; left: 0; top:0; z-index:100; display: none;} .blok1:hover img + img {display: block;} </style> <div class="blok1"> <a href="#"> <img height="100px" src="1.jpg"/> <img height="200px" src="1.jpg"/> </a> </div> <a href="#">link1</a>

   Asked by thinkslow, December 1, 2012

   0 votes
   3 answers
2. ссылка, которая меняет checked в радиокнопке

   Есть 2 ссылки на 1 страницу заказа. Каждая ссылка для заказа своего продукта (Паркес 7 и Паркес 77). На странице с формой заказа есть две радиокнопки для смены товара. По умолчанию стоит первый (Паркес 7). Мне нужно чтобы при переходе по ссылке для заказа Паркес 77 радиокнопка менялась с положения Паркес 7 на Паркес 77. Такое возможно?

   Asked by apexis, November 30, 2012

   0 votes
   13 answers
3. Выравнивание счетчиков

   Нужно выровнять счетчики в блоке, но чет не получается Просмотреть счетчики можно на картинки выше, нужно чтобы счетчики были в центре блока и были выровнены в одну строку, а чуть ниже тоже по центру, но уже на другой строке был текст. Помогите пожалуйста

   Asked by Mistic, December 1, 2012

   0 votes
   6 answers
4. Помогите Убивают!

   .ю

   Asked by grabla, December 1, 2012

   0 votes
   0 answers
5. Блок контента выходит за пределы

   Люди добрые, помогите пожалуйста, пытаюсь сверстать тему, вроде все встало, но видимо не все(( Суть проблемы: 1. Обертка wrapper заканчивается раньше, чем должна, т.е. перед футером, а в шаблонах прописано, что заканчивается после футера, но мне это не мешает(пока) 2. Содержимое из блока container выходит за пределы и накладывается на футер 3. При включении плагина фотогалереи и вставки миниатюр в container, все, включая текст за миниатюрами "уезжает" в футер. Помогите пжлста, очень прошу. Проблема решена

   Asked by smusik, December 1, 2012

   0 votes
   0 answers
6. Затенение страницы перед выводом "лайтбока"

   Ещё раз здравствуйте! Сейчас пытаюсь реализовать эффект затемнения страницы полупрозрачным блоком DIV, полностью покрывающим тело документа. Т.е., добавляется элемент DIV с id="DocShade", большим значением z-index и position:absolute;left:0px;right:0px. атрибутам width и height соответственно присваиваются величины max(scrollWidth,clientWidth) и max(scrollHeight,clientHeight), взятые у document.documentElement или document.body (в зависимости от compatMode). Когда происходит изменение размеров окна, обработчик onresize выполняет следующие действия: 1)временно скрывает блок, чтобы исключить его из размеров документа: Shade.style.display="none"; 2)изменяет размеры блока…

   Asked by LShadow77, November 27, 2012

   0 votes
   14 answers
7. Стили для label

   Здравствуйте. Скачал html-шаблон для сайта и добавил на страницу index.php форму авторизации. Проблема в том, что стиль для label-ов на форме авторизации влияет на стиль label-а на форме поиска. Как сделать так, чтобы label-ы на формах поиска и авторизации имели собственные стили, которые не влияли бы друг на друга? Вот картинка: Ссылка на архив с шаблоном.

   Asked by keltax, November 30, 2012

   0 votes
   2 answers
8. Шрифт, IE9/10

   Здравствуйте, подскажите пожалуйста, никак не могу подключить шрифт правильно, чтобы работал в IE9/10. Уже всё основное перепробовал. 1. @font-face { font-family:Enigma; src:url(../font/Enigma.ttf) format("truetype"); } 2. @font-face { font-family: 'Enigma'; src: url('../font/Enigma.eot'); src: local('O'), url('../font/Enigma.woff') format('woff'), url('../font/Enigma.ttf') format('truetype'), url('../font/Enigma.svg') format('svg'); font-weight: normal; font-style: normal; } Может вообще такое быть, что это шрифт такой, который не хочет воспринимать IE? xDD Ссылка, на всякий случай.

   Asked by decode, November 29, 2012

   0 votes
   6 answers
9. Окно сворачивается сразу после открытия

   На сайте ventprodukt.ru слева под логотипом есть картинка, ведущая на видео. Если нажать эту картинку, то в центре экрана появится небольшое окошко со встроенным ютьюбным видео. Это окошко сразу сворачивается. Самое интересное в том, что раньше все было хорошо и ничего само по себе не сворачивалось. Код этого окошка: <html> <head></head> <body> <center><iframe width="640" height="360" src="http://www.youtube.com/embed/WYgJ72jZrsM" frameborder="0" allowfullscreen></iframe></center> </body> </html> Вопрос: что надо сделать, что бы оно не сворачивалось сразу, а оставалось на своем месте (в центре экрана) после от…

   Asked by IndigoHollow, November 23, 2012

   0 votes
   12 answers
10. Название идентификаторов по русски плохой тон?

    Где то читал что называть идентификаторы или классы по русски (типа id="identifikator" #identifikator) считается плохим тоном, а если мне так удобнее и понятнее, всё равно нужно следовать этим не совсем логичным правилам?

    Asked by zobu, November 29, 2012

    0 votes
    6 answers
11. Как убрать промежуток

    Возникла такая проблема. Я сместил радиокнопки(новая почта, интайм) вверх на 70px используя position:relative; top:-70px. Теперь между радиокнопками и кнопкой отправить пробел в 70px. Если кнопку отправить поднять таким же макаром, то получится пробел между кнопкой и краем формы. А если просто прописать margin-top: -70px, она наоборот вниз опуститься. Как мне поднять кнопку, чтобы не оставлять пробелов? Моя ссылка

    Asked by apexis, November 30, 2012

    0 votes
    4 answers
12. кнопка facebook like

    Помогите пожалуйста решить проблему: кнопка facebook like не отображается в Opera.

    Asked by AleNkaSvi, November 30, 2012

    0 votes
    4 answers
13. Самые полезные книги по web дизайну и программированию

    Привет всем, извините за глупый вопрос, но расскажите какую лучше читать литературу для web программиста среднего класса( Знаю html css немного js php и Macromedia FLASH). Расскажите, пожалуйста, как вы развивалисб в данной сфере, какие книги, блоги, сайты читали? Буду очень благодарен за ответ.

    Asked by saswat, November 29, 2012

    0 votes
    1 answer
14. Помогите пожалуйста

    Всем доброго дня! Подскажите, кто знает! Почему у меня css селектор прописан 2 раза в файле css через ctrl+f проверил весь документ такого селектора больше нет?? в чём проблема и как это убрать? http://itmages.ru/image/view/782595/6130f404 Заранее спасибо!

    Asked by danila_omega, November 30, 2012

    0 votes
    1 answer
15. Не первые шаги

    Всем привет прочел курсы по html css ознакомился со статьями по xhtml что есть во вкладке *основное* ОГРОМНЕЙШЕЕ СПАСИБО вроде все понятно но добравшись до раздела связанным с практикой и о УЖС понимаю что моих знаний недостаточно до того как добраться до сайта пытался усвоить что то из других уроков на прочих сайтах (но в силу того что по большому счету на многих ресурсах проблематично разобраться в примерах) конечно не на htmlbook ))) тут я действительно нашел что искал я бы хотел узнать где бы мне чего еще почитать так сказать что бы наполнить копилку знаний потому что хочется очень хочется научится программировать веб ресурсы но возник вопрос ... Итак …

    Asked by Bobikys, November 29, 2012

    0 votes
    12 answers
16. Ребят пожалуйста объясните почему при масштабировании ...

    Ребят пожалуйста объясните почему при масштабирование, а именно когда мы уменьшаем в google chrome масштаб съезжают буквы... Не могу понять почему и как с этим бороться. http://rasel.on.ufanet.ru/ - вот к примеру меню. При масштабировании буквы съезжают и это только в google chrome HTML <!DOCTYPE html> <html> <head> <title></title> <link href="source/style/style.css" type='text/css' rel='StyleSheet' /> <meta http-equiv="content-type" content="text/html; charset=windows-1251" /> </head> <body> <div class="menu"> <ul> <li><a href="…

    Asked by Rasel, November 28, 2012

    0 votes
    3 answers
17. firefox не понимает

    В общем вот сайт vinilloff.ru Захожу с мозиллы и при наведении на панель кнопок курсором, анимация появляется в верхнем левом углу экрана. В опере и хроме такого нет. Вот код: .left { display: table-cell; position: relative; width: 150px; height: 40px; background: transparent url(knopkaleft.png) no-repeat; color: #424242; vertical-align: middle; } .left span { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: transparent url(knopkaleft.png) no-repeat; background-position: -150px 0; opacity: 0; width: 150px; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; -o-transition: opacity 0.5s…

    Asked by faradei21, November 29, 2012

    0 votes
    13 answers
18. Сложный селектор

    Здравствуйте, уважаемые. Возник вот такой вопрос. есть список ul <ul> <li>Текст <li>Текст <li class="hidden">Текст <li>Текст <li>Текст </ul> И есть "зебра" li:nth-child(2n){ color:red; } .hidden{ display:none; } Вот вопрос, как можно скомбинировать селектор чтобы li.hidden не учитывался селектором :nth-child(2n). Элементов с .hidden м.б много. Заранее спасибо.

    Asked by tyareg, November 29, 2012

    0 votes
    2 answers
19. Растяжение блока(div) вместе с формой(textarea)

    Когда растягиваешь форму(textarea), то она вылазит за блок.Как сделать, чтобы блок растягивался вместе с формой?

    Asked by tarakan012, November 28, 2012

    0 votes
    6 answers
20. margin у элемента который касается границы браузера

    http://www.resultime.ru/ Вот страница. В ФФ футер маргин боттом отступает от нижнего края страницы. В ие7 + даже это происходит. А вот в хроме и опере футер плотно прижат к нижней части браузера. Такое ощущение что у элементов которые выходят за 100 процентный размер боди и хтмл и упираются в края браузера нельзя задавать маргины которые бы отодвигали эту границу. Есть решение добавить невидимый блок с прозрачным фоном и отодвинуть футер от прилипания к границе браузера. Но возможно вы мне подскажете решение без добавления лишнего элемента. Весь код в примере вынес в 1 файл что бы и стили и разметка была рядом.

    Asked by Whatsup, November 29, 2012

    0 votes
    4 answers
21. Неизвестно, откуда берется отступ?

    Доброго времени суток! Страничка по адресу http://loverint.ru/index_test.html Никто не сможет подсказать, с чем связан отступ diva rcbcb-left? Div имеет голубоватый цвет и расположен внутри divа красного цвета (rcb-content-bottom). По замыслу отступа быть не должно. С уважением.

    Asked by sharpey, November 28, 2012

    0 votes
    15 answers
22. Непонятная полоска снизу

    Помогите убрать снизу белую полоску. Никак не могу понять как я убрать. Вот сайт http://bagpad.ru/. Вот скрин https://docs.google.com/file/d/0B6vCzfR9bObmbVVMeDNkM0ozVzA/edit

    Asked by smirn0ff, November 29, 2012

    0 votes
    3 answers
23. Нет графического оформления разделов

    При создании категорий сайта и после их проверки таких вещей не обнаружил а сейчас как то получилось такое не знаю из за чего. Работает графика только те категории которые обозначены главными вот фото http://s017.radikal.ru/i439/1211/7e/de01d58c3854.jpg а главные это все разделы которые не находятся в подкаталоге. И еще после регистрации на сайте нажав кнопку Профиль пользователя далее пункт Мой профиль также не отображает графику сайта это я обнаружил еще давно а вот с разделами сайта обнаружил только вчера. Как мне это исправить? сайт http://satsputnik.500mb.net/ движок сайта DLE 9.7

    Asked by grabla, November 29, 2012

    0 votes
    0 answers
24. Положение картинки vs разрешение

    Здравствуйте! Нужна помощь при верстке макета. Проблема заключается в следующем: нужно сделать что бы картинка при разных разрешениях монитора была на одной позиции, и размеры ее не искажались. Скроллинга как вертикального так и горизонтального не должно быть http://dropi.ru/Cmk.jpg Коим образом можно сделать? Пробовал сделать через правило @media но ничего толком не получилось. Да и вариант прописывание правил для каждого разрешение не очень то хорош. Возможно есть статья связанная с подобной задачей или уже созданная тема на форуме, буду благодарен за ссылку. Спасибо! Ps. 2 администрации: Не могу отредактировать профиль, и поиск по форуму не работает - ошибка. Но возмож…

    Asked by vicing, November 29, 2012

    0 votes
    0 answers
25. Непонятная ошибка с white-space:pre

    Всем привет. Имеется страница http://khartn.name/ru/view/116 Там прикручен SyntaxHighlighter. На данный момент если копировать код, обработанный SyntaxHighlighter, то код копируется без переносов строк, т.е. весь код сливается в одну строку. Методом тыка в инструменте по F12 выяснил, чт, если отключить для класса .line условие white-space:pre, то копируется код с переносами, но ломается вид кода на странице. Пробовал в качестве эксперимента создать отдельную страничку с указанием white-space:pre - и отображается и копируется нормально из неё код, с переносами. Кто может проанализировать и подсказать, почему в моём случае white-space:pre даёт копирование в буфер обмена без…

    Asked by ArtUrlWWW, November 29, 2012

    0 votes
    2 answers