onmouseover bei Sites

DerDude

Hallo zusammen

Ich habe folgendes Problem

Ich möchte gerne dass bei einem Mouseover vor und nach dem Titel eine Klammer erscheint. zB so: Titel vor Mouseover: About -> Dann mit Mouseover [About]

Nun sollte das ganze ja noch dynamisch bleiben.
Meine Seitentitel werden so ausgelesen: <?php wp_list_pages('title_li='); ?>

Hat jemand eine Idee wie ich das umsetzen könnte?
Habe bis jetzt leider noch keine brauchbare Lösung gefunden.

Vielen Dank für eure Hilfe
Gruess Dude

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

alchymyth

mit css:

Code

a:hover:before {content:'[';}
a:hover:after {content:']';}

du musst nur noch die spezifischen styles fuer die links des menues finden, damit das nicht allgemein auf der ganzen seite so aussieht.

[COLOR=#ff4400]http://www.w3schools.com/CSS/CSS_pseudo_elements.asp[/COLOR]

http://www.w3schools.com/CSS/CSS_pseudo_elements.asp

DerDude

Hey vielen Dank, das hat ja herrlich funktioniert! :-o

DerDude

Ist ja verrückt. Nun erhalte ich vor den Klammern einen kleinen Pixel Punkt... obwohl dieser gar nirgends drin steht... und dieser Punkt kommt nur beim Mouseover. Sobald man die Seite gewählt ist er wieder weg... :-?

Weiss jemand ob das ein Bug ist oder woher dieser Punkt kommen könnte?

Hier im Beispiel, beim Menupunkt About

kaiser

Der wird irgendwo in Deinem Code (Css oder Php-Menü) liegen.

DerDude

Das ist ja das verrückte. Ich hab den ganzen Code schon zig mal durchgewälzt der ist einfach nirgends! :shock:

spickzettel

Dann ist das Magie! :-)

Mit einem Link zur Problemseite könnte man eher helfen...

DerDude

Sieht mir schon schwer nach dunkler Magie aus :lol:

Hier der Link zur Seite: http://www.lilipepper.ch/ oben links die besagte Problem-Navigation...

kaiser

irgendwie seh ich den Punkt nicht... falls das gelöst ist: bitte auch posten :/

andalusiWEBDESIGN

Zitat von kaiser

irgendwie seh ich den Punkt nicht... falls das gelöst ist: bitte auch posten :/

Der Punkt ist noch zu sehen. Bewege Deine Maus mal über "About"

kaiser

Alter Schwede! Ich arbeite auf einem Eizo mit wirklich feinem Kontrast, aber um das zu sehen, hab ich erstmal den Monitor putzen und den Kontrast aufs Max setzen müssen...

Setz einmal für .mainnav-li { list-style: none inside none; } Das ist nämlich lediglich dein Aufzählungszeichen, dass den Style der [ verwendet. Daher auch dieselbe Farbe...

kaiser

Und? Passts jetzt...?

Willkommen! Melden Sie sich an oder registrieren Sie sich.

onmouseover bei Sites

Jetzt mitmachen!