Jump to content

clakson

Newbie
  • Posts

    9
  • Joined

  • Last visited

clakson's Achievements

Explorer

Explorer (1/14)

0

Reputation

  1. clakson

    Hover

    как бы для меня это сейчас крутовато если пытаться разобрать что там написано ибо к скриптам я даже не подходил)) у меня то основные веши не очень идут... ну а если изучать скрипты то думаю не на конкретном примере... Назрел еше вопрос на счет позиционирования. Необходимо чтобы блочный элемент располагался по центру экрана- какие параметры отвечают за это? (именно которые можно написать в файле со стилями css, а не <div align="center">); тоесть к примеру за вертикальные позицианоирование отвечает vertical-align.
  2. clakson

    Hover

    ничего из предложенного не работает)) буду пытаться делать ссылкой блок тоесть задать параметрыв ссылке)
  3. clakson

    Hover

    с пробелом и без не работает если вы об этом
  4. clakson

    Hover

    "ТС,так делал? a.one:hover { background-image: url('123.jpg'); }" Сраваю: a.one: hover { background-image: url('123.jpg'); }
  5. clakson

    Hover

    Наверное я совсем тупой но разницы в вашем и своем коде найти не смог)) Ваш: a.one: hover { background-image: url('123.jpg'); } Мой: a.one: hover { background-color:#000000; background-image: url('glav.jpg'); } причем мало того что картинку не отображает но и черный цвето аналогично. Хтмл: <a class="one" href="..." ><div class="b"></div></a> Подскажите что не так
  6. clakson

    Hover

    е мое я изначально делал именно так a.one: hover {
  7. clakson

    Hover

    да так делал но не отображатеся... может не хочет отображать из за того что это именно блок? но я его сделал прозрачным так что все равно не понятно
  8. clakson

    Hover

    спасибо но не помогло)) я проверял и на тестовом варианте там как бы все работало)) и даже с a.one: hover В стилях налепил следующим образом: div.a { background-image: url('background.jpg'); height:1000px; min-height:1000px; max-height:1000px; width:1100px; min-width:1100px; max-width:1100px; z-index:1; } div.b { height:160px; min-height:160px; max-height:160px; width:130px; min-width:130px; max-width:130px; position:relative; left:90px; top:0px; z-index:2; background-color:#000000; opacity:0.12; } a: hover.one { color:#000000; opacity:1; background-image: url('background.jpg'); } в хтмл: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>бззз</title> <link rel="stylesheet" type="text/css" href="styles.css"> <script type="text/javascript" src="scripts.js"></script> <body> <div align="center"><div class="a"> <div align="justifly"><a class="one" href="..." ><div class="b"></a> </div> </body> </html>
  9. clakson

    Hover

    Доброе время суток. Неравно решил попробовать себя в изучении создания сайтов Решил сделать панельку вверху сайта, типо меню: в фотошопе сделал фон в виде градиента написал там разные буковки для обозначения мест выплываюших меню... которые в последствии хочу ссделать с помошью visibility. Первым делом сделал блок под размер фоновой картинки размером 1100х160. Далее в этом блоке сделал еше один для того чтобьы отметить участок первого слова (ну для выплываюшего меню). А тут начались проблемы: идея была в том что при наведении мышки на этот блок будет изменятся его фон точнее картинка тем самым как бы подсвечивая первоначалюную надпись на панели, это я хотел сделать с помошью тега a.one: hover { background-image: url('123.jpg'); } В теле написал следующее <a class="one" href="..." ><div class="b"></a> но дело в том что фон не отобраджается при наведении курсора, да мало того что фон, даже если использовать background-color то и цвет не отображатеся... Подскажите что может ыбть неверно? ps Накануне когда изучал принцип работы ховера все работало замечательно а почемуто сейчас не работает прекрасно понимаю что вопрос может показаться глупым и неодекватным но всеже если не труджно ответьте пожалуйста.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy