Abszolút pozicionálású link elhelyezése egy táblázat cellában
Sziasztok!
Van egy táblázatom. Bizonyos rekordokhoz tartozik egy leírás is, ami hosszabb szöveg, ezért nem került be a táblázatba, hanem tooltipként fog megjelenni a név mellett, amennyiben ki van töltve. A megjelenítséséhez a
Ehhez megjelenítenék egy kis piros négyzetet a cell bal felső sarkában, ami jelezné, hogy van tooltip. A következőre gondoltam:Ez végülis jó most nekem, de pl. eredetileg egy
Érdekelne egy esetleges jobb megoldás.
Köszi,
Felhő
■ Van egy táblázatom. Bizonyos rekordokhoz tartozik egy leírás is, ami hosszabb szöveg, ezért nem került be a táblázatba, hanem tooltipként fog megjelenni a név mellett, amennyiben ki van töltve. A megjelenítséséhez a
Smarty
popup
pluginjét használom, ehhez viszont kell egy link, ami kiváltja a tooltip megjelenítsést.Ehhez megjelenítenék egy kis piros négyzetet a cell bal felső sarkában, ami jelezné, hogy van tooltip. A következőre gondoltam:
<td style="position:relative;">
<a href="#" onclick="return false;" style="position:absolute;
display:block;
background-color:red;
height:6px;
margin-left:-6px;
margin-top:-3px;
font-size:15px;"> </a>
top=0px; left=0;
adatma volna a linknek, de akkor az oldal sarkába tette, nem a cella sarkába (pedig relatív). Próbáltam a cellának absolute
-ot adni, de akkor meg úgy jelent meg, hogy a jobb széle a tartalom szélén jelent meg.Érdekelne egy esetleges jobb megoldás.
Köszi,
Felhő
Minden böngésző?
A kis piros cuccnak csak jeleznie kell, vagy arra kattintva, allva jelenne meg a tooltip? Ha csak jelzés, akkor én háttérképként tenném be.
Nem próbáltam
Nem próbáltam. FF-ban nem ment, onnatól kezdve nem próbáltam a többieket.
Kell a link, az triggereli a popupot. Bár gondoltam én is a háttérképre, és akkor maga név lehetne link.
Felhő
table-cell nem lehet relative
Frissítés:
CSS 2.1: 9.3.1 Choosing a positioning scheme: 'position' property
Kell bele rakni egy DIV elemet...