Menu mit Image ohne Titel ohne plugin
-
Einer meiner Menüpunkte soll ein Image sein ohne Text. Ich möchte kein Plugin verwenden.
Der Workaround mit css-class und background-image ist für meine Anforderung nicht der richtige, da ich ein Navigation Label anführen muss (in meinem Fall habe ich es mit einem . versucht, aber leider schaffe ich es nicht mittels additional css den Punkt zum Verschwinden zu bringen, ohne auch das Image verschwinden zu lassen).
Wie kann ich dieses Problem lösen?
- Dieses Thema wurde geändert vor 4 Jahren, 4 Monaten von 0000magda0000.
- Dieses Thema wurde geändert vor 4 Jahren, 4 Monaten von 0000magda0000.
- Dieses Thema wurde geändert vor 4 Jahren, 4 Monaten von 0000magda0000.
-
Wie kann ich dieses Problem lösen?
Du könntest schon mal damit anfangen, uns einen Link zur Seite zu schreiben. Ansonsten können wir nämlich nur raten, was aber nicht wirklich zielführend ist.
Eher eine Frage für ein CSS-Forum, aber du kannst mit
text-indent: -9999px;
den Text außerhalb des Browserfensters setzen. Ansonsten wäre es schön, wenn du uns (wie von @bscu völlig korrekt angemerkt) eine URL zur Website geben könntest.Hallo,
danke für die schnellen Antworten!!
@bscu ich arbeite auf localhost und habe die Seite (noch) nicht online
@pixolintext-indent: -9999px;
hatte ich bereits versucht, hier verschwindet auch das image (habe auch versucht den Wert -9999px zu verändern, der . verschiebt sich hier zwar, aber irgendwann verschwindet auch das image)ich arbeite auf localhost und habe die Seite (noch) nicht online
Tja, dann wirst du das Problem wohl alleine lösen müssen.
ich dachte eigentlich ich könnte oder müsste mich intensiver mit den php files in WordPress auseinandersetzen, um dieses Problem zu lösen. Habe aber nun einen „dirty“ Workaround gefunden:
Als Navigation Label verwende ich nun einen „Braille blank“, das css background-image bleibt dabei sichtbar.
Ich hab mal rasch in einer Testumgebung einen Link des Navigationsmenüs geändert:
#menu-item-91 { background: url(http://placekitten.com/200/300); height: 200px; } #menu-item-91 a { font-size: 0; display: block; height: 200px; width: 100%; }
Ergebnis sieht so aus:
Die putzigen Katzen („ooooh“) sind dann ein „Menüpunkt“.
(Funktioniert übrigens mit
#menu-item-91 a { text-indent: -9999px; display: block; height: 200px; width: 100%; }
genauso. 🙂 )
vielen Dank @pixolin
stimmt, jetzt klappt es bei mir auch 🙂
- Das Thema „Menu mit Image ohne Titel ohne plugin“ ist für neue Antworten geschlossen.