HTML Coding

29,542 questions in this forum

1. Не появляется блок при заданном hover и display:block

   http://cssdesk.com/3VM5m Хочу сделать так чтобы при наведении на блок logo (картинка) появлялся блок info-block. Задавал info-block: display:none и .logo a:hover .info-block { display:block; } Но ожидаемого эффекта не получил. В чем проблема?

   Asked by Temik2704, October 23, 2013

   • Новичок
   0 votes
   2 answers
2. Исчезает выпадающее меню в Опере

   Доброго времени суток! Возникла такая проблема с выпадающими пунктами меню на css в браузере Опера: после посещения этих пунктов, они теряют свое оформление, приписанное в css, и обесцвечиваются. Наглядный пример: вот так выглядит нормальный, еще не посещенный пункт подменю а вот так подпункты начинают выглядеть если по ним кликнуть: т.е. пункты 2 и 4 стали белого цвета, а первый виден при наведении благодаря фону, ито со слетевшим оформлением. код всего этого следующий: http://jsfiddle.net/uRe4z/2/ даже там проблема становиться видна, если произвести клики. Помогите разобраться с этой проблемой, пожалуйста. подозреваю, что для Оперы не хватает какого нибудь костыля, но…

   Asked by Vasler, October 23, 2013

   • опера меню
   0 votes
   0 answers
3. Хелп Не могу решить задачу ))

   Добрый день всем , подскажите пожалуйста , целый день ломаю голову и ничего не получалается , суть проблемы: http://my.jetscreenshot.com/19320/20131023-4ln5-42kb есть два списка , первый это список с картинкой , второй список ниже с названием , при наведении на название выделяется область ссылки , и красится в красный цвет. 1.Как сделать чтобы при наведении на название красилось еще и в красный цвет рамка сверху списка картинки. 2.как сделать чтобы при наведении убиралась прозрачность и появлялся просто красный цвет (прозрачности добился с помощь opacity) спасибо! 3.текст я поместил в спан , не могу добиться того чтобы он ушел на пару пикселей ниже , а если пытаюсь сдвину…

   Asked by yogg, October 23, 2013

   0 votes
   2 answers
4. Не работает комбинация :last-child:hover

   Может быть вопрос глупый,но почему данная комбинация не работает в контексте: http://cssdesk.com/RWWkk (наведите мышку на картинку - выпадет меню,я хочу чтобы последний пункт этого меню был красным при наведении) .info-block ul li:last-child:hover { background:red; }

   Asked by Temik2704, October 23, 2013

   • Новичок
   0 votes
   2 answers
5. Яндекс карта и ругань валидатора

   На символ & в скрипте от яндекс карты - ругается валидатор. Это можно каким-то образом исправить, чтобы все стало валидным?

   Asked by Zverushka, October 23, 2013

   0 votes
   5 answers
6. DIV конструкция с треугольником на CSS3

   Здравствуйте. Создал на CSS3 небольшую конструкцию: http://jsfiddle.net/R6ynT/ Линия 100%, под ней два блока пл 50% и у одного из них прилеплен треугольник через псевдотэг. В FireFox отображается хорошо, а вот в Chrome и Opera - по-разному. В Chrome треугольник сдвигается на пиксель вверх. В Opera появляется просвет между треугольником и левым блоком. Подскажите, пожалуйста, можно ли решить эту задачу кроссплатформенно? Заранее благодраю за подсказки.

   Asked by DarkTranquillity, October 23, 2013

   0 votes
   2 answers
7. растягивание блока вверх

   Здраствуйте, подскажите возможно ли растянуть блок вверх? есть блок в котором еще три. <div> <div> блок1 </div> <div> блок2 </div> <div> блок3 </div> </div> второй блок должен оставаться на месте(это картинка) а первый и второй (текстовые) динамические(1-3 строчки). так вот блок1 растягиваясь опускает картинку(блок2). как первый блок заставить тянутся вверх?

   Asked by stone86, October 25, 2013

   0 votes
   5 answers
8. Как реализовать рваный край с градиентным фоном

   Вот как реализовать это? И чтобы на всю ширину страницы....С двух сторон елочки градиенты....

   Asked by Zverushka, October 24, 2013

   0 votes
   6 answers
9. Как уменьшить спрайт?

   У меня на сайте есть блок с обратным отсчетом, сделан при помощи спрайта, и вот я хочу уменьшить этот счетчик, но вот как? чтобы спрайт не "посыпался".

   Asked by Demidovetz, October 24, 2013

   0 votes
   2 answers
