|
|||
horizontales Bildernavi mit hover, active usw.
Hi,
irgendwie stelle ich mich zu blöd an und finde auch nichts im Netz. Ich benötige ein Bildernavi, das bei hover und active(?) das Bild verändert. Bisher schaffe ich nur hover und dämliche Nebeneffekte. "hover_und_AUSGEWÄHLT.gif" bekomme ich nicht hin. Außerdem fehlt in meiner Version noch die Textalternative. Mit dem CSS-FAQ (Nr.15) konnte ich nichts anfangen. CSS: PHP-Code:
PHP-Code:
|
Sponsored Links |
|
|||
Ja, aber ich finde echt keine Lösung. Gibts nicht irgendwo eine Anleitung? Ich mach das auch mit JS, wenns sein muss, aber ich brauche endlich irgendeinen Weg.
|
|
|||
Nach langer Zeit habe ich mich mal wieder mit dem Thema beschäftigt und eine Lösung gefunden. Es ist wirklich schwierig, etwas im Netz darüber zu finden. Im Prinzip ist es sehr simpel:
Damit der Link nicht "flackert" fügt man beide Bilder eines Links zu einem zusammen, im folgenden Beispiel horizontal [normal_link1.jpg|hover_link1.jpg] = normal_hover_link1.jpg usw. Das CSS sieht dann wie folgt aus: PHP-Code:
Seite 1: PHP-Code:
PHP-Code:
Greetz |
|
||||
Zitat:
Du hast hoffentlich nicht vor, Links ohne Text zu verwenden? Wie man diesen unsichtbar macht und bei deakt. Grafiken doch wieder sichtbar, ist ebenfalls in FAQ 15 erklärt.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
|
|||
Ich hatte mir FAQ 15 nicht nochmal angeschaut, aber Du hast recht. Eine Grafik ist noch effektiver und Text bei deaktivierten Grafiken macht auch Sinn. Ich werde das dann mal anpassen...
|
|
|||
Hat dann soweit alles nach FAQ 15 super geklappt, aber ich musste noch
PHP-Code:
PHP-Code:
Hab ich das was falsch gemacht? PHP-Code:
PHP-Code:
PHP-Code:
Greetz Geändert von ronjambo (29.07.2010 um 02:15 Uhr) |
|
|||
Was müsste am Code verändert werden, damit man das Menü vertikal nutzen kann? Ich habs wie folgt umgesetzt, finde es aber verwirrender, da es laut FAQ 15 heisst:
Zitat:
PHP-Code:
|
Sponsored Links |
|
||||
Vertikal ist einfacher, da float & clear entfällt, denn die li dürfen untereinander stehen. Aber lade Deine Variante mal hoch und poste den Link.
__________________
Wer keinen Link auf seine problembehaftete Seite posten kann, weil diese noch nicht online ist: Testcase bauen, online stellen, Link posten. Internet-Grundregel: Unbekannte Begriffe googeln! (Erspart 99% aller Nachfragen.) |
Sponsored Links |
Themen-Optionen | |
Ansicht | |
|
|
Ähnliche Themen | ||||
Thema | Autor | Forum | Antworten | Letzter Beitrag |
Hilfe css Menu center | xXcyberXx | CSS | 5 | 28.11.2010 20:51 |
Problem mit CSS Menü | SMundt | CSS | 9 | 07.01.2009 20:12 |
CSS Navigation - Problem mit IE6 | pcklinik | CSS | 4 | 18.09.2007 13:04 |
Darstellungsproblem CSS Navigation im IE7 | pcklinik | CSS | 7 | 09.09.2007 18:25 |
CSS Einsteiger bittet um Hilfe | pcklinik | CSS | 0 | 06.09.2007 15:40 |