[TYPO3-german] powermail - Tooltips
Peter Linzenkirchner
liste at lisardo.de
Tue Jul 10 13:31:29 CEST 2012
Hallo Björn,
die Position eines position:absolute-Containers wird nicht margin und padding bestimmt sondern mit top/bottom und right/left. Ausserdem musst du ein width / height angeben. Ansonsten gilt:
top und left sind relativ zum ersten umgebenenden Container mit dem Attribut position:relative
z-index ist immer in Relation du diesem Container zu sehen: wenn der ein höheres z-index hat, überdeckt er.
Das musst du entsprechend analysieren.
Mit Powermail hat das nichts zu tun.
Gruß
Peter
Am 10.07.2012 um 11:44 schrieb Björn Hahnefeld:
> Hallo zusammen,
>
>
>
> alle Formulare unserer Webpräsenz habe ich mit powermail realisiert. Auf einigen Formularen möchte ich gerne Tooltips einsetzen. So auch auf dieser:
>
> http://www.mp-telekommunikation.de/telekommunikation/formular-o2-on.html
>
>
>
> Allerdings werden die Tooltips verdeckt. Ich dachte, dass man das mit z-index übersteuern kann. Doch dem ist nicht so. Jedenfalls nicht mit dem CSS, welches ich bisher einsetze:
>
>
>
> --
>
> #main_content_box.medienagentur .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html a dfn {
>
> display:none !important;
>
> }
>
> #main_content_box.medienagentur .tx-powermail-pi1 .tx_powermail_pi1_fieldwrap_html a:hover dfn {
>
> display: block !important;
>
> position: absolute;
>
> width: 250px;
>
> padding: 5px;
>
> margin:2px 0 0 100px;
>
> background-color: #ddd;
>
> /*border: 1px solid red;*/
>
> color: black;
>
> text-decoration: none;
>
> font-family: 'YanoneKaffeesatzLight', Arial, sans-serif;
>
> font-size:14px;
>
> z-index: 99;
>
> }
>
> --
>
>
>
> Wer hat eine pfiffige Idee auf Lager und schon ein ähnliches Problem gehabt?
>
>
>
> Viele Grüße
>
>
>
> Björn
>
> _______________________________________________
> TYPO3-german mailing list
> TYPO3-german at lists.typo3.org
> http://lists.typo3.org/cgi-bin/mailman/listinfo/typo3-german
--
Xing: http://www.xing.com/profile/Peter_Linzenkirchner
Web: http://www.typo3-lisardo.de
Facebook: http://tinyurl.com/lisardo-multimedia
More information about the TYPO3-german
mailing list