10. Правильно ли я решаю вопрос упорядочивания?

    Здравствуйте! На странице есть секция похожие товары, div.product-field-type-R которых упорядочиваю в строки с помощью стиля: .product-field-type-R{ float:left; display:inline-block; min-height: 196px; } Если например сделать min-height: 180px; то будет видно, какую проблему я пытаюсь решать этим стилем(появляются белые пустые места, а не помещающийся товар переносится на новую строку). По мере столкновения с новыми перескакивающими товарами я просто увеличиваю min-height. Есть ощущение, что я неверно решаю задачу. Так ли это?

    Asked by borus, October 24, 2013

    0 votes
    3 answers
11. Как лучше разбить статью с точки зрения SEO в HTML5?

    Здравствуйте. Я сделал сайт. Написал основную статью для главной страницы на 6000 тыс.символов при этом оптимизировал написанную статью под 1 определенный поисковый запрос. В какие теги лучше всего с точки зрения SEO будет разместить мою основную статью на главной странице? Варианты: 1)<main> <h1>Заголовок статьи<h1> <p>Текс статьи на 6000тыс.сим.</p> </main> 2)<main> <h1>Заголовок статьи<h1> <p>Текс статьи скажем на 2000тыс сим.</p> <article> <h2>Как бы подзаголовок<h2> <p>Текс статьи тоже скажем на 2000тыс сим.</p> </article> <article> <h2>Как бы уже второй …

    Asked by koly32, October 24, 2013

    0 votes
    4 answers
12. Firefox скрывает картинку

    Привет, друзья. Есть такая страничка http://avtoport.tv/ Там почти ничего нет, но не в этом суть. Почти в самом начале страницы есть картинка <img src="/media/ads/banner1.png"> или <img src="/media/ads/banner.png"> — там ещё написано «Баннер 1920×190» (они в случайном порядке ставятся, но суть и не в этом). Если посмотреть html-код, то вроде всё ок. В хроме картинка есть. А вот в фаерфоксе почему-то её нет. Если смотреть фаербагом, то просто жесть какая-то. Failed to load и какой-то класс добавлен к тегу img неведомый. Если открыть напрямую, то всё открывается. Косяк точно не в веб-сервере, так как что на продакшене, где nginx и на девелоперском веб-сервере, в…

    Asked by Veseloff, October 24, 2013

    0 votes
    4 answers
13. Первый и последний tr в table

    Подскажите пожалуйста, как изменить цвет в первом и последнем ряде с классом "tr", к примеру имеется таблица <table> <tr> <td></td><td></td><td></td> </tr> <tr> <td></td><td></td><td></td> </tr> <tr class='tr'> <td></td><td></td><td></td> </tr> <tr class='tr'> <td></td><td></td><td></td> </tr> <tr class='tr'> <td></td><td></td><td></td> </tr> <tr class='tr'> <td></td><td></td><td&…

    Asked by darlov, October 25, 2013

    0 votes
    1 answer
14. Firefox, Chrome разная высота поля ввода

    Неактуально. Удалите тему, пожалуйста.

    Asked by Charm0nt, October 24, 2013

    0 votes
    0 answers
15. Как использовать button

    Подскажите, как и где использовать button? Этот тег у меня нигде не применяется. Если нужно отправить форму - то это Input type='submit', если это просто кнопка с действием, н-р, в виде поп-апа, то <div class="btn-blue">. Наверное стоит кнопки не формы заменить на button? <button class="btn-red"> вот так? Если не удается создать нужно оформление тегу <input type="submit"> из-за одиночности тега, то не label лепить, а <button type="submit">? Кстати в ие7 не поддерживается? html5div случайно не включает его поддержку? button type=button - по умолчанию стоит и можно никогда не писать?

    Asked by Zverushka, October 25, 2013

    • button
    0 votes
    9 answers
16. существует ли автоматический взлом в сети?

    поясните пожалуйста вопрос к любым cms и форумам регулярно выходят обновления, которые рекомендуется устанавливать. одна из функций этих обновлений - защита движка от взлома я не очень хорошо представляю последовательность взлома. если злоумышленник знает о уязвимости, то он будет ломать каждый сайт по очереди или существуют способы автоматизировать этот процесс. например, специальная программа найдёт в сети определённое количество сайтов, использующих определённый уязвимый в данный момент движок и взломает всё "кучей"(то есть без непосредственного участия взломщика)?

    Asked by cyklop77, October 25, 2013

    0 votes
    2 answers
17. в ie8 не видет картинку

    добрый день проблема у меня такая никак не магу понять в ie10 ie9 паказывает картинку а в ie8 невидет картинки http://sait-ru.1gb.ru/

    Asked by pitbuli, October 25, 2013

    • ie8
    • картинка
    0 votes
    0 answers
