 Aktuelle Seite In Menu Mit Css Markieren, ... gab hier irgendwo mal einen Thread |
Wertung
|
|
Willkommen, Gast ( Anmelden | Registrierung )
HTML-Editor phase 5 Support > Fragen, Lösungen zu HTML-Problemen bzw. Webdesign-Fragen - Talk > HTML  |
 22.07.2004 - 21:56
Beitrag
#1
|
|
|
____________________  Gruppe: Admin Beiträge: 1.220 Mitglied seit: 20.10.2001 Mitglieds-Nr.: 3  |
Hi,
ich suche schon geraume Zeit, kann mich aber nicht mehr erinnern, in welchem Zusammenhang die Lösung hier auftauchte. Ich möchte in einem Navigationsmenu (welches ich mit Includes eingebunden habe) den gerade aktiven Menupunkt per CSS optisch hervorheben. Mit PHP an sich kein Problem, wird aber vom entsprechenden WebSpace nicht unterstützt. Das Problem hatten wir hier schon mal und es gab eine verblüffende Lösung in CSS. Ich werd' verrückt, aber ich finde den Thread nicht mehr. Hat da vielleicht zufällig jemand ein Bookmark drauf?  Mir reicht echt der Link und dann mach' ich den Thread hier auch wieder weg   Grüße Andreas |
 |
 
|
|
23.07.2004 - 5:12
Beitrag
#2
|
|
|
;-)  Gruppe: Mods Beiträge: 246 Mitglied seit: 20.11.2001 Mitglieds-Nr.: 15 |
Guten Morgen Andreas,
Wer es zufällig die von heinzelhund vorgeschlagene Lösung im Thread Includes auswählen? cu, Guido ... geht jetzt einen Kaffee machen/trinken |
|
|
|
 23.07.2004 - 6:07
Beitrag
#3
|
|
|
____________________ Gruppe: Admin Beiträge: 1.220 Mitglied seit: 20.10.2001 Mitglieds-Nr.: 3 |
Perfekt! Der war's :-) Vielen Dank!
|
|
|
|
|
25.06.2006 - 11:38
Beitrag
#4
|
|
|
____________________ Gruppe: Admin Beiträge: 1.220 Mitglied seit: 20.10.2001 Mitglieds-Nr.: 3 |
Lang ist's her ... aber jetzt brauchte ich es mal wieder
 Und weil das per Hand ein wenig zu aufwändig ist, habe ich das hier gebastelt:HTML <? $url = array("index"=>"Home", "anfahrt"=>"Anfahrt", "kontakt"=>"Kontakt", "impressum"=>"Impressum"); ?> <div id="menu"> <ul id="menuliste"> <? while(list($key, $val) = each($url)){ echo '<li><a href="'.$key.'.php"'; if (strstr(basename($_SERVER['PHP_SELF']),$key)){ echo ' id="current"'; } echo '>'.$val.'</a></li>'."\n"; } ?> </ul> </div> </div> Nun kann man nach Herzenslust das Menu per CSS formatieren und hat mit id="current" etwas, mit dem man die aktuelle Seite gesondert markieren kann. Wahrscheinlich haben sich das zig andere auch schon ausgedacht, aber es stand hier noch nicht *g* Gruß Andreas - heute mal im Büro ... |
