Wie formatiere ich Links im CSS?
SamanthaHexe am 01.10.2008 um 22:28 Uhr
Für die Schule habe ich etwas bestimmtes im zu programmieren! Nämlich:
Bewegt man den Cursor über einen Link, wird ein Erklärungstext zum entsprechenden Link angezeigt. Verlässt der Cursor den Eintrag, verschwindet dieser Erklärungstext wieder. Der Erklärungstext kann entweder in der Nähe des Menüeintrages sein (ähnlich einem Tooltip), oder an einer bestimmten, dafür vorgesehenen Stelle (ähnlich einer Statuszeile). Der Erklärungstext soll neben einem Text auch ein kleines grafisches Symbol enthalten (kleines Bild, Icon, Clipart etc.). Verwenden Sie dafür ausschließlich CSS (kein JavaScript, keine speziellen HTML-Attribute wie z.B. „title“).
Ich hab versucht es irgendwo zu finden, aber ich hab nichts gefunden, aber wie stelle ich das an?
Lg Sam
Antworten
Google, erste Fundstelle:
http://www.google.de/search?q=css+tooltip
Bist Du vielleicht kein Schüler sondern Informatikstudent und Dein Lehrer ein Prof.?!?!
Sag mal Deinem Lehrer, ich programmiere jetzt seit über 10 Jahren fast jeden Tag Internetseiten - aber das hätte ich nicht hinbekommen!
Außerdem gibt es für den Internet Explorer (auch hier) noch immer keinen Lösungsvorschlag (nein, die Links helfen NICHT weiter)!
Für solche Aufgaben ist m.E. zwingend JavaScript erforderlich. Ich wäre auf eine Lösung Deines Lehrers sehr gespannt.
reg auf
Schau mal da, da kann man ganz viel lernen. http://de.selfhtml.org/ suchen mußt du schon selbst.
Hirnlos am 1. Oktober 2008 22:31 LOL, 2 Hirne - ein Gedanke!
pgelli am 1. Oktober 2008 22:37 Wenn du einen Code suchst, schau mal da http://www.design4screen.de/referenzen.html den kannst du doch sicher kopieren.
Schau mal bei http://de.selfhtml.org vorbei, da kannst du weiterlernen - es bringt dir mehr, wenn du es selber heraustüftelst...
pgelli am 1. Oktober 2008 22:32 LOL :O) Zwei Dumme ein Gedanke!
Zu eurer Info... das habe ich versucht... Ich hab die ganze Seite auf den Kopf gestellt... über einer halbe Stunde lang...
Glaubt ihr wirklich ich würde fragen, wenn es so einfach wär?
heconny am 1. Oktober 2008 22:34 Welche? Selfhtml oder tutorials?
SamanthaHexe am 1. Oktober 2008 22:37 Beide
dann hast Du nicht richtig gesucht. Im uebrigen ... warum darf kein title tag verwendet werden gruebel
Ok, Tipp: Wenn du deine Seiten testest, rufe danach die Fehlerkonsole auf (geht in Opera und Firefox), dort steht ganz genau drin, was in deinem CSS oder script nicht stimmt. Meistens Schreibfehler oder Großklein-Schreibung nicht beachtet, Semikolon vergessen...
es geht hier sicherlich um "a:link" -> "display:none" in verbindung mit "a:hover" -> "display:inline/block" google spuckt bei der suche nach "tooltip css" z.B. folgendes aus: http://www.webbe.de/index.shtml?CONTENT=scriptcsstooltip;LANG=de
So, habe nun extra für dich etwas herumgesucht - dein Lehrer hat schon Vertrauen zu euch, sowas selber hinzubekommen...
http://de.selfhtml.org/css/eigenschaften/pseudoformate.htm#before_after
Danke... Ich wäre durchgedreht wenn ich noch länger dabei hätte sitzen müssen...
Neu hier?
Jetzt kostenlos registrieren
und gutefrage.net werbefrei nutzen.
5 Antworten pro Minute
Jetzt entdecken!