18. 3 колонки div - помогите!

    Здравствуйте, уважаемые знатоки. Передо мной стоит задача: сделать шаблон на 3 колонки, да так, чтоб средняя колонка была всегда по центру (она фиксированной ширины, 960px, например), а левая и правая занимали оставшуюся часть окна (слева и спарвва, соответственно) раномерно (т.е. ширина левой и правой колонок должны быть равны) в зависимости от ширины окна. При этом в правой колонке ещё и background будет - большая такая картинка. Перепробовал кучу способов - ничего не выходит (или не хватает мозгов) и уже сделал с помошью таблицы, но это ж как-то не комильфо. Помогите справиться, пожалуйста. Заранее благодарю.

    Asked by Vo.Wonder, October 25, 2013

    • блочная вёрска
    0 votes
    2 answers
19. Не работает свойство border-collapse: collapse;

    Добрый день,Судари и Сударыни!Подскажите пожалуйста новичку,почему в моем примере не работает свойство border-collapse: collapse; Оно же должно по идее схлопывать границы,т.е. отображать 1 линию вместо 2х. http://cssdesk.com/xf5uE Если же я не прав с этим свойством - подскажите как можно по другому решить эту задачу? P.s.Вы бы стали помещать 3 инпута в div?Или и так все в порядке? Заранее спасибо! P.p.s. Подскажите почему у меня на пк и на cssdesk при одинаковом коде результат отображается по разному? 1.Картинка с пк 2.Картинка с cssdesk Отступы разные! Браузер хром последней версии.

    Asked by Temik2704, October 25, 2013

    • Новичок
    0 votes
    4 answers
20. Помогите отцентрировать хедер

    Суть проблемы в том , что все дивы внутри хедера отцентрировались по margin:0 auto; а сам хедер не хочет , имеет бекграунд . #headerbg{ height:992px; outline:0px solid red; background-image:url(../images/background.jpg); background-repeat: no-repeat; margin: 0px auto; } http://my.jetscreenshot.com/19320/20131025-0z19-111kb , вот такую ширину почему-то делает див хедер. помогите разобраться пжста.

    Asked by yogg, October 25, 2013

    0 votes
    1 answer
21. Псевдоуголки динамических размеров

    Возможно ли сделать уголки этого элемента не фиксированного размера в пикселях. а относительного, н-р в процентах? Уголки делаю через псевдоэлементы из border.

    Asked by Zverushka, October 25, 2013

    0 votes
    7 answers
22. Вопрос по внутренней оптимизации

    Хостинг на котором я арендую площадку предлагает сервис диагностики сайта Whois. Зашёл, сделал диагностику, и получил советы по оптимизации. А вот как их реализовать пока не знаю. Ну кеш браузера настрою, а с остальным что делать, Как сжать CSS и Java Script и как отдавать статический контент. Не подскажите? Для сжатия вроде бы есть сервисы. Изображения вот я сжимаю в Image Optimise. А как с кодом не знаю. Если щёлкнуть по знаку "Стоп" то открываются ссылки на файлы, пройдя по ним открываются сами файлы в блокноте и что с ними делать? Если можно подскажите.

    Asked by webded, October 25, 2013

    0 votes
    17 answers
23. Позиционирование

    День добрый. Столкнулся с проблемой позиционирования. Вот код <html> <head> <style type="text/css"> #basket{ margin:0px 0px 0px 300px; width:200px; height:70px; padding:5px; float:left; } #basket > div{ border-radius: 3px; border: 1px solid #CCCCCC; background-image: -o-linear-gradient(top, #FAFAFA, #F2F2F2); padding:5px; overflow:hidden; border-bottom-color: #138CB3; border-left-color: #1391B9; border-right-color: #1391B9; border-top-color: #1496C0; } #basket > div > img{ float:left; border:none; } #basket-text{ margin:8px 0px 0px 60px; } .wiev-hover{ display:none; position:absolute; width:350px; min-height:200px; border-radius: 3px; border-b…

    Asked by 3d_max_9, October 26, 2013

    0 votes
    4 answers
24. Почему исходный код отличается от кода в консоли?

    Если открыть страницу и посмотреть ее исходный код, то выдает следующее <!doctype html> <html> <head> <meta charset="utf-8"> <link href="view/skin1/css_core.css" rel="stylesheet" type="text/css" /> <title>Franc!</title> </head> <body> <!--[if lt IE 9]> <script> document.createElement('header'); document.createElement('nav'); document.createElement('section'); document.createElement('article'); document.createElement('aside'); document.createElement('footer'); </script> <![endif]--></body> </html> Но если открыть консоль, то видим вот такое: Объясните мне, пожалуйста…

    Asked by Bizon4ik, October 26, 2013

    0 votes
    2 answers
25. Что рамку вокруг кнопки рисует Opera ?

    В опере последней версии нашел такой сюрприз, рисуется черная рамка вокруг кнопки, я ей пробовал назначать outline:0, border:none, что-то ни одно из этих свойств не помогло, изза чего то ?

    Asked by ilyas, October 28, 2013

    0 votes
    8 answers