witam

kod wyglada mniej wiecej tak:

div
{
overflow: hidden;
width: 30px;
}

a.dymek
{
position: relative;
z-index: 500;
}

a.dymek:hover
{
z-index: 600;
}

a.dymek span
{
display: none;
}

a.dymek:hover span
{
display: block;
position: absolute;
}

---

<div>
<a class="dymek href="#">Tekst linku<span>Tekst w dymku</span></a>
</div>

i problem mam taki ze przy uzyciu dla div'a overflow: hidden, dymek
sie nie pokazuje (a wylaczyc overflow: hidden nie moge bo jak link
jest dlugi to wychodzi mi poza ramke a ja tego nie chce)

do góry

mantodeus wrote:
> witam
>
> kod wyglada mniej wiecej tak:
>
> div
> {
> overflow: hidden;
> width: 30px;
> }
>
> a.dymek
> {
> position: relative;
> z-index: 500;
> }
>
> a.dymek:hover
> {
> z-index: 600;
> }
>
> a.dymek span
> {
> display: none;
> }
>
> a.dymek:hover span
> {
> display: block;
> position: absolute;
> }
>
> ---
>
> <div>
> <a class="dymek href="#">Tekst linku<span>Tekst w dymku</span></a>
> </div>
>
> i problem mam taki ze przy uzyciu dla div'a overflow: hidden, dymek
> sie nie pokazuje (a wylaczyc overflow: hidden nie moge bo jak link
> jest dlugi to wychodzi mi poza ramke a ja tego nie chce)
>

<div>
<a class="dymek" href="#">Tekst linku<span>Tekst w dymku</span></a>
</div>

moze to brak cudzyslowia zamykajacego za class?
jaka przegladarka?

do góry

Marcin Bogusz pisze:
[...]
> <div>
> <a class="dymek" href="#">Tekst linku<span>Tekst w dymku</span></a>
> </div>

IMHO takie rozwiązanie nie jest specjalnie najlepsze, bo fragment
oznaczony jako <span>Tekst w dymku</span> ma zastępować niby tradycyjne
title=""? Jeśli tak, to lepiej byłoby za pomocą JavaScript-u "pozbierać"
wszystkie atrybuty title i wstawić treść do jakiegoś div-a, a potem tego
ów div-a dowolnie sobie ostylować. Przykład:
http://www.dustindiaz.com/sweet-titles-finalized/

--
Peter

do góry