ФорумРазработкаКлиентская сторонаВерстка и оформление → Текст возле ссылки

Текст возле ссылки

  • Alex Miki

    Сообщения: 25 Репутация: N Группа: Адекваты

    Spritz Дек. 19, 2010, 3:08 д.п.

    Подскажите плиз как замутить текст возле ссылки при наведение наглядный пример в вложениях (или на мининова.орг). Заранее спасибо.
    1. text.png (78)
  • Mars

    Сообщения: 304 Репутация: N Группа: Кто попало

    Spritz Дек. 19, 2010, 3:16 д.п., спустя 7 минут 23 секунды

    >Сегодня в 03:08:43

    пиздец людям не спится
  • Sinkler

    Сообщения: 7958 Репутация: N Группа: в ухо

    Spritz Дек. 19, 2010, 3:17 д.п., спустя 1 минуту 1 секунду

    наверное, к нг готовятся
  • Mars

    Сообщения: 304 Репутация: N Группа: Кто попало

    Spritz Дек. 19, 2010, 3:17 д.п., спустя 10 секунд

    <a href="http://example.com/">myurl</a> mytext
  • md5

    Сообщения: 11960 Репутация: N Группа: в ухо

    Spritz Дек. 19, 2010, 3:18 д.п., спустя 59 секунд

    при наведении показывай скрытый рядом лежащий span
    в чем проблема?
    все умрут, а я изумруд
  • Mars

    Сообщения: 304 Репутация: N Группа: Кто попало

    Spritz Дек. 19, 2010, 3:22 д.п., спустя 4 минуты 38 секунд

    .pizdec {}
    .pizdec:hover{background-color:blabla;cursor: pointer;}
    .pizdec a{}
    .pizdec a:hover {color:blue}


    <div class="pizdec" onclick="window.location.href='http://example.com/'"><a>mylink</a> and my text</div>
  • Mars

    Сообщения: 304 Репутация: N Группа: Кто попало

    Spritz Дек. 19, 2010, 3:24 д.п., спустя 1 минуту 46 секунд

    попячс
  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz Дек. 19, 2010, 3:29 д.п., спустя 5 минут 11 секунд

    span a { display:none; }
    span:hover a { display:block; }

    <span>Lorem ipsum dolor sit amet, consectetur adipisicing <a href="#">elit</a></span>
    Высокоуровневое абстрактное говно
  • Alex Miki

    Сообщения: 25 Репутация: N Группа: Адекваты

    Spritz Дек. 19, 2010, 4:47 д.п., спустя 1 час 17 минут 22 секунды


    span a { display:none; }
    span:hover a { display:block; }

    <span>Lorem ipsum dolor sit amet, consectetur adipisicing <a href="#">elit</a></span>


    Спасибо!
    Сделал так:

    .mtable span strong{
    display:none;
    }
    .mtable span:hover strong {
    display:block;
    float:right;
    margin-left:10px;
    }
  • technobulka

    Сообщения: 4540 Репутация: N Группа: Джедаи

    Spritz Дек. 19, 2010, 6:02 д.п., спустя 1 час 15 минут 16 секунд

    Сделал так:

    однохуйственно))
    Высокоуровневое абстрактное говно
  • artoodetoo

    Сообщения: 5147 Репутация: N Группа: в ухо

    Spritz Дек. 19, 2010, 10 д.п., спустя 3 часа 57 минут 45 секунд

    логично сделать всплывающий текст частью ссылки. вот красивый кросс-браузерный пример:
    CSS Bubble Tooltips
    ιιlllιlllι унц-унц
  • master

    Сообщения: 3244 Репутация: N Группа: Джедаи

    Spritz Дек. 19, 2010, 10:27 д.п., спустя 26 минут 52 секунды

    вот красивый кросс-браузерный пример:
    CSS Bubble Tooltips

    в опере криво работает
    не всё полезно, что в swap полезло
  • artoodetoo

    Сообщения: 5147 Репутация: N Группа: в ухо

    Spritz Дек. 19, 2010, 11:44 д.п., спустя 1 час 17 минут 41 секунду

    точно. часть проблемм решается если для tooltip указать overflow: hidden. а вот почему мусор остается - хз. бага.
    ιιlllιlllι унц-унц
  • Alex Miki

    Сообщения: 25 Репутация: N Группа: Адекваты

    Spritz Дек. 19, 2010, 12:10 п.п., спустя 25 минут 55 секунд


    однохуйственно))

    Таки да)) Всем спасибо большое!

Пожалуйста, авторизуйтесь, чтобы написать комментарий!