Antworten: 8
Seite [1] |
|||||
LoNE|Hitman King for a day Beiträge: 376 |
# Thema - 01.02.2011 um 18:07 Uhr
An alle CSS-Profis hier unter euch mal eine Frage. Ich habe ein doppeltes Dropdown Menu mit CSS an meine Wünsche angepasst. Nun habe ich das Problem, dass ich gerne die Sublinks wie News, Articles... nicht als reinen Text machen will, sondern als Grafik mit nem Hovereffekt der auch aus einer Grafik besteht. Leider blicke ich inzwischen bei den ganzen Klassen nicht mehr durch und weiß nicht genau was ich wo ändern muss. Vielleicht sieht ja von den Profis einer schnell wo ich ansetzen muss. So sieht der html-Code der Navi aus:
Hier die CSS
------------------ "Wer glaubt ein Licht am Ende des Tunnels zu sehen, sollte sich Gedanken machen, ob es nicht ein Zug ist, der einem entgegen kommt!" System Info: Clansphere Version: 2011.4.3 CS Website: http://www.lone-clan.de/ Browser: Firefox 27.0 / IE 9 / Safari 5 / Opera 11.11 / Google Chrome 7 OS: Windows 7 Home Premium x64 |
||||
Inaktiv |
|
||||
fUnK3r Specialist Beiträge: 1656 |
# Antwort: 1 - 02.02.2011 um 12:17 Uhr
einfach dem jeweiligen li-tag eine eigene class oder id geben und in CSS anpassen ... ------------------ Grüßle Jo |
||||
Inaktiv |
|||||
LoNE|Hitman Thread-Ersteller King for a day Beiträge: 376 |
# Antwort: 2 - 04.02.2011 um 23:44 Uhr
Das versuche ich ja schon seit Wochen, aber ich raff das nicht. Sobald ich in den folgenden id's was ändere sprengt es die Navi auseinander und es passt nichts mehr.
Lasse ich diese Id's aber wie sie sind, werden irgendwelche id's die ich den li-tags um den Link gebe einfach ignoriert. Schreib doch bitte mal in meinen Code oben rein wie ich was ändern müsste damit es sich nicht mehr gegenseitig ausschließt. ------------------ "Wer glaubt ein Licht am Ende des Tunnels zu sehen, sollte sich Gedanken machen, ob es nicht ein Zug ist, der einem entgegen kommt!" System Info: Clansphere Version: 2011.4.3 CS Website: http://www.lone-clan.de/ Browser: Firefox 27.0 / IE 9 / Safari 5 / Opera 11.11 / Google Chrome 7 OS: Windows 7 Home Premium x64 |
||||
Inaktiv |
|||||
Tress13 Highlander Herkunft: Lüdenscheid Beiträge: 3048 |
# Antwort: 3 - 05.02.2011 um 05:20 Uhr
Habe dazu bei mir auch ein Thema offen. Vlt hilft es dir ja weiter. TressDesignz.de / Dropdown Navigation ------------------ www.iv-gaming.de | www.iv-artwork.de Zuletzt editiert von Tress13 am 05.02.2011 um 05:20 Uhr (1x Editiert) |
||||
Inaktiv |
|||||
LoNE|Hitman Thread-Ersteller King for a day Beiträge: 376 |
# Antwort: 4 - 10.02.2011 um 16:50 Uhr
Hey Tress danke für deine Hilfe, habs genau so versucht wie du aus deiner Seite vorgeschlagen hast, aber der hover Effekt der Subnavi will noch nicht so richtig. Alles ander klappt mittlerweile. Hier mal mein Code: .css
.html
Ich hab als vereinfachung einfach mal irgendeinen Farbcode als background genommen. Sollte dann ja auch mit nem Bild gehen. Der normale Link wird auch dargestellt, aber der hover geht nicht. Da kommt einfach keine Farbe. Der Link geht aber und hat auch die richtige Größe beim Hover. Wo liegt der Fehler? ------------------ "Wer glaubt ein Licht am Ende des Tunnels zu sehen, sollte sich Gedanken machen, ob es nicht ein Zug ist, der einem entgegen kommt!" System Info: Clansphere Version: 2011.4.3 CS Website: http://www.lone-clan.de/ Browser: Firefox 27.0 / IE 9 / Safari 5 / Opera 11.11 / Google Chrome 7 OS: Windows 7 Home Premium x64 |
||||
Inaktiv |
|||||
Tress13 Highlander Herkunft: Lüdenscheid Beiträge: 3048 |
# Antwort: 5 - 10.02.2011 um 17:03 Uhr
In dem hover brauchste auf jeden Fall die Daten nicht nochmal rein zu schreiben, wenn sie schon in der normalen Klasse mit drin stehen. Nur das was sich ändert muss da rein. Ist aber hier nicht unser Problem. Hast du vlt einen Link zu der Navi. Ist doch nicht die auf deiner Page, oder ? http://lone-clan.de/index.php ------------------ www.iv-gaming.de | www.iv-artwork.de |
||||
Inaktiv |
|||||
LoNE|Hitman Thread-Ersteller King for a day Beiträge: 376 |
# Antwort: 6 - 10.02.2011 um 17:19 Uhr
Ne die isses nicht^^ Der Link zu der neuen Page ist folgender: http://www.lone-clan.de/update/clansphere/index/news/recent Kannst auch gerne ne kurzes Feedback zum Design abgeben^^ Ich habe den css Code so wie er da steht seinerzeit von cssmenus.co.uk übernommen und nur das angepasst was ichmusste, damit es passt. Ich habe den Eindruck dass sich da einige Klassen aber geneseitig blockieren irgendwie. Hier nochmal das ganze CSS für den Teil "Main":
Und hier nochmal der ganze Code der index.php nur mit dem Teil "Main" drin:
------------------ "Wer glaubt ein Licht am Ende des Tunnels zu sehen, sollte sich Gedanken machen, ob es nicht ein Zug ist, der einem entgegen kommt!" System Info: Clansphere Version: 2011.4.3 CS Website: http://www.lone-clan.de/ Browser: Firefox 27.0 / IE 9 / Safari 5 / Opera 11.11 / Google Chrome 7 OS: Windows 7 Home Premium x64 |
||||
Inaktiv |
|||||
Tress13 Highlander Herkunft: Lüdenscheid Beiträge: 3048 |
# Antwort: 7 - 10.02.2011 um 18:20 Uhr
Mir kommt das gerade irgendwie sehr viel Code vor. Ich habe viel weniger bei mir. Hast ja oben gesehen. Kannste nicht einfach den Übernehmen und nur die Parameter ändern, ohne die Namen noch umzubenennen ? Blicke da irgendwie nicht ganz durch. Bei mir kommt der hover-effekt von der Linkklasse, aber du hast bei dir zusätzlich noch Bilder in deiner index drin. Würde als erstes mal alle Bilder NUR über CSS laufen lassen. ------------------ www.iv-gaming.de | www.iv-artwork.de |
||||
Inaktiv |
|||||
LoNE|Hitman Thread-Ersteller King for a day Beiträge: 376 |
# Antwort: 8 - 10.02.2011 um 18:52 Uhr
Ich werd das nachher mal versuchen. Danke dir erstmal... EDIT: So läuft jetzt bei mir alles so wie es soll. Ist zwar wieder ein riesige nav.css geworden, aber die ist jetzt übersichtlich und ich weiß genau was ich wo ändern kann und muss. Danke dir Tress. Einmal mit einer sauberen Vorlage arbeiten wirkt manchmal wunder^^ ------------------ "Wer glaubt ein Licht am Ende des Tunnels zu sehen, sollte sich Gedanken machen, ob es nicht ein Zug ist, der einem entgegen kommt!" System Info: Clansphere Version: 2011.4.3 CS Website: http://www.lone-clan.de/ Browser: Firefox 27.0 / IE 9 / Safari 5 / Opera 11.11 / Google Chrome 7 OS: Windows 7 Home Premium x64 Zuletzt editiert von eumelchen am 11.02.2011 um 18:23 Uhr (1x Editiert) |
||||
Inaktiv |
|||||
Antworten: 8
Seite [1] |
Sie müssen sich registrieren, um zu antworten. |