Problem mit Bild in BBCode

Fragen zur Bedienung von phpBB 3.0.x, Probleme bei der Benutzung und alle weiteren Fragen inkl. Update auf die neuste phpBB 3.0.14 Version
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.
Antworten
Jan Schattling
Mitglied
Beiträge: 7
Registriert: 26.08.2010 16:27

Problem mit Bild in BBCode

Beitrag von Jan Schattling »

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?
Benutzeravatar
BNa
Valued Contributor
Beiträge: 3169
Registriert: 12.04.2010 23:51
Kontaktdaten:

Re: Problem mit Bild in BBCode

Beitrag von BNa »

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
Jan Schattling
Mitglied
Beiträge: 7
Registriert: 26.08.2010 16:27

Re: Problem mit Bild in BBCode

Beitrag von Jan Schattling »

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 ]
Antworten

Zurück zu „[3.0.x] Administration, Benutzung und Betrieb“