Autor Zpráva
bob99
Profil
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
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"

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: