Ссылки-картинки, Помогите!

Тема в разделе "HTML, CSS, XML, JavaScript", создана пользователем gorniawe4ka, 30 дек 2012.

  1. gorniawe4ka

    gorniawe4ka Гость

    Здравствуйте.
    Есть две картинки-ссылки, при наведении на одну, вторая должна уйти под низ, вот как тут http://index12.byethost11.com/
    В моей версии есть ещё и map(ы) http://index13.byethost11.com/ и такого эффекта не получается, помогите
    Вот код:
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
    <link rel="stylesheet" type="text/css" href="css/template.css"/>
    <style type="text/css">

    #charles{
    position: relative;
    height: 706px;
    width: 588px;
    z-index: 30;
    }
    #cat{
    height: 583px;
    width: 394px;
    position: relative;
    z-index: 80;
    }
    #cat:hover{
    z-index:100;
    }
    #charles:hover{
    z-index:100;
    }

    </style>
    </head>
    <body>
    <Img id="charles" src="images/charleskolaj1.png" usemap="#kartinka"/>
    <Img id="cat" src="images/cat.jpg" usemap="#cat"/>
    <map name="kartinka">
    <area shape="poly" href="http://google.com" coords="91,1,587,71,492,703,2,634" href="http://google.com"/>
    </map>
    <map name="cat">
    <area shape="poly" href="http://yandex.ru" coords="9,7,392,6,395,580,7,581" />
    </map>



    </body>

    </html>
     
Загрузка...

Поделиться этой страницей