Вопрос по HTML (<a> - ALT)

Discussion in 'Болталка' started by OnlyOn, 18 Feb 2011.

  1. OnlyOn

    OnlyOn Banned

    Joined:
    18 Oct 2010
    Messages:
    256
    Likes Received:
    88
    Reputations:
    36
    Можно ли как-то прикрепить к ссылке описание? Ну так чтобы при наведении на нее выводился текст как при использовании alt у картинок?
     
  2. FindeR

    FindeR Elder - Старейшина

    Joined:
    15 Nov 2006
    Messages:
    623
    Likes Received:
    138
    Reputations:
    20
    <a title="Описание">Ссылка</a>

    У картинок тоже title, чтоб описание выводилось.
    alt выводится если изображение отсутствует на сервере.

    В справочник хоть пробовал заглянуть?
     
  3. OnlyOn

    OnlyOn Banned

    Joined:
    18 Oct 2010
    Messages:
    256
    Likes Received:
    88
    Reputations:
    36
    о спс) не знаешь как к нему стили прикрепить?
    Пробывал =) Только пропустил видимо, так как только что в том-же справочнике откопал :(
     
  4. k0xy

    k0xy Member

    Joined:
    4 Feb 2010
    Messages:
    18
    Likes Received:
    14
    Reputations:
    0
    OnlyOn, ты шутишь?
    http://htmlbook.ru/
    http://html.manual.ru/
     
  5. OnlyOn

    OnlyOn Banned

    Joined:
    18 Oct 2010
    Messages:
    256
    Likes Received:
    88
    Reputations:
    36
    та знаю. видимо глючу сейчас (магнитные бури :D )
    моя нейронная сеть уже второй день работает :(

    Искал и пропустил ^_^
     
  6. оlbaneс

    оlbaneс Moderator

    Joined:
    5 Nov 2007
    Messages:
    1,324
    Likes Received:
    938
    Reputations:
    355
    HTML:
          	                            
    
                  <li><a href="#"><div class="tp" style="z-index:6;" ><b>Mark 1   1968 —  1969 &nbsp<span style="left:-160%;">Вокал - Род Эванс. Гитара  - Ричи Блэкмор. Бас-гитара - Ник Симпер. Клавишные - Джон Лорд. Ударные - Иэн Пэйс.</span></b> </div></a></li>
    
    в стилях :
    
      /* всплывающие окна с подсказкой */
    .tp {position:relative;text-indent:0;}
    .tp b {
        cursor:text;
        font-weight:normal;
    }
    .tp b span {display:none;}
    /*-- для FF, OPERA, IE7 --*/
     .tp b:hover {   color:lightgreen;}
     
    .tp b:hover span {
       background:grey;
       border:silver 1px outset;
       color:yellow;
       display:block;
       padding:7px;
       position:absolute;
       top:2px;
       left:5px;
       z-index:10;
       text-align:left;
       width:250px;
    }
    
    выглядеть будет так http://s42.radikal.ru/i096/1102/5d/d8ecbc13011d.jpg
    в стилях поиграйся с какой стороны удобнее чтобы всплывавла.
     
    _________________________
    #6 оlbaneс, 18 Feb 2011
    Last edited: 18 Feb 2011
Loading...