ugrás a tartalomhoz

Nice titles

Hodicska Gergely · 2005. Jún. 26. (V), 18.50
Linkek title attribútumának megjelenítése.
 ■
1

css

Őry Máté · 2005. Jún. 26. (V), 19.14
Ezt nem lehetne a modernböngészőkhöz megcsinálni valahogy így:? (lusta vok kipróbálni)
*[title]:hover {
  position:relative;
}
*[title]:hover:after {
 content: attr(title);
 position: absolute;
 padding: 4px 7px;
 top: 0px;
 left: 0px;
 color: white;
 font-size: 13px;
 font-family: Verdana, Helvetica, Arial, sans-serif;
 width: 25em;
 font-weight: bold;
 background: url(/images/ntbg.png);
 /* Mozilla proprietary */
 -moz-border-radius: 12px;
}

vagy félreértettem a dolog lényegét?
2

nem..

Őry Máté · 2005. Jún. 26. (V), 19.19
opera meg sem mozdul, ff csak a sor végén lévőhöz rakja ki, és úgy néz ki, mintha static lenne, nem abs az is.
4

elírtam

Őry Máté · 2005. Jún. 26. (V), 19.27
tile lett a title helyett a tesztben, ezért nem volt ok a soreleji próba :)
<style type="text/css" media="screen">
p {
 position:relative;
}
*[title]:hover:after {
content: attr(title);
position: absolute;
padding: 4px 7px;
top: 12px;
left: .5ex;
color: white;
font-size: 13px;
font-family: Verdana, Helvetica, Arial, sans-serif;
width: 25em;
font-weight: bold;
background-color: #bbb;
}
</style>
</head>
<body>
<p><a href="" title="ez a bigyó">szöv</a></p>

ez így operában teljesen okul müxik. ffoxban kevésbé
3

Firefox :after pozicionalas

Jano · 2005. Jún. 26. (V), 19.20
Hello!

Amikor legutobb probalkoztam vele akkor a Firefox meg nem tudta abszolut pozicionalta tenni a pszeudo elemet. Egyebkent a pszeudo elem nem vagyok biztos benne, hogy az adott elem gyereke es igy ahhoz kepest kerul pozicionalasra ha az relative pozicionalasu.
5

ff

Őry Máté · 2005. Jún. 26. (V), 19.30
és sem display:blocknak, sem floatnak (raktam utána még 1 linket) nincs semmilyen hatása.