LiveInternet <a class="gl_Topv2-logo-lnk" href="//www.liveinternet.ru/" title="LiveInternet.ru">LiveInternet

Создание подсказки для ссылки на чистом HTML+CSS

Четверг, 24 Апреля 2008 г. 12:22 + в цитатник

Оригинал статьи

Стандартная всплывающая подсказка указываемая в атрибуте title смотрится довольно уныло и ее нельзя настроить. Можно создать красивые подсказки с помощью Java скриптов, но если у вас нет желания использовать JavaScript, то можно сделать то же самое с помощью HTML+CSS.

Итак начнем, так выглядит HTML код:

Текст <a class="tooltip" href="#">Ссылка
Подсказка для ссылки</a>.

Сначала создадим класс tt для параграфа :

p.tt {
position: relative;
}

В принципе здесь ничего кроме позиционирования нету. Кстати если не установить position:relative для в котором находится ссылка, то в Опере работать не будет.

Затем создадим класс tooltip, для ссылки :

a.tooltip:hover {
background:#FFF;
text-decoration:none;
}

Здесь следует отметить что без background color подсказка не будет работать в IE6.

Пишем стиль для который будет у нас работать подсказкой:

a.tooltip span {
display:none;
width:150px;
text-align: center;
}

Первой строкой мы его скрываем, второй устанавливаем его ширину и третьей выравниваем текст внутри него по центру.

Пишем стиль для при наведении курсора мыши на ссылку:

a.tooltip:hover span {
display:block;
position:absolute;
z-index: 100;
top: -3em;
left: 15px;
border: 1px solid #B14A05;
background: #F0CA87;
color:#000;
}

Здесь мы показываем , затем позиционируем его абсолютно, после этого ставим z-index:100 чтобы подсказка показывалась всегда поверх остальных элементов, смещаем выше и правее, ну и украшаем немного.

Вот и все. Проверял в IE6, Firefox 2.0.0.14, Opera 9.20.

Здесь можно посмотреть пример.

Метки: html css tooltip

Новый блог

Пятница, 14 Марта 2008 г. 16:39 + в цитатник

Открыл новый блог, скорее всего по узкоспециализированной тематике: web design, linux

Комментарии (2)

;Размышления о бренности существования или Нехрен думать о всякой фи

Вторник, 19 Февраля 2008 г. 09:30 + в цитатник

Утро началось с того, что размышляя о бренности своего существования я прое* свою остановку, а потом думая о том что нефиг думать о бренности своего существования в автобусе, зашел не в то здание где я работаю, далее думая что нефиг идти и думать о том что нефиг думать о бренности своего существования в автобусе, когда идешь на работу, а то можно попасть не в свое здание, очнулся оттого что пытаюсь своим ключом открыть дверь в кабинет зам.директора, затем думая что нефиг думать о бренности своего существования в автобусе, идя на работу а то можно попасть не в свое здание и пытаться взломать чужой кабинет, включаю комп... а он не включается, давай разбирать комп и пытаться понять что накрылось когда выясняется что забыл включить сетевой фильтр. И вот думая что нефиг идти и думать о том что нефиг думать о бренности своего существования в автобусе, подумал: нехрен думать о всякой фигне!!!

Комментарии (2)

Tom's Hardware Guide Russia.

Среда, 16 Января 2008 г. 05:26 + в цитатник

thg.ru/index.html

Русский THG (Russian Tom's Hardware Guide, THG.ru)

Русский THG (Russian Tom's Hardware Guide, THG.ru) входит в сеть изданий TG Publishing - самой популярной сети изданий о современной электронике в мире. На сайтах сети TG Publishing каждый день публикуются обзоры и новости о современной электронике, компьютерному "железу", технологиях развлечений и цифрового дома. Мы пишем обо всём, что интересно современному человеку - от 3G-телефонов и ультрапортативных ноутбуков и до провайдерского сетевого оборудования. В отличие от франчайзинговых изданий, редакции сети TG Publishing (включая две российские редакции THG и три российских тестовых лаборатории), работают в кооперативном режиме - используя самые прогрессивные методы коммуникации, редактора национальных редакций вместе вырабатывают итоговые материалы. Если в обычном издании тест одной "железки" обычно делает один автор, то в THG этим может заниматься пять и даже больше редакторов одновременно, что позволяет нам оперативнее обрабатывать огромное количество новинок, при этом глубже понимая суть вопроса, и разбираться в современной электронике без спешки, достаточно досконально, чтобы отвечать за свои рекомендации.

В отличие от ряда других изданий, мы не работаем в режиме "зеркала" - материалы THG для США, стран Евросоюза и России очень часто отличаются друг от друга разительно, ведь мы прекрасно знаем, например, что критерии оценки электроники в России и США очень разнятся. То что покажется очень интересным американскому читателю THG может быть совершенно неактуально для россиянина, украинца или белоруса. Не говоря уже о том, что один и тот же продукт на разных рынках может иметь совершенно различную целевую аудиторию. Так в США, например, зеркальную цифровую камеру за $1900 можно считать любительской, в то время как в России, эта же камера будет выступать уже в полупрофессиональном сегменте.

Метки: компьютеры железо

Исчо один стих

Вторник, 15 Января 2008 г. 05:15 + в цитатник

Етот стих был написан давным давно, вообще-то он незакончен.

Поговори со мной,
Я так люблю тебя,
Что жить так дальше,
Больше не могу,
Поверь мне без тебя,
Ужасно одиноко,
Вернись ко мне скорей,
Мне без тебя так плохо.

Метки: стихотворение стих

Результат теста "Кто ты в магическом мире?"

Понедельник, 14 Января 2008 г. 07:22 + в цитатник

"Кто ты в магическом мире?"

Вампир

Даже если сейчас ты и не вампир, то у тебя есть все шансы стать им, если будешь продолжать в том же духе. Люди для тебя - всего лишь серые индивидумы, жизнь и чувства которых ничего не стоят, но наблюдать за ними - твоя духовная пища (а может и не только духовная :))

Эльф, Еврей, теперь еще и Вампир, получается во мну куча всяких личностей))))