|
|
|
|
11.04.2007 - 21:30
Beitrag
#5
|
|
|
is getting harder Gruppe: User Beiträge: 11 Mitglied seit: 11.04.2007 Mitglieds-Nr.: 6.770 |
Hallo
der thread ist zwar schon älter aber vielleicht kann mir trotzdem jemand helfen. Finde diese Idee genial! Leider hakt's bei mir noch irgendwo und ich finds einfach nicht.... Die reine Automatisierung der Linkherstellung aus dem array läuft perfekt. Die so produzierten links sehen genau aus wie meine manuellen HTML <div id="navigation"> <h2> Navigation </h2> <ul> <li><a href="http://www.x.de/index.php">Hauptseite</a></li> </ul> und verhalten sich auch so! die(vereinfachten) css-angaben dazu sehen so aus: HTML div#navigation { float: left; width: 12em; } div#navigation ul { list-style: none; } div#navigation li { color: #039; } div#navigation li a:link{ color: black; } div#navigation li a:visited{ color: #039; } div#navigation li a:hover{ color: black; } div#navigation li a:active{ color: black; } div#navigation h2 { color: #039; } Wenn der Link gleich der Seitenangabe ist wirft das script doch dies raus: HTML <li><a href="http://www.x.de/index.php" id="current">Hauptseite</a></li> ist das richtig? mit welchem css eintrag kann ich das dann manipulieren? z.B. die Frabe auf rot stellen? Vielen Dank für Eure Hilfe!!! Gruß HPVD |
|
|
|
|
12.04.2007 - 6:02
Beitrag
#6
|
|
|
Weiss zuviel!! Gruppe: Mods Beiträge: 668 Mitglied seit: 19.04.2002 Wohnort: Grimmen Mitglieds-Nr.: 385 |
Hallo,
ZITAT(HPVD @ 11.04.2007 - 22:30)  mit welchem css eintrag kann ich das dann manipulieren? z.B. die Frabe auf rot stellen? Zum Beispiel:HTML #current {color:red;} Und dazu noch einen Link:http://de.selfhtml.org/css/formate/zentral...dividualformate
|
|
|
|
|
12.04.2007 - 13:00
Beitrag
#7
|
|
|
is getting harder Gruppe: User Beiträge: 11 Mitglied seit: 11.04.2007 Mitglieds-Nr.: 6.770 |
ja dachte ich natürlich auch das es so geht. Funktioniert aber leider nicht.
Auch nicht wenn ich es in einem händisch in dieser form erstellten link versuche. ist die vom script ausgegeben Syntax: HTML <li><a href="http://www.x.de/index.php" id="current">Hauptseite</a></li> wirklich korrekt?? darf und kann man das so und an dieser Stelle mit dem id="current" machen ?? Der Beitrag wurde von HPVD bearbeitet: 12.04.2007 - 13:01 |
|
|
|
|
12.04.2007 - 14:13
Beitrag
#8
|
|
|
Nachschlagewerk des Orakels Gruppe: Mods Beiträge: 955 Mitglied seit: 29.08.2006 Wohnort: Frankfurt am Main Mitglieds-Nr.: 6.217 |
Bei mir führt folgender HTML-Code zu einem roten Verweis:
HTML <html> und die Syntax ist auch korrekt, sofern das Ganze innerhalb von <ul></ul> auftaucht.
<head> <style type="text/css"> <!-- #current { color:red; } --> </style> </head> <body> <ul> <li><a href="http://www.x.de/index.php" id="current">Hauptseite</a></li> </ul> </body> </html> |
|
|
|
|
12.04.2007 - 16:11
Beitrag
#9
|
|
|
is getting harder Gruppe: User Beiträge: 11 Mitglied seit: 11.04.2007 Mitglieds-Nr.: 6.770 |
Vielen Dank für die Unterstützung!!
Dein Beispiel funktioniert bei mir auch. Aber kann man es auch zusammen mit meinen oben angegeben anderen definitionen für den css bereich id="navigation" und die darin enthaltenen unterelemente verwenden? das HTML div#navigation { float: left; width: 12em; } macht quasi einen css frame auf und die folgenden definitionen gelten nur in diesem navigationsbereich. irgendwie will das so aber noch nicht. könnt ihr mir zufällig helfen was genau ich in die angegeben css datei und und den html teil ergänzen muss?? Wäre super klasse!! Der Beitrag wurde von HPVD bearbeitet: 12.04.2007 - 16:20 |
|
|
|
|
13.04.2007 - 11:03
Beitrag
#10
|
|
|
Nachschlagewerk des Orakels Gruppe: Mods Beiträge: 955 Mitglied seit: 29.08.2006 Wohnort: Frankfurt am Main Mitglieds-Nr.: 6.217 |
In diesem Fall solltest du dann folgendes verwenden
HTML div#navigation #current { Wenn du wissen willst, wieso, hilft dir erneut SELFHTML weiter. Kurzgefasst: Die Angabe "div#navigation li a" ist 'spezifischer' als "#current" und überschreibt diese deshalb. Mit obiger Angabe hatte ich sowohl im IE als auch im FF einen roten Link innerhalb des "navigation"-DIVs.
color:red; } |
|
|
|
| Google Bot |
Beitrag
#
|
 Google Ads |
|
|
|
|
|
1 Besucher lesen dieses Thema (Gäste: 1 | Anonyme Besucher: 0)
0 Mitglieder:
|
Vereinfachte Darstellung | Aktuelles Datum: 18.04.2024 - 23:48 |