| Autor | Zpráva | ||
|---|---|---|---|
| bob99 Profil |
#1 · Zasláno: 6. 2. 2012, 12:52:50
Zdravím,
mám tento kód a potřeboval bych zarovnat text na střed vertikálně se zachováním výšky klikatelného odkazu s výškou divu pomocí javascriptu. Pomocí css je to sice vyřešené, ale znemožňuje to funkčnost dalších css prvků (tooltip atd.) <style type="text/css">
a:hover {
background: #ccc;
}
</style>
<div style="border: 1px solid green; display: table; height: 200px; #position: relative; overflow: hidden;">
<div style=" #position: absolute; #top: 50%;display: table-cell; vertical-align: middle;">
<div style="border: 1px solid red; #position: relative; #top: -50%; ">
<a style="HEIGHT: 100px; DISPLAY: block;" href="">
everything is vertically centered
</a>
</div>
</div>
</div>Díky |
||
| _es Profil |
#2 · Zasláno: 7. 2. 2012, 10:32:13
bob99:
Javascript len nastaví CSS vlastnosti, tak ako ti to pomôže? „Pomocí css je to sice vyřešené, ale znemožňuje to funkčnost dalších css prvků (tooltip atd.)“ Tak to sprav v CSS poriadne. Na čo tam máš relatívne umiestnenie? |
||
| bob99 Profil |
Tak to jsem nevěděl v javascriptu nepracuji. To poziciování tam je v tomhle případě zbytečný. Takže pokračujem v původním tématu: Vertikální zarovnání na střed + "HEIGHT:" + "DISPLAY: BLOCK"
|
||
|
Časová prodleva: 12 let
|
|||
0