art-d-sign
-


Hinweise


Antwort
 
LinkBack Themen-Optionen Thema durchsuchen Thema bewerten
Alt 12.08.2007, 22:59   #1
TP-Junior
 
Registriert seit: Aug 2007
broed ist auf einem guten Weg
Question

css-tooltipp, Darstellung in verschiedenen Browsern


Hallo Allerseits,
endlich habe ich ihn gefunden - den css-tooltipp. Er funktioniert durch Einblenden eines spans beim hover über einen Link. Den kompletten Code dazu hab ich unter www.broed.de/broed_2007/ schon online. Das CSS dazu findet Ihr unter http://www.broed.de/broed_2007/css/main_v1.css . Insgesamt ist das Ding ganz brauchbar, aber beim Test (unter Win XP) haben sich drei Probleme ergeben, bei denen ich auf kreative Problemlösungen hoffe. Auch Teil-Lösungen und Anregungen wären klasse.

1. Firefox (2.0)
Der Link befindet sich in einem Textabsatz, der zusätzlich mit der Pseudoklasse p:first-letter ein Initial erhält. Blöderweise verschwindet das Initial beim Mouseout und ändert damit die Laufweite des Textes. HAt da jemand eine Idee, wie man beide Formatierungen erhalten kann?
2. Opera (9.1)
Im Norweger wird der Tooltip im Textabsatz 'zerrissen' Außerdem bleibt beim Mouseout ein Relikt stehen, das erst nach Überfahren eines anderen Links verschwindet.
3. Opera UND IE (6.0)
Der zweite Tooltip auf dem Kinderbild rechts wird (obwohl im Code gleich angegeben) nicht angezeigt.

Für Anregungen dankbar - Grüße, Babette
By the way: Bitte nicht meckern - im IE7 hab ichs noch gar nicht getestet.
broed ist offline   Mit Zitat antworten
Linktipp

Alt 12.08.2007, 23:09   #2
TP-Moderator
 
Benutzerbild von Mich@el
 
Registriert seit: Oct 2005
Ort: Würzburg
Mich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine UserMich@el lebt für das TP und seine User
Ich selbst habe mit den Tool Tips von Stu´s Seite experimentiert. Die haben auch soweit geklappt. Allerdings - wie er auch schreibt - kommt Opera damit nicht so klar.

Grüße
Michael
__________________
Back to business!
Mich@el ist offline   Mit Zitat antworten
Alt 12.08.2007, 23:18   #3
TP-Junior
 
Registriert seit: Aug 2007
broed ist auf einem guten Weg
Jo. Danke. Die Seite kannte ich zwar schon, aber die Tooltipps hatte ich noch nicht gesehen. Leider - ich habs mir gerade angeschaut - funktioniert er genauso wie meiner. Sogar die DTD-Angabe ist die gleiche. Nutzt mir also im ersten Schritt nicht wirklich. Und für Opera kann ich ja dann immer noch einen Hack einbauen. Ich finde nämlich gar nicht sichtbare Tooltipps schöner als zerrissene. Aber vielleicht hat ja doch noch jemand eine Idee ...?
broed ist offline   Mit Zitat antworten
Antwort

  Aktuelles Thema
  TP Hilfe Forum > Web-Editoren & Coding > HTML Puristen > CSS
css-tooltipp, Darstellung in verschiedenen Browsern css-tooltipp, Darstellung in verschiedenen Browsern
« CSS { Bugs (+fixes); Techniken; Templates} | untransparenter span in transparentem div? »

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)
 
Themen-Optionen Thema durchsuchen
Thema durchsuchen:

Erweiterte Suche
Thema bewerten
Thema bewerten:

Forumregeln
Es ist dir nicht erlaubt, neue Themen zu verfassen.
Es ist dir nicht erlaubt, auf Beiträge zu antworten.
Es ist dir nicht erlaubt, Anhänge hochzuladen.
Es ist dir nicht erlaubt, deine Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are an


Alle Zeitangaben in WEZ +2. Es ist jetzt 05:02 Uhr.

Powered by: vBulletin Version 3.7 (Deutsch)
Copyright ©2000 - 2008, Jelsoft Enterprises Ltd. / Search Engine Friendly URLs by vBSEO 3.2.0 RC7 ©2008, Crawlability, Inc.
Traum-Projekt.com | Suchen | Archiv | Impressum | Kontakt | | | Nach oben |



1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67