ugrás a tartalomhoz

Abszolút pozicionálású link elhelyezése egy táblázat cellában

Hodicska Gergely · 2006. Jan. 20. (P), 14.56
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 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;">&nbsp;</a>
Ez végülis jó most nekem, de pl. eredetileg egy 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ő
 
1

Minden böngésző?

Jano · 2006. Jan. 20. (P), 15.12
Egyik böngészőben sem jó a sima relative-absolute-0-0-as megoldas?

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.
2

Nem próbáltam

Hodicska Gergely · 2006. Jan. 20. (P), 19.08
Egyik böngészőben sem jó a sima relative-absolute-0-0-as megoldas?

Nem próbáltam. FF-ban nem ment, onnatól kezdve nem próbáltam a többieket.

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.

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ő
3

table-cell nem lehet relative

Jano · 2006. Jan. 20. (P), 19.35
Hat ez erdekes: Wikipedia css

Multiple properties often end up doing the same job. For instance, position, display and float specify the placement model, and most of the time they can't be combined meaningfully. A display: table-cell element cannot be floated or given position: relative, and an element with float: left should not react to changes of display


Frissítés:
CSS 2.1: 9.3.1 Choosing a positioning scheme: 'position' property

relative: The box's position is calculated according to the normal flow (this is called the position in normal flow). Then the box is offset relative to its normal position. When a box B is relatively positioned, the position of the following box is calculated as though B were not offset. The effect of 'position:relative' on table-row-group, table-header-group, table-footer-group, table-row, table-column-group, table-column, table-cell, and table-caption elements is undefined.


Kell bele rakni egy DIV elemet...