Hallo.
Ich habe per CSS und BB-Code einen Tooltip eingebaut, welcher neben dem Link ein Bild anzeigen soll.
Das klappt soweit auch ganz gut, mit dem einzigen Problem das das Bild nicht über das DIV des Beitragstextes angezeigt wird.
Bei kurzen Beiträgen, oder wenn der Link in der ersten oder letzten Zeile ist, wird es also abgeschnitten.
Ich habe den z-index schon versucht auf 1 million zu stellen, scheinbar wird das div aber trotzdem höher bewertet, obwohl ich in den quelldateien nirgendwo eine z-index einstellung finden konnte.
Kann mir eventuell jemand helfen?
Problem mit Bild in BBCode
Forumsregeln
phpBB 3.0 hat das Ende seiner Lebenszeit überschritten
phpBB 3.0 wird nicht mehr aktiv unterstützt. Insbesondere werden - auch bei Sicherheitslücken - keine Patches mehr bereitgestellt. Der Einsatz von phpBB 3.0 erfolgt daher auf eigene Gefahr. Wir empfehlen einen Umstieg auf die neuste phpBB-Version, welches aktiv weiterentwickelt wird und für welches regelmäßig Updates zur Verfügung gestellt werden.
phpBB 3.0 hat das Ende seiner Lebenszeit überschritten
phpBB 3.0 wird nicht mehr aktiv unterstützt. Insbesondere werden - auch bei Sicherheitslücken - keine Patches mehr bereitgestellt. Der Einsatz von phpBB 3.0 erfolgt daher auf eigene Gefahr. Wir empfehlen einen Umstieg auf die neuste phpBB-Version, welches aktiv weiterentwickelt wird und für welches regelmäßig Updates zur Verfügung gestellt werden.
-
- Mitglied
- Beiträge: 7
- Registriert: 26.08.2010 16:27
Re: Problem mit Bild in BBCode
Für weitere Hilfe benötigen wir weitere Infos
- Einen Screenshot des Problems oder einen Testuser
- Welches Tooltip Script wird benutzt (Link?)
- Den BBCode plus Ersetzung
- Einen Screenshot des Problems oder einen Testuser
- Welches Tooltip Script wird benutzt (Link?)
- Den BBCode plus Ersetzung
Area51@4seven | Area51@4seven / Reloaded | Kein Support via PN
Club goin up, on a Tuesday...
Club goin up, on a Tuesday...
-
- Mitglied
- Beiträge: 7
- Registriert: 26.08.2010 16:27
Re: Problem mit Bild in BBCode
Code: Alles auswählen
<style type="text/css">
a.tooltip{
position:relative;
text-decoration:none;
border-bottom: 1px dotted #000000;
color:#000000;
font-weight:bold
}
a.tooltip:hover{
background-color:transparent;
}
a.tooltip span{
display:none;
}
a.tooltip:hover span{
display:block;
position:absolute;
z-index:999999999;
top:-10em;
left:2em;
padding:5px;
}
</style>
Code: Alles auswählen
[cards]{INTTEXT}[/cards]
Code: Alles auswählen
<a href="images/cards/{INTTEXT}.png" target="_blank" class="tooltip">{INTTEXT}<span><img src="images/cards/{INTTEXT}.png" alt="{INTTEXT}" /></span></a>
[ externes Bild ]