Результат теста "Какой ты национальности?"

Понедельник, 14 Января 2008 г. 07:19 + в цитатник

"Какой ты национальности?"

Еврей. Вы очень умны и образованны. Предпочитаете работать не руками, а головой. Однако деньги вы любите больше, чем людей, и из-за этого можете-таки ;) пострадать:)

Я аж сам афигел)

Результат теста "Какое вы существо в мире фэнтези?"

Понедельник, 14 Января 2008 г. 05:22 + в цитатник

"Какое вы существо в мире фэнтези?"

Вы - эльф.

Вы красивы собой, умны, возможно даже владеете магией, но в то же время горделивы, самоуверенны, и даже самодовольны.

Что и требовалось доказать! ))))

Результат теста "В каком году ты умрёш? (как ни странно но ето правдоподобный тест)"

Понедельник, 14 Января 2008 г. 05:13 + в цитатник

"В каком году ты умрёш? (как ни странно но ето правдоподобный тест)"

до 2028г. неболее

Кончно не долгожитель но и так сойдёт!

Пойдет, но лучше бы до 2030, а потом я готов)))

Комментарии (2)

ЭЭЭ...Ну типа стих)))

Пятница, 11 Января 2008 г. 05:25 + в цитатник

Я конечно не поэт))), но уж что вышло то вышло)))

Святое место пусто не бывает,
В стакан, воду обычно наливают,
Сердце наполняется любовью,
И душа поет подобно соловью,
Но ведь бывает и наоборот,
Стакан со стола, разбившись упадет,
И сердце, разбиться тоже может,
Никто вылечить его уже не сможет,
И таки будет этот человек,
С разбитым сердцем все черстветь, хиреть,
В душе его поселится тоска,
Ведь нету рядом соловья,
И где же тот яркий свет во тьме?
Потух он, больше его нет!
Не загорится больше никогда,
Погасло пламя, раз и навсегда.

Копирайт (с) 10.01.2007 rOOse

Не судите строго)))))

Метки: стихотворение

playcast.ru

Вторник, 27 Ноября 2007 г. 15:23 + в цитатник

draconia.ru

Вторник, 27 Ноября 2007 г. 15:14 + в цитатник

Приколы - новая серия фотографий в фотоальбоме

Пятница, 09 Ноября 2007 г. 11:28 + в цитатник

Фотографии mr_rOOse : Приколы

Приколы - новая серия фотографий в фотоальбоме

Пятница, 09 Ноября 2007 г. 11:19 + в цитатник

Фотографии mr_rOOse : Приколы

- новая серия фотографий в фотоальбоме

Пятница, 09 Ноября 2007 г. 11:09 + в цитатник

Фотографии mr_rOOse :

Приколы

Комментарии (2)

- новая серия фотографий в фотоальбоме

Вторник, 06 Ноября 2007 г. 15:26 + в цитатник

Фотографии mr_rOOse :

- новая серия фотографий в фотоальбоме

Вторник, 06 Ноября 2007 г. 15:08 + в цитатник

Фотографии mr_rOOse :

Ну тута железо-антиквариат, и мои сгоревший хард.

Понедельник день тяжелый

Понедельник, 24 Сентября 2007 г. 09:16 + в цитатник

В колонках играет - DonOmar - Conteo
Настроение сейчас - Хуже некуда

Правду говорят, понедельник день тяжелый да еще и простудился я конкретно.

21 сентября 2007

Суббота, 22 Сентября 2007 г. 06:46 + в цитатник

В колонках играет - CITY ZEN feat KATRIN VESNA - LUNA
Настроение сейчас - Good

Покупал 2 принтера и лицензионную 1С.Бухгалтерию,пока нес до машины думал в коробке с 1С пару кирпичей лежит оказывается нет не кирпичи а штук пять талмудов и одинокий диск.